写在前面：本人是一位设计从业者，非大牛大佬。只想把自己的一些经验总结分享出来，希望能稍稍帮到伙伴们一点，也欢迎交流，愿我们共同进步。

新手在设计排版的时候往往会没有思路，或是做完页面显得凌乱无序，可以注意以下四点原则：亲密性原则、对齐原则、重复原则、对比原则。

01.亲密性原则

页面中会有很多元素，彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

上方的两个张菜单，左侧内容中所有的菜名和信息堆砌了在一起，让浏览者很难快速辨识信息。通过亲密性原则修改后，将相关的菜名和信息分为一类，不同菜之间加大间距。

亲密性的根本目的是实现组织性，将相关的元素分在一组建立更近的亲密性，就能使信息有条理，更容易阅读。

02.对齐原则

任何东西都不能在页面上随意安放。每个元素懂应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧的外观。

以上三种为常见的对齐方式，对于新手而言，尽量在一个页面仅使用一种文本对齐方式。如果一定要实用多种文本对齐方式，那么就要确保它们之间也是存在对齐关系的。

只要页面有空间，就会把文本和图片放在那里，不考虑页面的其他项，这样很容易给人一种页面杂乱无章的感觉。要设置版心（页面中主要内容所在的区域）确保所有文本和图片在版心之内，不会随意出界。

学会运用参考线，有助将页面中各个元素对齐。

03.重复原则

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等。这样一来，既能增加条理性，还可以加强统一性。

在处理多个页面的时候，重复原则是一定要注意的。

比如页码、页眉的位置要保持一致；各个级别的文字（一级标题、二级标题、内文、说明性文字）它们各自的样式要相同。

04.对比原则

对比是为页面增加视觉效果的最有效的途径，也是在不同元素之间建立一种有组织的层次结构最有效方法。对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引读者，并且制造焦点。

如大字体和小字体的对比；粗壮字体和纤细字体的对比；粗线和细线的对比；冷色和暖色的对比…

对于页面中的关键元素或希望读者第一时间看到的元素，则需要与其他的元素明显不同，形成对比，才可以达到突显的效果。这一步需要你大胆去尝试。

以上就是我分享的有关版式设计的内容，感谢阅读，希望能对大家有点帮助，也欢迎交流指正。

让我们一起加油，一起进步。

Powered by Froala Editor