baoyu-xhs-images Cute 风格实战指南：小红书甜美少女风卡片系列的设计要素与搭配方案

baoyu-xhs-images Cute 风格实战指南小红书甜美少女风卡片系列的设计要素与搭配方案【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills甜美、可爱、少女感——这是小红书平台上最具辨识度的视觉语言之一。baoyu-xhs-images 是当前仓库中用于将复杂内容拆解为 110 张竖版图片卡片的技能其 Cute 风格正是这种小红书经典审美的官方默认风格12 种视觉风格中它以cute默认的身份出现在 SKILL.md 的风格列表中并以cute-share、girly两个预设深度融入自动选择流程。本文以 cute.md 为核心骨架结合仓库中画布、图像效果、排版、装饰与布局规范完整讲解 Cute 风格的元素组合、配色、版式搭配与落地调用方式读完你既能直接复刻这套甜美卡片也能理解它背后的视觉约束与源码级机制。一、Cute 风格定位甜、萌、少女感Cute 风格在 cute.md 中被一句话定义为 Sweet, adorable, girly - classic Xiaohongshu aesthetic甜美、可爱、少女感——经典小红书美学frontmatter 中name: cute、category: sweet将其归类到甜蜜类目。在 SKILL.md 的 12 种风格列表中cute 排在第一位并被标记为Default默认风格当用户没有显式指定--style时自动选择逻辑Auto-Selection 表格遇到beauty, fashion, cute, girl, pink等信号词时首选 cute 风格回退兜底预设也是cute-share。这意味着它对美妆、穿搭、生活方式、日常种草类内容几乎是首选路径。Cute 风格同时被三个核心预设复用定义见 style-presets.md预设名风格布局适用场景cute-sharecutebalanced少女风分享、日常种草girlycutesparse甜美封面、氛围感此外 warm.md 的配色最佳搭档列表中明确写道 cute — warm pastels enhance the sweet aesthetic说明暖色调配色可以进一步强化 Cute 的甜感。二、元素组合规范Element Combinationcute.md 给出了一份可直接作为提示词蓝本的 YAML 元素组合涵盖画布、图像效果、排版和装饰四个维度canvas: ratio: portrait-3-4 grid: single | dual | quad image_effects: cutout: soft stroke: white-solid | colored-solid filter: clear-glow | cream-skin typography: decorated: bubble | highlight tags: pill | bubble direction: horizontal decorations: emphasis: star-burst | hearts background: solid-pastel | gradient-linear doodles: hearts | stars-sparkles | flowers frames: polaroid | tape-corners这份 YAML 是 Cute 风格提示词的核心它把视觉决策拆成四个可独立调参的维度。下面结合仓库中的元素规范文件逐一展开。1. 画布与网格画布比例portrait-3-4即 3:4 竖版像素尺寸 1242×1660。根据 canvas.md这是小红书平台上流量最高的比例文档标注 Highest traffic on XHS (recommended)也是技能默认值备选还有 1:1 方形1242×1242和 2:3 更竖长的 1242×1863。网格single | dual | quad即单格1 张主图、最大冲击力、双格before/after、对比、四格产品展示。在 canvas.md 的 Grid Cells 表中single、dual、quad分别对应 1/2/4 个单元格的用法Cute 风格常用这三个格子方案承载穿搭、单品与对比内容。需要注意画布的安全区约束底部 10% 是移动端标题栏遮挡区、右上角是点赞/分享按钮、右下角是水印位置关键信息应放在安全内容区中央见 canvas.md 的 Safe Zones 图示。2. 图像效果抠图cutoutsoft柔和过渡、羽化边缘适合人物/有机主体。在 image-effects.md 中抠图共有clean锐利边界、soft羽化边缘、stylized手绘边缘三种Cute 场景通常选 soft 以获得甜美柔和的主体边缘。描边strokewhite-solid | colored-solid白描边或彩色描边。描边宽度参考 image-effects.md细 2-4px、中 5-8px、粗 10-15pxCute 风格推荐 white-solid 中等宽度约 5-8px营造经典贴纸感。滤镜filterclear-glow清透感明亮通透或cream-skin奶油肌柔滑肤感。这两款滤镜都是小红书高频审美image-effects.md 中列出共 8 种滤镜还有胶片感、日杂感、高饱和、莫兰迪、暖色调、冷色调Cute 默认只取前两者走清新年轻路线。3. 排版花字decoratedbubble圆润膨胀字形或highlight荧光笔高亮。在 typography.md 的 8 种花字方案中bubble 专门标注 Rounded, inflated letterforms — Cute, playful content与 Cute 风格是强绑定关系。标签tagspill圆角胶囊形或bubble对话气泡形分别适合分类关键词与注释引导。文字方向directionhorizontal标准从左到右横排typography.md 还提供了竖排、曲线、斜向三种方向Cute 默认取最稳妥的横排。4. 装饰强调标记emphasisstar-burst星光爆炸或hearts爱心。这两个元素在 decorations.md 的 Emphasis Marks 表中都有明确对应star-burst 用于制造惊喜感hearts 用于传达喜爱/收藏情绪。背景backgroundsolid-pastel柔和粉彩纯色或gradient-linear线性渐变对应 decorations.md 背景方案中偏温柔、现代的两档。涂鸦doodleshearts | stars-sparkles | flowers——爱心、星星闪光、花朵都是 decorations.md 涂鸦清单中标注 Cute 场景的高频元素。边框framespolaroid拍立得相框或tape-corners和纸胶带角贴前者适合照片展示后者营造手账/手工感两者都是典型的可爱系容器。三、配色方案Color PaletteCute 风格的配色表来自 cute.md角色颜色Hex主色粉、蜜桃、薄荷、薰衣草#FED7E2, #FEEBC8, #C6F6D5, #E9D8FD背景奶油、柔粉#FFFAF0, #FFF5F7强调色亮粉、珊瑚#FF69B4, #FF6B6B这套色板的设计逻辑与仓库中的可覆盖配色体系一致技能支持通过--palette macaron|warm|neon覆盖风格默认色见 SKILL.md 的 Palettes 小节。其中warm 暖色调配色的语义约束来自 warm.md明确写道 cute — warm pastels enhance the sweet aesthetic即暖色马卡龙进一步强化甜美感角色颜色Hex背景蜜桃色#FFECD2主色暖橙、赤陶、金黄、尘玫瑰#ED8936, #C05621, #F6AD55, #D4A09A强调色焦赭色#A0522D同时注意配色语义约束条款生成图像时不得把颜色名称、Hex 码或角色标签渲染成画面中的可见文字这是所有 palette 文件macaron/warm/neon共有的硬性约束Cute 提示词同样适用。四、视觉元素与字体现Visual Elements Typographycute.md 的 Visual Elements 清单Hearts, stars, sparkles, cute faces —— 爱心、星星、闪光、可爱表情Ribbon decorations, sticker-style —— 丝带装饰、贴纸质感Cute stickers, emoji icons —— 可爱贴纸、emoji 图标Soft, rounded shapes —— 柔和圆润的形状这与 decorations.md 中 Style-Specific Decorations 的 Cute 条目完全一致Hearts, stars, sparkles; Ribbon decorations, sticker-style; Cute character elements可见 cute.md 是 decorations.md 风格专节的上层组合式封装。Emoji 集成规范decorations.md建议按类别使用反应类 、物品类 ✨、指向类 ➡️、自然类 ☀️。字体方面Cute 风格的排版要点圆润、泡泡感的手写体rounded, bubbly hand lettering柔和阴影与俏皮装饰soft shadows, playful decorations文字上的粉色/粉彩强调色pink/pastel color accentstypography.md 的 Cute 专节给出了同样表述并补充了通用文字层级建议主标题 H1 为 100% 尺寸加粗花字章节标题 H2 为 70-80%正文 40-50%注释 30-35%。若卡片面向中文内容还需遵循中文排版约束全角标点、字间无空格、行高 1.5-1.8 倍。五、最佳布局搭配Best Layout Pairingscute.md 给出了 Cute 风格与 8 种布局中的 6 种的兼容性评估布局兼容度使用场景sparse✓✓封面、情绪冲击balanced✓✓常规可爱内容dense✓可爱知识卡list✓✓清单、可爱排行榜comparison✓前后对比/蜕变flow✓可爱步骤教程结合 SKILL.md 的 Style × Layout Matrixcute 行在 sparse/balanced/list 三栏为 ✓✓、其余五栏为 ✓无 ✗ 禁区说明 Cute 对几乎所有布局都能工作但最推荐的组合是封面用 sparse、正文用 balanced/list。各布局的信息密度定义canvas.mdsparse 留白 60-70%、每图 1-2 个要点balanced 留白 40-50%、每图 3-4 个要点dense 留白 20-30%、每图 5-8 个要点。在 SKILL.md 的内容拆分原则中封面第 1 张固定建议 sparse 布局做钩子视觉冲击中间内容卡按信息量选 balanced/dense/list/comparison/flow结尾卡回归 sparse 或 balanced 收尾。注意cute.md 的搭配表里没有出现 mindmap 与 quadrant 两列因为 8 种布局中的这两种结构型布局与甜系风格组合场景较少但 Style × Layout Matrix 显示 cute 与这两者的兼容度为 ✓可用但非首选并非禁止。六、应用场景Best Forcute.md 明确列出 Cute 风格的最佳内容场景Lifestyle content —— 生活方式内容Beauty and skincare —— 美妆护肤Fashion and style —— 穿搭时尚Daily tips and hacks —— 日常小技巧Personal shares —— 个人分享这与 SKILL.md 自动选择表第一行信号词beauty, fashion, cute, girl, pink→ cute 风格 sparse/balanced 布局 →cute-share/girly预设一一对应自动匹配逻辑正是围绕这些场景设计的。若内容属于美妆护肤、穿搭种草、日常好物、个人生活分享推荐直接使用--preset cute-sharebalanced或--preset girlysparse 封面。七、在技能中的调用方式与落地流程掌握 Cute 风格后可通过技能 CLI 参数直接落地SKILL.md Options 表--style cute # 指定 Cute 视觉风格 --layout sparse # 封面布局或 balanced/dense/list 等 --palette warm # 可选用暖色配色覆盖默认粉色系强化甜感 --preset cute-share # 一键预设cute 风格 balanced 布局 --preset girly # 一键预设cute 风格 sparse 布局封面 --batch-size 4 # 临时批次大小范围 1-8 --yes # 跳过确认使用默认推荐方案需要强调两点机制预设是风格布局可选配色的简写。style-presets.md 规定空 Palette 表示使用风格内置色显式的--style/--layout/--palette永远覆盖预设值。例如--preset girly --layout balanced Cute 风格 balanced 布局--style cute --palette warm Cute 渲染规则 暖色配色。系列一致性依赖第 1 张锚点链。SKILL.md 的生成流程要求先无--ref生成封面图anchor再以封面作为--ref传给第 2 张及之后的卡片保证人物/颜色/风格不漂移——这是小红书卡片系列最关键的一致性手段也是 Cute 风格多图种草内容维持甜系统一的底层保障。完整流程为Step 0 加载 EXTEND.md 偏好 → Step 1 内容分析写入 analysis.md → Step 2 智能确认Path A 快速确认 / B 自定义 / C 详细模式→ Step 3 按锚点链分批生成图片每张图先写prompts/NN-{type}-{slug}.md提示词文件再调用后端→ Step 4 输出完成报告。图片生成遵循栅格化后端优先原则如 Codeximagegen禁止用 SVG/HTML 等代码渲染替代。八、延伸阅读Cute 风格规范并非孤立文档它与仓库内其他规范构成完整体系presets/cute.md —— 本文核心Cute 风格元素组合、配色与搭配来源文档SKILL.md —— 风格/布局/配色总览、自动选择、预设矩阵与完整工作流style-presets.md —— 全部 25 个预设的展开定义与覆盖规则elements/canvas.md —— 3:4 画布、安全区、8 种布局的信息密度定义elements/image-effects.md —— 抠图/描边/滤镜/混合模式的完整清单elements/typography.md —— 花字、标签、文字层级与中文字体约束elements/decorations.md —— 强调标记、背景、涂鸦、边框、贴纸全量资产palettes/macaron.md / warm.md / neon.md —— 三个可覆盖配色的语义约束与最佳搭档配色/元素示例图片可参考 screenshots/xhs-images-styles/cute.webp、screenshots/xhs-images-layouts/sparse.webp 与 screenshots/xhs-images-layouts/balanced.webp。掌握以上规范你就能让 baoyu-xhs-images 稳定产出统一的甜美系小红书卡片系列——无论是一篇美妆种草、一份穿搭灵感还是一组日常好物清单。【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考