企业官网建设流程全解析

baoyu-skills 乐高积木风格信息图指南：用lego-brick打造趣味拼搭型可视化

【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills

lego-brick是 baoyu-skills 仓库中 baoyu-infographic 技能内置的 22 种视觉风格（Style）之一，定位于"玩具积木拼搭 + 趣味美学"（Toy brick construction with playful aesthetic）。本文以 lego-brick 风格定义文档 为核心骨架，结合技能主文档、提示词模板与布局定义，系统讲解该风格的色板规范、视觉元素、字体特征、适用场景，并给出在 baoyu-infographic 六步工作流中如何调用、配置与组合该风格。读完本文，你将掌握如何在信息图中稳定复现"经典乐高色 + 模块化拼搭 + 搭建说明书"的视觉语言，并知道它适合哪些信息结构与内容主题。

一、风格定位：当信息图变成"积木搭建"

在 baoyu-infographic 中，每张信息图由两个正交维度决定：布局（Layout）决定信息结构，风格（Style）决定视觉美学，两者可以自由组合。lego-brick属于 22 个内置风格之一，在 SKILL.md 的风格画廊（Style Gallery） 中，它的官方描述只有一行：

lego-brick— Toy brick construction（玩具积木拼搭构造）

这行描述对应完整定义文档中的一句话定位：Toy brick construction with playful aesthetic（带有趣味美学的玩具积木拼搭构造）。也就是说，这种风格的核心不是"画一堆方块"，而是把整张信息图当作一块乐高底板（baseplate），用一块块色彩鲜明的积木砖拼接出信息层级，让"信息结构"本身呈现出"搭起来"的物理感。

从风格家族看，lego-brick与同仓库的pixel-art（复古 8-bit）、kawaii（日系可爱）、hand-drawn-edu（马克龙色手绘教育）同属"强装饰性、高趣味"一档，但与它们有明显区别：

二、色板规范（Color Palette）

lego-brick风格的色板在定义文档中明确列出三条规则：

• 主色（Primary）：经典乐高色——红、蓝、黄、绿、白（Classic LEGO colors - red, blue, yellow, green, white）。这五种高饱和色承担信息分区与重点强调的职责，例如积木砖块的主体填充色。
• 背景（Background）：浅灰色底板或白色（Light gray baseplate or white）。浅灰模拟乐高灰色底板的质感，白色则提供干净的信息留白，二者都避免高饱和主色互相干扰。
• 点缀（Accents）：明亮的原色点缀与闪亮螺柱（Bright primary pops, shiny studs）。螺柱（stud）是积木顶面的圆柱凸起，是"这是积木"的最强视觉签名；在信息图中可以用螺柱表示数据点、步骤节点或装饰。

实战配色原则可以总结为三点：

1. 主色即语义：用不同颜色的砖块区分不同信息区域（如蓝色区 = 概念定义、绿色区 = 方法步骤、黄色区 = 要点提示），颜色本身就承担图例功能；
2. 背景克制：底色只取浅灰或白，避免与砖块色抢注意力，这与定义中"Light gray baseplate or white"的规定一致；
3. 点缀少量而精准：螺柱高光与亮色弹跳（pops）只在关键节点使用，保持"积木玩具"的活泼感而不是杂乱的糖果纸。

三、视觉元素清单：如何"演"出积木感

定义文档给出 6 类核心视觉元素，它们是让读者一眼识别出乐高风格的关键资产：

其中"搭建说明书样式"是该风格区别于一般"扁平插画"的核心：步骤编号 + 分解示意 + 高亮当前件。这一特性让lego-brick天然适合表达"一步一步搭起来"的过程性内容，与linear-progression（线性递进）布局中的 Process 变体（编号步骤 + 动作图标 + 方向箭头）高度契合。

四、字体规范（Typography）

定义文档对字体提出四条要求：

• 方块粗体字（Blocky, bold fonts）：几何感强、字面较宽的粗体无衬线字体，与积木砖的块状轮廓呼应；
• 乐高说明书风格（LEGO instruction style）：标题文字可嵌入砖块表面或置于砖块上方，如包装与说明书上的印刷体；
• 步骤编号（Step numbers）：在每块"待拼装"元素旁标注醒目的步骤序号（Step 1 / Step 2 …），强化说明书语义；
• 趣味外观（Playful appearance）：整体保持玩具感，避免严谨的衬线或过于商务化的字体。

与同一仓库中hand-drawn-edu的"手写体、轻微抖动"要求不同，lego-brick的字体是硬朗、几何、印刷体——这种"机械精确"反而与积木的模块化特性一致，可视为该风格与手绘风格在字体层面的关键分界。

五、适用场景（Best For）

定义文档明确给出四个最适配的场景：

1. 构建类概念（Building concepts）——架构、体系、组合、装配类主题；
2. 模块化系统（Modular systems）——由可复用组件拼装而成的系统说明；
3. 趣味教育（Playful education）——面向儿童或需要降低严肃感的教育内容；
4. 儿童内容（Children's content）——主题本身面向低龄受众或希望传递童趣。

需要谨慎使用的场景：涉及严肃数据、财经报告、医疗警示等需要强信任感的主题，lego-brick的玩具感可能稀释专业度，此时更建议改用corporate-memphis、technical-schematic或ui-wireframe等商务/技术风格。

六、在 baoyu-infographic 工作流中启用lego-brick

lego-brick的落地路径依赖 baoyu-infographic/SKILL.md 定义的两步机制：第 3 步推荐组合与第 5 步组装提示词。

6.1 命令行方式直接指定

技能支持显式指定风格参数：

--style lego-brick

配套的常用参数还包括--layout（如bento-grid、linear-progression）、--aspect（landscape=16:9、portrait=9:16、square=1:1 或自定义如 3:4）、--lang（en/zh/ja 等）以及--ref（参考图）。注意：技能默认在生成前需确认选项，只有显式给出--no-confirm（或"直接生成""跳过确认"等）才会跳过确认步骤。

6.2 通过 EXTEND.md 持久化偏好

如需长期偏好乐高风格，可在 EXTEND.md 偏好 schema 中设置：

--- version: 1 preferred_style: lego-brick preferred_layout: bento-grid preferred_aspect: landscape language: zh ---

按照 schema 说明，preferred_style会把lego-brick提升为第 3 步的推荐首位；但它只是默认值，不绕过第 4 步的用户确认（Confirmation Policy）。若希望自定义一个乐高风格的变体（例如"莫兰迪低饱和版积木"），可以使用custom_styles字段，通过name+description+prompt_fragment注入风格特征。

6.3 风格定义如何进入最终提示词

在第 5 步组装提示词时，技能会将四部分合并写入prompts/infographic.md：布局定义、风格定义（即本lego-brick.md）、基础提示词模板、以及第 2 步产出的结构化内容。在 base-prompt.md 中，风格指南通过{{STYLE_GUIDELINES}}占位符注入到 "## Style Guidelines" 一节，随后连同{{LAYOUT_GUIDELINES}}、{{CONTENT}}、{{TEXT_LABELS}}一起交给图片后端。也就是说，本文前四节的内容（色板、视觉元素、字体）最终会逐条进入生成模型的提示词，成为渲染约束。

七、推荐布局组合

lego-brick是"结构可视化"风格，与模块化/递进类布局组合效果最佳。结合 布局画廊 与 analysis-framework 的内容类型映射，推荐组合如下：

反之，lego-brick与venn-diagram（圆滑重叠）或circular-flow（圆环循环）等曲线型布局搭配时，砖块的硬朗直角与圆环形态存在冲突，除非内容明确需要"循环积木传送带"的创意表达，否则不建议默认组合。

八、风格示例：lego-brick实机渲染

仓库screenshots/infographic-styles/目录收录了该风格的实机渲染样例，可作为风格对标的视觉基准：

该示例完整印证了定义文档的每一条规范：砖块按层级堆叠（对应"可堆叠元素"与"模块化结构"）、画面中出现乐高小人仔（对应"Minifigure characters"）、左上角有"Building Instructions"分步图解（对应"搭建说明书样式"）、配色以红黄蓝绿白经典色为主体、以浅灰与白色承载文字信息区（对应"Light gray baseplate or white"）。参考此图可直观校准"螺柱密度、光泽强度、小人仔数量"的合理范围，避免积木元素过度堆砌导致信息可读性下降。

九、落地注意事项与质量把控

结合技能工作流的 核心原则与文本修正策略，使用lego-brick风格时有几点实操建议：

1. 文字优先于装饰：积木砖上渲染的标题、标签如果出现错字或难以辨认，技能规定不得用程序覆盖位图修字，而应修正提示词后重新生成，或换用文字承载更少的布局；
2. 文本修正后保留旧版：重新生成时写入新的 prompt 文件与新的输出路径，保留失败候选用于对比；
3. 数据忠实原则：风格只负责"长得像积木"，内容数据仍须按 analysis-framework 与 structured-content-template 的要求逐字保留，不得因趣味化而改写数字或引语；
4. 版权规避：基础提示词模板明确要求，涉及敏感或受版权保护的形象（如特定品牌小人仔形象）时应"创作风格近似的替代物"（stylistically similar alternatives），这也是lego-brick风格提示词中应主动处理的边界。

十、小结

lego-brick是 baoyu-infographic 中辨识度极高的趣味风格：以经典乐高色为语义分区、以砖块螺柱与模块化堆叠为结构语言、以搭建说明书与步骤编号承载过程叙事、以粗体几何字体保持印刷感。它最适合构建类概念、模块化系统与趣味教育内容，并通过--style lego-brick命令行参数或preferred_style偏好配置进入 六步工作流。当内容主题是"体系如何搭起来"时，让信息图像积木一样一层层拼起来，是最自然也最有记忆点的表达方式。

【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills