4大基本原则:对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)
亲密性:
Robin亲密性原则:将相关的项组织在一起。
为什么需要亲密性:为了实现组织性,让页面从理解上和从视觉上变得更有条理。如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不是独立的元素。
如何判断我们设计的亲密性的好坏:要有意识地注意你是怎样阅读的,你的视线是怎样移动:从哪里开始;沿着怎样的路径,到哪里结束;读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要由确定的结束。
如何实现亲密性:统计眼睛停顿的次数来数一数页面上有多少个元素,如果页面上停留的项过多,就要看看哪些孤立的元素可以跪在一组建立更近的亲密性。
- 在一个页面上,物理位置的接近就意味着存在着关联。(实际生活也是如此)
- 用留白来对元素进行分组
对齐性:
Robin对齐性原则:任何元素都不能在页面上随意安防。每一项都应当与页面上的某个内容存在某种视觉联系。
为什么需要对齐性:使页面统一而且有条理。如果页面上得一些项是对齐的,这样会得到一个更内聚的单元。
如何实现亲密性:要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能很远。每个元素都应当与页面上的另一个元素存在某种视觉联系
- 避免混合使用多种文本对齐方式,不要有些文本居中,另外一些文本右对齐
- 如果文本为左对齐或右对齐,让文本联系在一起的那条看不见的线会更明确。正事这个边界的强度为布局提供了力度
- 居中对齐很庄重、很正式
- 大多数精巧的设计都没有采用居中对齐。充分利用亲密性,通过结合明确的右对齐或左对齐,你会惊异于设计的改观
- 如果在同一个页面上同时使用右对齐和左对齐文本,一定要保证让这些文本以某种方式对齐
- 找一条明确的对齐线,并坚持以它为基准
- 如果设计中得对齐很明确,那么可以有意识地打破对齐,而且一定要表现出这是有意的
Robin打破规则:在打破规则之前必须清楚规则是什么
重复性
Robin重复性原则:设计的某些方面需要在整个作品中重复
为什么需要重复性:统一,增强视觉效果。易于阅读,更加有趣。设计中视觉元素的重复可以将作品中得各部分连在一起,从而统一并增强整个作品。否则这些部分只是独立的单元。
如何实现重复:把现有的一致性向前推一步
- 重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素,某种格式、空间关系等。
- 书中第一个例子,名片中重复出现粗体字,当读者看完以后,会自动的去关联粗体字
- 使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据整个元素创建一个新设计
- 重复并不表示要重复完全相同的东西
对比性
Robin对比性原则:如果两个项不完全相同,就应当使之不同,而且应当是截然不同。
倘若连个元素存在某种不同,但差别并不是很大,那么你做出的效果并不是对比,而是冲突。
为什么需要对比性:增强页面效果,更有趣,更有可读性;有助于信息的组织
如何实现对比性:可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。如果各个项不完全一样,干脆让它们截然不同!
- 对比对于信息的组织至关重要,读者一眼看到文档就能理解文档的内容
- 要增加有意思的对比,最容易的方法就是实现字体的对比。不过不要忘记其他方式的对比
- 确保读者的目光吸引到页面的焦点内容