你应该知道的设计排版技巧：归类法

许多人在安排版面信息时常常会发生的错误就是，常常误认为版面上的每一项信息都很重要，而每一个信息都摆放在用户很容易阅读到的位置、赋予相同的视觉强度。但其实使用者是无法同时间接收太多各种不同的信息的，在无法为版面上的信息安排其重要性的情况下，最后反而让版面的阅读性大打折扣。

以下我们都将在每项信息的「视觉强度」都相同的前提下来、来讨论信息摆放位置跟阅读性的关系。如下图左，我们将信息位置分散摆放，虽然整体画面较有 均衡感，但是四笔信息没有区分出重要性，甚至使用者在阅读的时候会无所适从，不知道该从哪一笔信息开始读起。而当我们归纳出版面上最重要的信息，并将其独立出来后，版面信息的重心被提升出来了，并且很容易的就可以了解版面信息阅读的顺序：

可以发现的是，虽然每项信息的视觉强度跟比重都一样，但是由于信息摆放时的「留白」较多，因而在阅读的时候反而更为显眼突出留白是指画面上没有配置重要视觉元素的区域，在一般的逻辑中，这是「多余的」、「浪费掉的」区域，但是在视觉设计中，留白是一个很重要的视觉元素。

另外，将属性相似的对象做归类摆放也一个是很重要的提升画面阅读性的技巧，如上图右，由于底部信息被摆放得更接近了，在阅读上就更容易将其归类为同 一个的区块，将这些具有相同属性的信息摆放在一起，也可以提升使用者的阅读效率。这是由于人在看到一项信息时，并不会将其当成独立的要素，而是将其认为是 某个更大整体中的一个小部分，这种现象叫做「完形心理 ( Gestalt ) 」。

最常见使用这个方法归类信息的例子就是名片了。如下图，在编排名片时，就必须考虑将性质相近的元素编排的靠近一些，例如姓名跟职称会归类在一起，而电话、传真、手机号码等则是区分为另外一组归类，如此来不仅版面上的信息得到了明确的整理与归类，版面视觉也简洁了许多。

原文地址：dclick.fourdesire.com

================关于优设网================
“优设网uisdc.com”是一个分享网页设计、无线端设计以及PS教程的干货网站。

特色推荐：
设计讲座：定期邀请国内互联网公司的设计前辈及行业总监在群内及YY语音（YY频道：15335158）分享实战经验。
设计微博：我们拥有粉丝量25万的人气微博@优秀网页设计 ，欢迎大家关注及时获取设计资源。
设计导航：史上最赞最全面的设计师网址导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您还可以扫描下方二维码快速添加：