SenseNova-Skills 信息图布局详解：gallery-style 画廊式留白布局的实战应用

AI 技能人工智能深度研究数据分析媒体生成【免费下载链接】SenseNova-SkillsModular SenseNova skills for building AI-powered office assistants and productivity workflows项目地址https://gitcode.com/gh_mirrors/se/SenseNova-Skills点击查看免费下载本篇技术指南聚焦 SenseNova-Skills 开源仓库中sn-infographic技能tier 1 场景技能的布局定义文件 gallery-style画廊式布局讲解其结构特征、适用场景、视觉元素与文本排布规则并结合布局/风格选择机制、提示词扩写系统与底层运行时参数说明如何在实际信息图生成流水线中启用并落地这一以大幅留白与独立展陈为核心的高端布局方案。读完本文你将掌握 gallery-style 的完整规格能在自定义信息图提示词中精准复现其画廊气质。一、gallery-style 布局是什么在sn-infographic的布局体系中gallery-style 布局定义 的核心理念只有一句话Wide white margins like a gallery, images shown independently.像美术馆一样的大幅白色边距图片独立展示。它把信息图的画布当作一面美术馆展墙内容不再被高密度网格或强引导线挤压而是像一件件独立艺术品那样被上墙展陈每个元素都拥有属于自己的呼吸空间。整张信息图呈现出干净、疏朗、克制的气质属于典型的少即是多排版策略。二、结构特征四要素还原画廊展陈逻辑原文档将 gallery-style 的结构归纳为以下四个要点结构要素说明大留白内容四周由大面积白色或中性色边距包裹Large white or neutral margins surrounding content独立展陈每个元素以充足间距呈现如同美术馆中的展品Each element displayed with generous space, like a gallery exhibit作品化每个内容条目都被当作独立的艺术品对待Content items treated as individual artworks清爽无杂整体呈现干净、不拥挤的视觉表达Clean, uncluttered presentation这四个要点共同决定了 gallery-style 的信息架构横向或纵向铺开的展墙 展位模型。元素之间不依赖连线、箭头或容器粘连而是通过间距本身传达层级与归属。这与 hub-spoke中心辐射、header-body上题下文等强结构布局形成鲜明对比。三、最佳适用场景哪些内容适合画廊式展陈根据原文档的 Best For 定义gallery-style 最适合四类内容作品集 / 展示型演示Portfolio or showcase presentations每个作品需要被单独凝视而非被列表淹没艺术 / 摄影收藏集Art or photography collections图像本身就是主体文字只是配角高端产品目录Premium product catalogs强调单品的质感与稀缺性需要逐项聚焦的内容Content where each item deserves individual attention信息点之间彼此独立、无需强逻辑串联。从 layout-style-selection.md 的候选表来看gallery-style 出现在categories / collection分类 / 收藏这一data_type的备选布局列表中——该类型的主选布局是periodic-table备选为bento-grid、tile-layout、gallery-style、skewed-grid。也就是说当内容被判定为分类集合、目录条目时gallery-style 会被以 0.7 的匹配度投入加权随机抽选。它之所以适合这类内容正是因为它让每一个分类成员都能独立展示避免了目录类内容常见的拥挤感。四、视觉元素与文本排布规范视觉元素Visual Elements宽幅白色边距营造画廊墙面感gallery-wall feel元素居中每个条目在其专属空间内居中呈现Each item centered in its own space极简边框使用极少的边框或画框Minimal borders or frames可选小标题每个条目下方可附一行小号说明文字Optional small caption below each item。文本排布Text Placement条目小说明位于每个展品下方字号克制顶部主标题置于页面顶部四周留足间距Title at the top with generous spacing极简文字全图文字量压到最低以保持画廊氛围Minimal text to preserve gallery feel。这套规则在提示词层面落地时可以概括为一句设计准则文字服务于展陈而不是填充画面。主标题负责定调条目 caption 负责点睛其余信息一律让位于留白。五、推荐搭配风格三组风格配对深入解读原文档给出三组 Recommended Pairings本文结合仓库中的风格定义文件逐一展开1.aged-academia博物馆式呈现aged-academia 风格定义 定位为Historical scientific illustration with aged paper aesthetic历史科学插画 做旧纸张美学。其色板以赭石棕Sepia brown为主色、羊皮纸黄Parchment为背景、褪色红批注与铁胆墨水斑点为点缀。当它与 gallery-style 组合时效果等同于自然历史博物馆的标本展柜——每件展品标本、手稿、仪器图独立陈列在泛黄纸张上衬以交叉排线纹理与手写注释字体。该风格下文档还提供了 Notebook个人草图 边注与 Specimen科学分类 编号图解两个变体后者尤其适合画廊式分类展陈。2.knolling组织化的俯拍平铺knolling 风格定义 描述的是Organized flat-lay with top-down arrangement俯拍视角、以 90° 夹角排列物体、等距摆放、互不重叠的整理美学。它与 gallery-style 是天作之合knolling 提供每一件物品都被平等对待、独立呈现的视觉纪律gallery-style 提供每件物品拥有专属展位的空间框架。二者叠加就形成产品图录式的白底展台 均匀排布效果非常适合产品集合、工具清单、装备盘点类信息图。其字体规范标签置于物品外侧、用连接线指向条目、目录式极简排版也与 gallery-style 的 caption 规则天然契合。3.luxury-minimal高端画廊美学luxury-minimal 风格定义 主打High-end luxury brand aesthetic with extreme minimalism奢侈品牌美学 极致极简黑、白、金、香槟色系最大负空间单一焦点影像细线、亚麻/皮革纹理与高级纸张质感。它与 gallery-style 的理念完全同构——二者都追求less is more。叠加后适用于奢侈品牌、高端产品、高级时尚与珠宝类内容把每件展品衬托出孤品感。六、在 sn-infographic 流水线中的启用机制gallery-style 并不是由用户直接指定文件名使用的而是通过sn-infographic技能的两段式流程被自动选中并生效。理解这一点对复用该布局至关重要。6.1 选择阶段名称级加权随机抽选在 SKILL.md 定义的 Worker 工作流 Step 2.1 中布局与风格的选择是基于名称的加权随机抽选而非人工比对文件内容依据分析结果中的data_type/tone/audience字段在 layout-style-selection.md 的候选表中查得主选布局match_score1.0与备选布局match_score0.7构造加权池主选 ×10、每个备选 ×9、另从references/layouts/全部文件名中随机抽取 3 个 ×1shuf后取第一个作为最终LAYOUT名称。因此当data_type被判定为categories / collection时periodic-table以约 10/9 的概率与gallery-style、bento-grid、tile-layout、skewed-grid等备选竞争gallery-style 有稳定的命中机会。6.2 落地阶段系统提示词直接文件拼接一旦选中Worker 会在 Step 2.3 中把布局文件全文拼接进扩写系统提示词LAYOUT$(jq -r .layout $TEMP_DIR/layout-style.json) { cat $SKILL_DIR/references/prompts-expand-system.md printf \n\n---\n\n## Selected Layout: %s\n\n $LAYOUT cat $SKILL_DIR/references/layouts/${LAYOUT}.md printf \n\n---\n\n## Selected Style: %s\n\n $STYLE cat $SKILL_DIR/references/styles/${STYLE}.md printf \n\n---\n\n## Output Template Reference\n\n cat $SKILL_DIR/references/base-prompt.md } $TEMP_DIR/expand-system-prompt.md注意 SKILL.md 特别强调必须使用直接文件拼接而非 heredoc因为布局/风格文件中包含反引号与$(...)未加引号的 heredoc 主体会被 shell 执行。gallery-style.md 本身没有此类字符但同一机制对所有 87 个布局文件通用。6.3 生成阶段gallery-style 如何进入最终提示词prompts-expand-system.md 要求扩写后的提示词约 400–600 词严格遵循语言一致、数据保真、零废话、语义图标对应、禁止十六进制色码等约束base-prompt.md 模板则提供最终生成提示词的骨架。gallery-style 的布局规范通过以下占位符注入{{LAYOUT}}←gallery-style{{LAYOUT_GUIDELINES}}← gallery-style.md 中的 Structure / Visual Elements / Text Placement 段落{{ASPECT_RATIO}}、{{LANGUAGE}}、{{BACKGROUND_TEXTURE}}、{{FONT_STYLE}}、{{COLOR_PALETTE}}由扩写结果提供。七、实战构造一个 gallery-style 信息图提示词结合上述规范与 prompts-expand-system.md 的零废话、文本加引号、禁用十六进制色码、图标语义化铁律一个面向个人插画作品集的 gallery-style 扩写提示词可以组织为这张信息图的标题是插画作品集采用高端画廊展陈风格。 整体布局为 gallery-style画廊式布局纯白背景墙面四周保留大幅留白 顶部居中放置主标题插画作品集标题下方留出充足间距。 画面中依次陈列四件独立展品每件展品在画布上占据均等的独立展位 间距开阔互不重叠 展品一一幅森林场景水彩插画展品下方标注小字说明作品一晨雾森林 展品二一幅城市夜景钢笔速写下方标注作品二夜行都市 展品三一幅人物肖像色粉画下方标注作品三肖像练习 展品四一幅抽象几何构成作品下方标注作品四构成实验。 所有展品均无画框、无边框装饰仅以留白与居中排布形成节奏感。 色彩方案使用奶白色背景、深灰标题与暖褐说明文字等描述性色名不使用十六进制色码。 字体层级主标题为衬线粗体说明文字为细无衬线小号字。这份提示词完整承载了 gallery-style 的四要素大留白、独立展陈、作品化、清爽无杂也遵守了扩写系统文本必须置于引号内、禁用色码、图标语义化的硬约束。八、运行时参数适配画廊场景的尺寸与比例选择gallery-style 常用于作品集、摄影收藏与产品目录这类内容对画幅比例较为敏感。根据 runtime-parameters.md 的比例推断规则竖版作品集 / 单页海报当用户只给出竖屏意图Portrait/竖屏时优先9:16若提示词暗示印刷海报或卡片式竖版构图则改用4:5、3:4或2:3横版画廊 / 幻灯展示横屏Landscape/横屏优先16:9摄影取景或横幅场景可用3:2、5:4、21:9方形展板显式Square/方形→1:1。尺寸方面当前推理只有单一选项2k显式传入4k仅在模型为sensenova-u1.5-lite时被支持其他模型可能拒绝并在错误信息中原样透出见 runtime-parameters.md 与 sn-image-base/SKILL.md 的--image-size说明。画廊类内容追求细节质感在模型支持的前提下优先考虑4k。九、与其他集合类布局的取舍对比gallery-style 同属分类 / 集合这一data_type的候选布局家族与另外三个备选形成互补关系布局视觉策略适合场景periodic-table主选统一规格网格 类别色编码元素周期表式的强结构化集合参考 periodic-table.mdbento-grid备选大小混合的模块化便当盒网格多主题概览、面板式摘要参考 bento-grid.mdtile-layout备选Metro 风格色块磁贴功能导航、分类索引参考 tile-layout.mdgallery-style备选大幅留白 独立展陈作品集、收藏、高端目录本文主题skewed-grid备选旋转网格制造动势动态、运动主题参考 skewed-grid.md当内容信息点之间彼此独立、以质感取胜时gallery-style 是这组方案中最安静也最贵的选择当信息需要强分类编码或快速扫读时则应优先考虑periodic-table或tile-layout。十、小结gallery-style 是sn-infographic技能 87 种布局中极具辨识度的一种它以美术馆展墙为隐喻用大留白、独立展陈、极简边框与克制文字把信息图的视觉重心还给内容本身。在流水线中它通过categories / collection数据类型的加权随机抽选进入候选经 Step 2.3 文件拼接注入扩写系统提示词最终以{{LAYOUT}}与{{LAYOUT_GUIDELINES}}占位符落进 base-prompt.md 生成模板。搭配aged-academia、knolling、luxury-minimal三组风格可分别呈现博物馆标本、整理美学与高端奢侈三种画廊气质。如需进一步了解该布局在整个技能中的上下文可阅读 sn-infographic 主文档含完整 Worker 工作流与 Return Contract、布局与风格选择规则 以及 扩写系统提示词仓库 docs/sn-infographic-examples.md 还提供了近 100 个真实生成案例及其展开提示词可作为布局落地效果的参考样本。赞分享AI 技能人工智能深度研究数据分析媒体生成【免费下载链接】SenseNova-SkillsModular SenseNova skills for building AI-powered office assistants and productivity workflows项目地址https://gitcode.com/gh_mirrors/se/SenseNova-Skills点击查看免费下载相关推荐老 iPhone 重获新生palera1n 越狱完整指南A8 到 A11老 iPhone 重获新生palera1n 越狱完整指南A8 到 A11 手里还留着 iPhone 7、甚至 6s 的旧机器系统停在好几年前新 AppAI 技能人工智能深度研究数据分析媒体生成打破网格布局解析SenseNova-Skills 信息图技能中的突破画框式视觉设计打破网格布局解析SenseNova Skills 信息图技能中的突破画框式视觉设计 本技术指南以 sn infographic 技能中 breaking thAI 技能人工智能深度研究数据分析媒体生成用 comic-strip 布局打造叙事式信息图baoyu-skills 漫画分镜布局完全指南用 comic strip 布局打造叙事式信息图baoyu skills 漫画分镜布局完全指南 导读 comic strip 是 baoyu infograpAI 技能AI 插件创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考