小红书复古风图片卡片实战baoyu-xhs-images retro 风格元素组合、配色与布局全解析【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills本篇技术指南围绕 baoyu-xhs-images 技能将复杂内容拆解为 1–10 张社交媒体图片卡片系列的生成器中的retro复古风格预设展开系统讲解其元素组合规范、色板、视觉元素、字体规则与最佳布局搭配。读者学完后可以直接通过--style retro、--preset retro-ranking等参数复现出具备胶片颗粒、半调网点、邮票边框等典型复古质感的图片卡片并理解这些参数在完整生成流程中的实际作用。一、retro 风格定位vintage 类目的复古视觉语言retro是 baoyu-xhs-images 定义的 12 种视觉风格之一其定义文件位于 references/presets/retro.md文件头部的 frontmatter 明确声明了它的归类name: retro category: vintage一句话定义即Vintage, nostalgic, trendy aesthetic——复古、怀旧且带潮流感。在技能总入口 SKILL.md 的 Styles 表中它的描述是Vintage, nostalgic, trendy与cute甜美、minimal极简、pop活力等风格并列属于Trend Entertainment场景的常客。从使用入口看retro有两条激活路径显式指定--style retro --layout 布局名自由组合任意布局预设快捷方式--preset retro-rankingretro list复古排行或--preset throwbackretro balanced怀旧分享具体映射关系见 references/style-presets.md。二、元素组合Element Combination逐项拆解retro.md 用一段 YAML 完整定义了复古风格的配方这是生成图片卡片时最核心的规范。下面逐段结合仓库中的元素定义文档进行深挖。canvas: ratio: portrait-3-4 grid: single | dual image_effects: cutout: stylized stroke: dashed | double filter: film-grain | muted-tones typography: decorated: brush | handwritten tags: stamp | ribbon direction: horizontal decorations: emphasis: star-burst | numbering background: paper-texture | dots doodles: stars-sparkles | squiggles frames: polaroid | film-strip | stamp-border1. 画布canvas竖版 3:4 单/双网格ratio: portrait-3-4对应 references/elements/canvas.md 中的 Aspect Ratios 表3:4 竖版、像素规格 1242×1660是小红书平台流量最高的推荐比例也是整个技能含 prompts 组装的默认方向。grid: single | dual对应 Grid Cells 表中的单格Hero 图、最大冲击力与双格前后对比、双主体并列。需要特别注意的是安全区约束画布底部 10% 是移动端标题栏覆盖区右上角是点赞/分享按钮、右下角是水印位复古装饰元素应避开这些区域保证关键信息位于安全内容区。2. 图像效果image_effects复古质感的三大来源cutout: stylized抠图采用手绘边缘风格stylized区别于clean精确边缘与soft羽化过渡适合营造艺术化、手工感的复古拼贴效果定义见 references/elements/image-effects.md。stroke: dashed | double描边使用虚线或双层描边。dashed 对应Handmade aesthetic, casual手工美学、随性double 对应Emphasis effect, premium feel强调、高级感。两者正是复古风格区别于其他风格的标志性描边方式。filter: film-grain | muted-tones滤镜二选一——film-grain胶片感颗粒质感营造怀旧艺术氛围或muted-tones莫兰迪低饱和灰调优雅沉静。image-effects.md 中为 Retro Style 给出了明确的效果栈推荐Filter: film-grainStroke: double or dashedTexture: halftone, scratch即胶片滤镜叠加双层/虚线描边再叠半调网点与划痕纹理三层叠加即为复古照片般的质感。3. 字体typography手写感的复古字decorated: brush | handwritten强调字采用毛笔笔触brush艺术动感或手写体handwritten真实手写风格、随性亲切见 references/elements/typography.md 的 Decorated Text 表tags: stamp | ribbon标签容器使用邮票戳记stamp邮戳/印章风格适合正宗推荐语义或缎带横幅ribbon适合特惠、亮点强调direction: horizontal文字方向保持水平不采用 vertical / curved / diagonal 等花式排版保证复古排版规整、易读。4. 装饰decorations复古氛围的关键道具emphasis: star-burst | numbering强调元素使用星爆star-burst爆炸星光效果适合特惠与 wow 点或圆形编号numbering圈号适合步骤、排行background: paper-texture | dots背景使用纸张/工艺纹理paper-texture手工感或波点图案dots俏皮复古doodles: stars-sparkles | squiggles涂鸦使用星星闪光stars-sparkles代表出色、美好或波浪线squiggles能量与动感frames: polaroid | film-strip | stamp-border边框可选拍立得相框polaroid照片展示、胶片负片边框film-strip电影感复古或邮票打孔边stamp-border复古邮戳风。以上装饰元素均可在 references/elements/decorations.md 中查到完整定义与使用场景该文档还专门列出了 Retro Style 的装饰清单Halftone dots, vintage badges / Classic icons, tape effects / Aged texture overlays与 retro.md 的 Visual Elements 部分相互印证。三、配色方案Color Palette褪色复古的六色体系retro.md 给出了完整的复古色板全盘继承如下RoleColorsHexPrimaryMuted orange, dusty pink, faded teal#E07A4D, #D4A5A5, #6B9999BackgroundAged paper, sepia tones#F5E6D3, #E8DCC8AccentsFaded red, vintage gold#C55A5A, #B8860B这套配色的设计意图清晰主色是降饱和的莫兰迪系——哑光橙、灰粉、褪色青绿与filter: muted-tones莫兰迪低饱和滤镜在色彩逻辑上保持一致背景是陈纸色与泛黄棕褐sepia呼应background: paper-texture的纸张纹理点缀色是褪色红与复古金复古金 #B8860B 常用于徽章、奖章、邮票类装饰。在 baoyu-xhs-images 中颜色还有一条可选的覆盖通道通过--palette name可整体替换风格的默认色板而渲染规则描边、纹理、字体保持不变。例如 references/palettes/warm.md 的 Best Paired With 一节明确推荐retro——暖大地色系与复古风格天然互补因此--style retro --palette warm是一个让复古卡片更暖、更怀旧的常用组合。调色板覆盖的优先级为显式--palette 预设内置 palette 风格 frontmatter 的default_palette 使用风格自带色详见 references/workflows/prompt-assembly.md 的 Palette Override 章节。四、视觉元素与字体规则retro.md 的 Visual Elements 与 Typography 部分定义了该风格在画面中的具体表现Visual Elements视觉元素Halftone dots半调网点——复古印刷风格的标志性纹理Vintage badges复古徽章——用于品质认证、推荐语Classic icons经典图标——传统具象符号而非现代扁平图标Tape effects胶带效果——手工拼贴感Aged texture overlays陈化纹理叠加——做旧质感层。Typography字体规则Vintage-style hand lettering复古风手绘字体Classic feel with imperfections带瑕疵的经典质感刻意保留不完美边缘Aged texture on text文字上的陈化纹理与整体做旧风格统一。在生成阶段这些规则会以Style Section的形式注入最终提示词prompt-assembly.md 规定的标准组装格式会把 Color Palette、Visual Elements、Typography 三个小节从presets/{style}.md提取后拼入提示词模板并在 Core Principles 中强制ALL text MUST be hand-drawn style / DO NOT use realistic or computer-generated fonts确保复古手写感贯穿每一张卡片。五、最佳布局搭配Best Layout Pairings与矩阵验证retro.md 给出了该风格与 8 种布局中 6 种的兼容性评分LayoutCompatibilityUse Casesparse✓✓Vintage coversbalanced✓✓Classic contentdense✓Vintage knowledge cardslist✓✓Classic rankingscomparison✓Then vs nowflow✓Historical timelines在 SKILL.md 的 Style × Layout Matrix 中retro 一行的评分进一步补全为sparse ✓✓、balanced ✓✓、dense ✓、list ✓✓、comparison ✓、flow ✓、mindmap ✓、quadrant ✓——即全部 8 种布局均可用没有任何 ✗ 禁忌组合其中 sparse、balanced、list 是官方强烈推荐✓✓。这一组合结论与布局本身的视觉结构高度匹配见 references/elements/canvas.mdsparse留白 60–70%、每图 1–2 个要点适合复古封面——单一聚焦主体居中、四周留呼吸感balanced留白 40–50%、每图 3–4 个要点标题置顶、内容均匀分布适合经典内容讲解list竖排枚举 4–7 项、左对齐编号层级清晰天然适合复古排行榜、经典盘点comparison左右对称对比适合今昔对比Then vs now类内容flow3–6 步有向连接节点适合历史时间线叙事。对应的两个现成预设即可一键落地--preset retro-rankingretro list复古排行、经典盘点与--preset throwbackretro balanced怀旧分享覆盖了复古场景最常用的两种结构。六、最佳适用内容Best For与自动匹配信号retro.md 明确列出了该风格最擅长的内容类型Throwback content怀旧回顾Classic tips经典技巧Timeless advice历久弥新的建议Vintage aesthetics复古美学Nostalgic shares情怀分享在 SKILL.md 的 Auto-Selection自动匹配表中当源内容出现classic, vintage, traditional等信号词时系统会第一优先命中retro风格并推荐throwback/retro-ranking预设对应的布局建议为 balanced。这意味着在生成流程中即便用户不显式指定风格只要内容属于复古、经典、传统主题agent 也会自动收敛到 retro。七、实战组装一份可运行的复古卡片生成示例综合以上规范一个典型的 retro 风格卡片生成可以这样落地生成流程遵循 SKILL.md 的 Workflow分析内容 → 智能确认 → 批量生成 → 完成报告# 复古排行榜retro list推荐度 ✓✓ --style retro --layout list --preset retro-ranking # 怀旧分享retro balanced推荐度 ✓✓ --style retro --layout balanced # 复古封面retro sparse推荐度 ✓✓暖色覆盖 --style retro --layout sparse --palette warm对应的提示词组装要点依据 references/workflows/prompt-assembly.mdStyle Section从 references/presets/retro.md 提取色板、视觉元素与字体规则Layout Section从 references/elements/canvas.md 提取对应布局的密度、留白与视觉平衡描述图像效果按 image-effects.md 的 Retro 效果栈叠加film-grain滤镜、double/dashed描边、halftone/scratch纹理系列一致性封面image 1先无--ref生成建立锚点后续图片均以 image 1 作为--ref传入保证整套卡片的复古质感、色彩渲染与装饰风格一致。最终输出的卡片应呈现陈纸色背景 半调网点纹理 手写体标题可叠加陈化纹理 拍立得/胶片/邮票边框 哑光橙与复古金点缀的整体复古视觉同时严格保持竖版 3:4 构图并规避平台安全区。【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
小红书复古风图片卡片实战：baoyu-xhs-images retro 风格元素组合、配色与布局全解析
小红书复古风图片卡片实战baoyu-xhs-images retro 风格元素组合、配色与布局全解析【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills本篇技术指南围绕 baoyu-xhs-images 技能将复杂内容拆解为 1–10 张社交媒体图片卡片系列的生成器中的retro复古风格预设展开系统讲解其元素组合规范、色板、视觉元素、字体规则与最佳布局搭配。读者学完后可以直接通过--style retro、--preset retro-ranking等参数复现出具备胶片颗粒、半调网点、邮票边框等典型复古质感的图片卡片并理解这些参数在完整生成流程中的实际作用。一、retro 风格定位vintage 类目的复古视觉语言retro是 baoyu-xhs-images 定义的 12 种视觉风格之一其定义文件位于 references/presets/retro.md文件头部的 frontmatter 明确声明了它的归类name: retro category: vintage一句话定义即Vintage, nostalgic, trendy aesthetic——复古、怀旧且带潮流感。在技能总入口 SKILL.md 的 Styles 表中它的描述是Vintage, nostalgic, trendy与cute甜美、minimal极简、pop活力等风格并列属于Trend Entertainment场景的常客。从使用入口看retro有两条激活路径显式指定--style retro --layout 布局名自由组合任意布局预设快捷方式--preset retro-rankingretro list复古排行或--preset throwbackretro balanced怀旧分享具体映射关系见 references/style-presets.md。二、元素组合Element Combination逐项拆解retro.md 用一段 YAML 完整定义了复古风格的配方这是生成图片卡片时最核心的规范。下面逐段结合仓库中的元素定义文档进行深挖。canvas: ratio: portrait-3-4 grid: single | dual image_effects: cutout: stylized stroke: dashed | double filter: film-grain | muted-tones typography: decorated: brush | handwritten tags: stamp | ribbon direction: horizontal decorations: emphasis: star-burst | numbering background: paper-texture | dots doodles: stars-sparkles | squiggles frames: polaroid | film-strip | stamp-border1. 画布canvas竖版 3:4 单/双网格ratio: portrait-3-4对应 references/elements/canvas.md 中的 Aspect Ratios 表3:4 竖版、像素规格 1242×1660是小红书平台流量最高的推荐比例也是整个技能含 prompts 组装的默认方向。grid: single | dual对应 Grid Cells 表中的单格Hero 图、最大冲击力与双格前后对比、双主体并列。需要特别注意的是安全区约束画布底部 10% 是移动端标题栏覆盖区右上角是点赞/分享按钮、右下角是水印位复古装饰元素应避开这些区域保证关键信息位于安全内容区。2. 图像效果image_effects复古质感的三大来源cutout: stylized抠图采用手绘边缘风格stylized区别于clean精确边缘与soft羽化过渡适合营造艺术化、手工感的复古拼贴效果定义见 references/elements/image-effects.md。stroke: dashed | double描边使用虚线或双层描边。dashed 对应Handmade aesthetic, casual手工美学、随性double 对应Emphasis effect, premium feel强调、高级感。两者正是复古风格区别于其他风格的标志性描边方式。filter: film-grain | muted-tones滤镜二选一——film-grain胶片感颗粒质感营造怀旧艺术氛围或muted-tones莫兰迪低饱和灰调优雅沉静。image-effects.md 中为 Retro Style 给出了明确的效果栈推荐Filter: film-grainStroke: double or dashedTexture: halftone, scratch即胶片滤镜叠加双层/虚线描边再叠半调网点与划痕纹理三层叠加即为复古照片般的质感。3. 字体typography手写感的复古字decorated: brush | handwritten强调字采用毛笔笔触brush艺术动感或手写体handwritten真实手写风格、随性亲切见 references/elements/typography.md 的 Decorated Text 表tags: stamp | ribbon标签容器使用邮票戳记stamp邮戳/印章风格适合正宗推荐语义或缎带横幅ribbon适合特惠、亮点强调direction: horizontal文字方向保持水平不采用 vertical / curved / diagonal 等花式排版保证复古排版规整、易读。4. 装饰decorations复古氛围的关键道具emphasis: star-burst | numbering强调元素使用星爆star-burst爆炸星光效果适合特惠与 wow 点或圆形编号numbering圈号适合步骤、排行background: paper-texture | dots背景使用纸张/工艺纹理paper-texture手工感或波点图案dots俏皮复古doodles: stars-sparkles | squiggles涂鸦使用星星闪光stars-sparkles代表出色、美好或波浪线squiggles能量与动感frames: polaroid | film-strip | stamp-border边框可选拍立得相框polaroid照片展示、胶片负片边框film-strip电影感复古或邮票打孔边stamp-border复古邮戳风。以上装饰元素均可在 references/elements/decorations.md 中查到完整定义与使用场景该文档还专门列出了 Retro Style 的装饰清单Halftone dots, vintage badges / Classic icons, tape effects / Aged texture overlays与 retro.md 的 Visual Elements 部分相互印证。三、配色方案Color Palette褪色复古的六色体系retro.md 给出了完整的复古色板全盘继承如下RoleColorsHexPrimaryMuted orange, dusty pink, faded teal#E07A4D, #D4A5A5, #6B9999BackgroundAged paper, sepia tones#F5E6D3, #E8DCC8AccentsFaded red, vintage gold#C55A5A, #B8860B这套配色的设计意图清晰主色是降饱和的莫兰迪系——哑光橙、灰粉、褪色青绿与filter: muted-tones莫兰迪低饱和滤镜在色彩逻辑上保持一致背景是陈纸色与泛黄棕褐sepia呼应background: paper-texture的纸张纹理点缀色是褪色红与复古金复古金 #B8860B 常用于徽章、奖章、邮票类装饰。在 baoyu-xhs-images 中颜色还有一条可选的覆盖通道通过--palette name可整体替换风格的默认色板而渲染规则描边、纹理、字体保持不变。例如 references/palettes/warm.md 的 Best Paired With 一节明确推荐retro——暖大地色系与复古风格天然互补因此--style retro --palette warm是一个让复古卡片更暖、更怀旧的常用组合。调色板覆盖的优先级为显式--palette 预设内置 palette 风格 frontmatter 的default_palette 使用风格自带色详见 references/workflows/prompt-assembly.md 的 Palette Override 章节。四、视觉元素与字体规则retro.md 的 Visual Elements 与 Typography 部分定义了该风格在画面中的具体表现Visual Elements视觉元素Halftone dots半调网点——复古印刷风格的标志性纹理Vintage badges复古徽章——用于品质认证、推荐语Classic icons经典图标——传统具象符号而非现代扁平图标Tape effects胶带效果——手工拼贴感Aged texture overlays陈化纹理叠加——做旧质感层。Typography字体规则Vintage-style hand lettering复古风手绘字体Classic feel with imperfections带瑕疵的经典质感刻意保留不完美边缘Aged texture on text文字上的陈化纹理与整体做旧风格统一。在生成阶段这些规则会以Style Section的形式注入最终提示词prompt-assembly.md 规定的标准组装格式会把 Color Palette、Visual Elements、Typography 三个小节从presets/{style}.md提取后拼入提示词模板并在 Core Principles 中强制ALL text MUST be hand-drawn style / DO NOT use realistic or computer-generated fonts确保复古手写感贯穿每一张卡片。五、最佳布局搭配Best Layout Pairings与矩阵验证retro.md 给出了该风格与 8 种布局中 6 种的兼容性评分LayoutCompatibilityUse Casesparse✓✓Vintage coversbalanced✓✓Classic contentdense✓Vintage knowledge cardslist✓✓Classic rankingscomparison✓Then vs nowflow✓Historical timelines在 SKILL.md 的 Style × Layout Matrix 中retro 一行的评分进一步补全为sparse ✓✓、balanced ✓✓、dense ✓、list ✓✓、comparison ✓、flow ✓、mindmap ✓、quadrant ✓——即全部 8 种布局均可用没有任何 ✗ 禁忌组合其中 sparse、balanced、list 是官方强烈推荐✓✓。这一组合结论与布局本身的视觉结构高度匹配见 references/elements/canvas.mdsparse留白 60–70%、每图 1–2 个要点适合复古封面——单一聚焦主体居中、四周留呼吸感balanced留白 40–50%、每图 3–4 个要点标题置顶、内容均匀分布适合经典内容讲解list竖排枚举 4–7 项、左对齐编号层级清晰天然适合复古排行榜、经典盘点comparison左右对称对比适合今昔对比Then vs now类内容flow3–6 步有向连接节点适合历史时间线叙事。对应的两个现成预设即可一键落地--preset retro-rankingretro list复古排行、经典盘点与--preset throwbackretro balanced怀旧分享覆盖了复古场景最常用的两种结构。六、最佳适用内容Best For与自动匹配信号retro.md 明确列出了该风格最擅长的内容类型Throwback content怀旧回顾Classic tips经典技巧Timeless advice历久弥新的建议Vintage aesthetics复古美学Nostalgic shares情怀分享在 SKILL.md 的 Auto-Selection自动匹配表中当源内容出现classic, vintage, traditional等信号词时系统会第一优先命中retro风格并推荐throwback/retro-ranking预设对应的布局建议为 balanced。这意味着在生成流程中即便用户不显式指定风格只要内容属于复古、经典、传统主题agent 也会自动收敛到 retro。七、实战组装一份可运行的复古卡片生成示例综合以上规范一个典型的 retro 风格卡片生成可以这样落地生成流程遵循 SKILL.md 的 Workflow分析内容 → 智能确认 → 批量生成 → 完成报告# 复古排行榜retro list推荐度 ✓✓ --style retro --layout list --preset retro-ranking # 怀旧分享retro balanced推荐度 ✓✓ --style retro --layout balanced # 复古封面retro sparse推荐度 ✓✓暖色覆盖 --style retro --layout sparse --palette warm对应的提示词组装要点依据 references/workflows/prompt-assembly.mdStyle Section从 references/presets/retro.md 提取色板、视觉元素与字体规则Layout Section从 references/elements/canvas.md 提取对应布局的密度、留白与视觉平衡描述图像效果按 image-effects.md 的 Retro 效果栈叠加film-grain滤镜、double/dashed描边、halftone/scratch纹理系列一致性封面image 1先无--ref生成建立锚点后续图片均以 image 1 作为--ref传入保证整套卡片的复古质感、色彩渲染与装饰风格一致。最终输出的卡片应呈现陈纸色背景 半调网点纹理 手写体标题可叠加陈化纹理 拍立得/胶片/邮票边框 哑光橙与复古金点缀的整体复古视觉同时严格保持竖版 3:4 构图并规避平台安全区。【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
