信息图表布局与视觉层次设计

解决什么问题

拿到一份调研数据或一套流程说明，直接丢给设计往往会得到两种结果：要么是把文字原样堆进一张长图，要么是排版好看但重点完全不突出。问题通常不出在素材，而出在没人把内容先拆成结构：哪一段是钩子、哪个数字要放大、信息按什么顺序流动、在什么尺寸下会被裁掉。

这个技能负责在动工前把这些问题回答清楚，产出一份设计规格说明（design spec），而不是一张图。

核心能力

• 版式规划：先确定信息流（自上而下，时间轴类则从左到右），再决定分栏与区块边界
• 内容结构化：为每个区块写明标题、正文与小标题文案，而不是只写一句「这里放一段说明」
• 视觉层次设计：按 标题 > 关键统计 > 区块小标题 > 正文 > 数据来源 的顺序分配权重
• 视觉元素推荐：图标、图表类型、配图建议，并要求同一套图标保持统一风格
• 色彩与字体建议：提供配色方向和字体层级，不直接交付成稿
• 输出规格：布局 ASCII 线框图、逐段文案、尺寸建议

关键步骤

1. 定义目标：说明主题、核心结论、目标读者、投放渠道（社媒 / 印刷 / 网页），以及必须收录的数据
2. 选择图表类型：统计型、时间轴、流程、对比、地理、层级、列表，七类各有适用场景
3. 接收设计规格：拿到线框图、区块文案、视觉元素清单、色彩与字体建议、尺寸参数

尺寸部分覆盖三个渠道：

• 社媒：Instagram 方形 1080×1080、Story 1080×1920、Twitter 横版 1200×675
• 印刷：A4 2480×3508px @300DPI、A3 海报 3508×4960px @300DPI
• Web：博客嵌入 800px、落地页 1200px、邮件 600px

适用边界

这个技能不生成图片文件，也不产出可直接交付的成品图。它给出的规格需要设计师或你的内容流水线去执行；复杂的自定义插画仍需美术介入。

另外它默认不触碰外部操作：涉及发送、发布、删除、付款、部署等写入动作时，会先展示目标与影响，等你明确确认再执行。