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