From《写给大家看的设计书》
一、4大基本原则
对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小,线宽,形状、图片、材质、空间关系等 )不相同,那就干脆让他们截然不同。
要让页面引人注目,对比通常是最重要的一个因素,正式它能使读者首先看到这个页面。
重复(Repetitiom)
让设计中的视觉要素在整个作品中重复出现。可以重复(字体、颜色、大小,线宽,形状、图片、材质、空间关系等 )。
这样一来,既能增加条理性,还可以加强统一性。
对齐(Alignment)
任何东西都不能在页面上随意安放。每个元素都应该与页面上的另一个元素有某种视觉联系。
这样能建立一种清晰、精巧而且清爽的外观。
亲密性(Proximity)
彼此相关项应当靠近。归组在一起。如果多个项目之间存在很近的亲密性,它们会成为一个视觉单元,而不是多个孤立的元素。
这有助于组织信息,减少混乱,为读者提供清晰的结构。
说明:这几个原则实际上是相互关联的,只应用某一个原则的情况很少。
二、案例分析
找找下面图片中,第二张看起来表意更为清晰的地方:
Paste_Image.png
Paste_Image.png
- 去掉拥挤的边框
- 使用了一些更明显的字体,这种字体足够粗,在页面上产生更强的效果(对比原则)
- 重复使用了粗体来强调3个步骤,重复使用了细体来做注释(重复原则)
- 文本有了清晰的对齐(对齐原则)
- 三个步骤分开了,让人可以马上认出它们,这样也可以省去数字编号(亲密性原则)