版面作为承载内容与人沟通的桥梁，如何将让版面保持整洁的同时内容丰富，如何让人不需要特别的努力就能够从版面中抓到内容的主次，是每一个设计人员都需要思考的。而想要达成以上目标，排版占据着很关键的角色。好的界面中需要应用极多的排版技巧与细节，下面笔者就一一道来。

版面排放的四个要点

对应不同的情境以及需求，我们需要适当调整版面的排放来达到更好的展示效果。

1.对齐

任何东西都不能随意摆放，每一个元素之间都有某种视觉关系。利用对齐建立一个清晰整齐的外观。

2.关联

彼此相关的内容应靠在一起，反之不相关的内容保持距离。利用亲密性，强调画面的组织与架构。

3. 重复

重复视觉要素的颜色、字体、大小、空间等，增强条理性，也增强了整体一致性。

4. 对比

避免页面上元素太过相似，如果它们不同，那就让他们截然不同。让重要的内容引人注目，让使用者看到它们。

文字排版细节

1.字体大小不要一成不变，清楚分析使用者使用的环境与习惯后，选择一个适当的大小。

2.文字中有较多的英文时，注意选择中英文字体的协调与搭配。

3.注意行高与段距，适应内容阅读节奏。

4.大小标题与内容注意做出区分。

其他排版细节

1.尽量使用单列版型而不是多列版型。

2.使用良好的预设值而不是给使用者选择，减少使用者的操作。

3.界面要有鲜明的对比让使用者容易区分。

4.精简表单的内容。

5.不要在页面上放太多的链接，这样会分散使用者的注意力。

6.提供直觉的操作。

7.不要过度使用边框，这样会让界面四分五裂。

8.使用基本元件而不是重新设计。

9.将有关联的事物进行分组。

10.让点击区域大一点。

11.善用留白，营造清爽干净的感觉。

12.界面风格一致性很重要。

13.突出画面上重要元素。

14.一图胜千言。

15.把文字看作是UI的一部份。

16.蓝色往往是最适合连结的颜色。

17.搜寻框尽可能为27个字元的宽度。

18.限制页面内容的长度。

19.观察界面的视觉动线。

20.导航列要放在清楚的位置，如果导航列的项目是网站的核心，请勿必让导航列出现在每一个画面上。

21.把重要的资讯放在列表的最上方。

22.在送出表单前进行栏位错误的检查。

23.避免使用全大写的英文，除非是特别用来强调的标题内容。

24.你要考虑不同设备的阅读距离的不同。

25.让使用者清楚知道点击哪里进行下一步。

26.把你的Logo放在固定的位置上，并确保点击它能够返回到最初的页面。

细节的体验更多的源于工作上的经验，再重复一次，对应不同的场景与需求在细节上多有不同，仔细思考每一个细节后再下手会更好一些。