摘抄学习自《写给大家看的设计书》by Robin Williams

​对比 Contrast

要避免页面上的元素太过相似。如果元素不相同，那么就干脆让他们截然不同。

重复 Repetition

让设计中的视觉要素在整个作品中重复出现。既能增加条理性，还可以加强统一性。

对齐 Alignment

任何东西都不能再页面上随意安放。每个元素都应当与页面上另一个元素有某种视觉联系。

亲密性 Proximity

彼此相关的项应当靠近，归组在一起。有助于组织信息，减少混乱，为读者提供清晰的结构。

---

对比

如果两个项不完全相同，就应当使之不同，而且应当截然不同。要想实现有效的对比，就必须强烈，千万不要畏畏缩缩。

具体

不要害怕让一些项很小，这样不仅可以与更大的项形成对比，还能留出更多的空白。

对比的根本目的，一是增强页面的效果；二是有助于信息的组织，让读者能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。

对比元素不能让读者混淆，也不能错误地强调重点。

要避免的问题

如果想形成对比，就加大力度。

要避免使用两种或多种类似的字体。

如果各个项不完全一样，就干脆让它们截然不同。

---

重复

读者能看到的任何方面都可以作为重复元素。设计的某些方面需要在整个作品中重复。

具体

有时重复的项并不一定完全相同，而只是存在明确关联的紧密相关的对象。

使用重复原则时，有时可以把一个元素从现在的设计中抽取出来，并根据这个元素创建一个新设计。

不要把重复用的太滥，而应当尽量“采用多样性实现统一”。也就是说，如果一个重复元素很明确，那么可以采用多种不同方式重复这个元素，而不是简单地重复同一个元素。

重复的根本目的就是统一，并增强视觉效果。

具体实现方式

重复可以认为是保持一致性。

可以增加一些纯粹为建立重复而设计的元素。

要避免的问题

要避免太多地重复一个元素，重复太多会让人讨厌。要注意对比的价值。

---

对齐

定义

任何元素都不能再页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

具体

居中对齐是初学者最常用的对齐方式，这种对齐看起来很安全，感觉上也很舒服。居中对齐会创造一种更正式、更稳重的外观，这种外观显得更中规中矩，但通常也很乏味。

一定要坚持一个原则：页面上只使用一种文本对齐，所有文本都左对齐、或右对齐、或者全部居中。

在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。

我们的眼睛喜欢看到有序的事物，这会给人一种平静、安全的感觉。此外也有助于表达信息。

应当找一条明确的对齐线，并用它来对齐。

如果涉及中的对齐很明确，那么可以有意识地打破对齐，但一定要表现出这是有意的。一定要干脆一些，要么全部采用一种方式，要么全都不采用这种方式。千万不要保守。

但，在打破规则之前必须清楚规则是什么。

对齐的根本目的是是页面统一而且有条理。

具体实现方式

要特别注意元素放在那里。应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距甚远。

要避免的问题

要避免在页面上混合使用多种文本对齐方式。

要着力避免居中对齐，除非有意识地想要穿件一种比较正式、稳重的表示。并不是完全杜绝，但不要把它作为默认选择。

---

亲密性

定义

将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，那么相关的项将被看作凝聚为一体的一个组。

具体

需要清楚哪些信息应当重要，哪些信息不用强调，可以通过分组形象地表现这种信息。

亲密性的思想并不是说所有的一切都要更加靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种联系，那么这些元素在视觉上也应当有所关联。

亲密性的根本目的是实现组织性。如果信息更有条理，将更容易阅读，也更容易被记住。

亲密性的副产品

可以使空白更美观，也更有条理。

具体实现方式

微微眯起眼睛，统计眼睛停顿次数来数一数页面上有多少个元素。如果页面上的项超过3~5个（it depends），就要看看哪些孤立元素可以跪在一组简历更近的亲密性，使之成为一个视觉单元。

要避免的问题

不要仅仅因为有空白就把元素放在角落或中央。

避免一个页面上有太多孤立的元素。

不要在元素之间留出同样大小的空白，除非各组同属于一个子集。

标题、子标题、图标标题、图片能否归入其相关材料？在这个问题上一定要非常清楚。在有很近亲密性的元素之间建立关系。

不同属一组的元素之间不要建立关系。如果元素彼此无关，要把它们分开。