排版四原则
- 亲密性原则
- 对齐原则
- 重复原则
- 对比原则
一、亲密性原则
1. 什么是亲密性原则?
关联性越高的元素,位置越近,从而形成一个视觉单元。通过亲密性原则,让内容更有组织性和条理性。
2. 如何实现
1)将内容按逻辑性分组,将相似的元素组织为一个单元。
2)眯起眼睛,观察页面中的元素个数,在3-5个之内。如果超过5个,那么页面中就存在孤立的元素,进行归类。
3)有意识的注意是怎么阅读的,眼睛从哪里开始,沿着怎样的路径,到哪里结束。
举个栗子,下面的这张图的排版就有点杂乱,阅读信息的时候不知道从那哪里开始到哪里结束,我读完专业认证是读mt4下载呢还是监管合规;再者市场有风险,投资需谨慎这个内容是和下面的风险说明为一组,空白间隔却很大,感觉是对立出来的一项。
调整前
调整后
二、对齐原则
1.什么是对齐原则?
页面中的元素不是孤立的,不能随意安放,都其他元素存在某种视觉联系。通过对齐原则,使元素更统一,内容看起来更清晰。
2. 如何实现
摆放元素时应当总能找到与之对齐的元素,尽管位置距离比较远。 页面中尽量使用一种对齐方式;避免使用居中排版。
对齐的方式有三种,左对齐,居中对齐,右对齐。
1)左对齐 左侧有一条隐形的线。是常用的排版方式,用于列表,文案,表单等
2)居中对齐 中间有一条隐形的线。居中排版很正式,稳重,但也很乏味,留白乱不规则
3)右对齐 右侧有一条隐形的线 。 用于表格中数字格式的对齐
举个栗子,例如下面的图用了左对齐又用了居中对齐,显得排版有点杂乱,所以一个页面中尽量使用一种对齐方式。
调整前
调整后
《写给大家看的设计书》