排版原则

排版四原则

  • 亲密性原则
  • 对齐原则
  • 重复原则
  • 对比原则

一、亲密性原则

1. 什么是亲密性原则?

关联性越高的元素,位置越近,从而形成一个视觉单元。通过亲密性原则,让内容更有组织性和条理性。

2. 如何实现

1)将内容按逻辑性分组,将相似的元素组织为一个单元。
2)眯起眼睛,观察页面中的元素个数,在3-5个之内。如果超过5个,那么页面中就存在孤立的元素,进行归类。
3)有意识的注意是怎么阅读的,眼睛从哪里开始,沿着怎样的路径,到哪里结束。

举个栗子,下面的这张图的排版就有点杂乱,阅读信息的时候不知道从那哪里开始到哪里结束,我读完专业认证是读mt4下载呢还是监管合规;再者市场有风险,投资需谨慎这个内容是和下面的风险说明为一组,空白间隔却很大,感觉是对立出来的一项。


调整前
调整后

二、对齐原则

1.什么是对齐原则?

页面中的元素不是孤立的,不能随意安放,都其他元素存在某种视觉联系。通过对齐原则,使元素更统一,内容看起来更清晰。

2. 如何实现

摆放元素时应当总能找到与之对齐的元素,尽管位置距离比较远。 页面中尽量使用一种对齐方式;避免使用居中排版。

对齐的方式有三种,左对齐,居中对齐,右对齐。
1)左对齐 左侧有一条隐形的线。是常用的排版方式,用于列表,文案,表单等
2)居中对齐 中间有一条隐形的线。居中排版很正式,稳重,但也很乏味,留白乱不规则
3)右对齐 右侧有一条隐形的线 。 用于表格中数字格式的对齐

举个栗子,例如下面的图用了左对齐又用了居中对齐,显得排版有点杂乱,所以一个页面中尽量使用一种对齐方式。


调整前
调整后

《写给大家看的设计书》

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容