原创设计笔记 / 视觉层级 / 03

安排结论、图形与注释的层级

把活动简报拆为主结论、证据和限定条件,组织可复核的阅读顺序。

图表中的活动、人数与流程均为教学虚构,用来说明设计选择,不代表真实调查或活动规则。

三层排版框分别标记主结论、图形证据和口径注释,用大小及间距区分角色
三层排版框分别标记主结论、图形证据和口径注释,用大小及间距区分角色。详细解释与计算见下文。

第一眼只承担一个任务

信息图设计中的视觉层级是在安排阅读顺序。活动简报可以先让读者看到“写作场人数最多:36人”,再看到三条比较图,最后看到统计口径。若标题、图例、二维码说明都用同样的大字,读者需要自行决定从哪里开始。先给每段文字分配角色,再选择字号。

把材料分成三层

第一层是结论:“写作场人数最多:36人”。第二层是证据:朗读24、写作36、插画18的共同基线条形图。第三层是限制:“教学虚构记录;按单场统计;未去重;不代表长期偏好”。限制是理解图表所需的内容,不应缩到无法阅读。层级不等于把不方便的事实藏起来。

标题写主题还是写发现

“社区阅读活动”只指出主题,适合栏目名。“写作场最受欢迎”则超出单次人数记录能支持的范围。更准确的标题是“本次示例中写作场人数最多”。在需要保持中性时,也可用“本次三场活动参与人数比较”,把发现交给读者。主题标题与结论标题都能用,选择取决于材料是否足以支持结论。

练习:给一页文字减负

在草稿上圈出所有大字,选一个做主标题。把活动背景移到一句副标题;把类别名移到横条旁;把人数移到条末;把口径集中放到图下。删除重复的“人数”“参与人数”标签,只在合适位置标一次单位。最后用纯文本依次朗读标题、类别、数值和注释,检查顺序能否独立成意。

缩放与留白怎么处理

先按实际阅读尺寸检查,不能只在放大的设计画布上判断。投影讲义可将推导分到后页;手机长图可按结论、证据、限制向下排列。保留组内小间距、组间较大间距,让分组来自内容关系。不要用大量横线代替合理的间距,也不要因屏幕小而删掉限制条件。

常见问答

每个区域都需要背景色吗?

不需要。先用标题与间距分组,只有确实需要强调不同区域时再加底色。

可以把注释放到另一页吗?

关键口径应跟随当前图形;补充推导可以另页展开,并提供明确入口。