版式设计基础与实战:小白的进阶学习之路
上QQ阅读APP看书,第一时间看更新

1.3“亲密”原则

排版中的“亲密”原则可以理解为使用视觉位置来对元素进行归类。设计时可以对信息进行整理,以提高阅读者获取信息的效率。本节将从两个方面介绍如何利用“亲密”原则来整理信息。

1.3.1 对相同信息归类

设计版面时要对信息进行归类,使整体更符合人们对信息的提取逻辑。

看下面的表格,如果早餐店的菜单这样写,就会让点单的人反复扫视菜单,增加点单的时间。

0

如果优化菜单,对信息进行归类,点菜的人获取信息的方式就从寻找变成了对比,从而能提高点单效率。

0

再举一个例子,注意观察下图中菜名与菜品图片之间的关系。

0

Q:下方哪张图的菜名与菜品图片之间更容易对应?

A:第1张图。

0

可以发现,第1张图与第2张图的元素完全一致,不同的是菜名与菜品图片之间的距离。当菜名处于两张菜品图片中间时,人们很难迅速判断该菜名描述的是哪一道菜品。调整位置后,菜名与对应菜品摆放在一起,并与其他菜品相隔更远,这样对应关系就一目了然了。

综上所述,在表达“相关”这个概念的时候,在版面中需要使用更“亲密”的距离来体现。

1.3.2 对不同信息分组

前面讲解了对同类信息进行分类的方法,那么不同类别的信息又该如何分组呢?

假如现在要发布一个信息,信息主题为“周末休闲去处推荐”。下方第1张图的信息混在一起,显得比较杂乱,因此可以先根据上一节学习的对比知识将标题的层级划分出来。

0

接下来按照“亲密”原则对相似内容的信息进行归类,并在排版距离上加以区分。可分出3种间距,用彩色标注出来。从下图可以看到各元素间排版距离的关系为“标题与正文之间的距离(红色)>分类与分类之间的距离(绿色)>各分类中小项与小项之间的距离(蓝色)”。

0

以上通过距离表示分类的关系想必读者能够理解,那么在正文中加入中文部分的英文翻译后,又该如何安排文字间距呢?

可以明确的是,英文在本次信息发布中的作用是辅助理解,属于标注。根据之前所学的对比原则,可以先将英文字号缩小,然后分析所有内容之间的亲密关系,再进一步调整版式,效果对比如下图所示。

0

按照亲密关系重新排版后,各元素间的排版距离关系为“标题与正文之间的距离(红色)>分类与分类之间的距离(绿色)>各分类中小项与小项之间的距离(蓝色)>中文与英文之间的距离(黄色)”。

在理解了“亲密”原则后,平时可以多进行相关训练,对遇到的信息进行归类。掌握了这一思维方式后,设计能力和大脑处理文字信息的速度都能得到一定的提升。

0