![版式设计基础与实战:小白的进阶学习之路](https://wfqqreader-1252317822.image.myqcloud.com/cover/577/46424577/b_46424577.jpg)
1.3“亲密”原则
排版中的“亲密”原则可以理解为使用视觉位置来对元素进行归类。设计时可以对信息进行整理,以提高阅读者获取信息的效率。本节将从两个方面介绍如何利用“亲密”原则来整理信息。
1.3.1 对相同信息归类
设计版面时要对信息进行归类,使整体更符合人们对信息的提取逻辑。
看下面的表格,如果早餐店的菜单这样写,就会让点单的人反复扫视菜单,增加点单的时间。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-018-01.jpg?sign=1738853964-UcEzf1NDFbyb9as8QYyZgdNdS56dWu7b-0-c0812f40eeb8dfd2acbad8cb3446310b)
如果优化菜单,对信息进行归类,点菜的人获取信息的方式就从寻找变成了对比,从而能提高点单效率。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-018-02.jpg?sign=1738853964-CGEhybIprAO8k1BLONZp93iwvsw2g7o8-0-b53bb143dc59549662f92c577179c575)
再举一个例子,注意观察下图中菜名与菜品图片之间的关系。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-018-03.jpg?sign=1738853964-kMjZxcAfpP0xdfASUJMtTh5RpZZpSfcN-0-14b7507f30c358e74b5e35517882d3e6)
Q:下方哪张图的菜名与菜品图片之间更容易对应?
A:第1张图。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-019-01.jpg?sign=1738853964-MyKVUtKQE3ogQSYmIYBJjMNRglUGAaZB-0-5b9f2d611784ef95fd6e89c584524151)
可以发现,第1张图与第2张图的元素完全一致,不同的是菜名与菜品图片之间的距离。当菜名处于两张菜品图片中间时,人们很难迅速判断该菜名描述的是哪一道菜品。调整位置后,菜名与对应菜品摆放在一起,并与其他菜品相隔更远,这样对应关系就一目了然了。
综上所述,在表达“相关”这个概念的时候,在版面中需要使用更“亲密”的距离来体现。
1.3.2 对不同信息分组
前面讲解了对同类信息进行分类的方法,那么不同类别的信息又该如何分组呢?
假如现在要发布一个信息,信息主题为“周末休闲去处推荐”。下方第1张图的信息混在一起,显得比较杂乱,因此可以先根据上一节学习的对比知识将标题的层级划分出来。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-019-01.jpg?sign=1738853964-MyKVUtKQE3ogQSYmIYBJjMNRglUGAaZB-0-5b9f2d611784ef95fd6e89c584524151)
接下来按照“亲密”原则对相似内容的信息进行归类,并在排版距离上加以区分。可分出3种间距,用彩色标注出来。从下图可以看到各元素间排版距离的关系为“标题与正文之间的距离(红色)>分类与分类之间的距离(绿色)>各分类中小项与小项之间的距离(蓝色)”。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-019-02.jpg?sign=1738853964-nF9dLr58ovlkaauneXQCkti4wRyFXhkp-0-82ba22ea1129b2bf3240f7b4f662b492)
以上通过距离表示分类的关系想必读者能够理解,那么在正文中加入中文部分的英文翻译后,又该如何安排文字间距呢?
可以明确的是,英文在本次信息发布中的作用是辅助理解,属于标注。根据之前所学的对比原则,可以先将英文字号缩小,然后分析所有内容之间的亲密关系,再进一步调整版式,效果对比如下图所示。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-019-03.jpg?sign=1738853964-MyBHePgpwJeiBj29f23UFS1XTRZ9MnsJ-0-dbe38b7beee1b10b005c9415fde18157)
按照亲密关系重新排版后,各元素间的排版距离关系为“标题与正文之间的距离(红色)>分类与分类之间的距离(绿色)>各分类中小项与小项之间的距离(蓝色)>中文与英文之间的距离(黄色)”。
在理解了“亲密”原则后,平时可以多进行相关训练,对遇到的信息进行归类。掌握了这一思维方式后,设计能力和大脑处理文字信息的速度都能得到一定的提升。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-020-01.jpg?sign=1738853964-x0jxAQv2Xd0LiZAyb0KO4FuVbmbWfM9g-0-0226585addae6d80ba257fdcc09055e2)