设计书

设计的四大原则:

一.亲密性原则:

• 如果多个项相互之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应当归在一组。

  小结:

  • 根本目的 亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的,不过利用亲密性原则,只需简单地将相关的元素分在一组建立更近的亲密性,就能自动实现条理性和组织性。如果信息很有条理,将更容易阅读,也更容易被记住。此外还有一个很好的“副产品” ,利用亲密性原则,还可以使空白(这是设计者们最喜欢的)更美 观(也更有条理)。
  • 如何实现 微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过 3 ~ 5 个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。
  • 要避免的问题 避免一个页面上有太多孤立的元素。 不要在元素之间留出同样大小的空白,除非各组同属于一个子集。

二.对齐:

• Robin 对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

  小结:

  1. 任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。
  2. 在设计中,统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。
  3. 尽管这些孤立元素在页面上的物理位置可能并不靠近,但是通过适当放置,可以让它们看上去是有联系而且相关的,并且与其他信息统一.
  • 根本目的 对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱中。不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐(当然,要结合适当的字体)来达到目的。
  • 如何实现 要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远。
  • 要避免的问题 要避免在页面上混合使用多种文本对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式,但是不要把它作为默认选择。

三.重复

• Robin 重复原则指出:设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素

  小结

  1. 设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。
  2. 重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(对此我们通常称之为保持一致)。
  • 根本目的 : 重复的目的就是统一,并增强视觉效果。不要低估页面视觉效果的威力,如果一个作品看起来很有趣,它往往也更易于阅读。
  • 如何实现: 重复可以认为是保持一致性,现在,需要把现有的一致性更向前推进一步。
  • 要避免的问题 要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值;

四.对比

• 对比是为页面增加视觉效果的最有效的途径,也是在不同元素之间建立一种有组织的层次结构最有效方法。

• 要记住一个重要规则:要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。

• Robin 对比原则指出:页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两个项不完全相同,就应当使之不同,而且应当是截然不同。

• 对比不仅可以用来吸引眼球,还可以用来组织信息、清晰层级、在页面上指引读者,并且制造焦点。

  小结:

  1. 在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上放两个不完全相同的元素(比如有两种不同字体,或者有两种不同线宽),它们就不能类似。要实现有效的对比,这两个元素必须截然不同。
  2. 对比就像需要修补一处漆记时配漆一样,不能大概地配色,颜色要么配得完全相同,要么就得把整面墙都重漆一遍。
  • 根本目的 对比的根本目的有两个,这两个目的相辅相成,无法分开。
    • 目的一:增强页面的效果,如果一个页面看起来很有意思,往往更有可读性。
    • 目的二:有助于信息的组织。读者应当能立即了解信息以何种方式组织,以及从一项到另一项的逻辑流程。对比元素不能让读者混淆,也不能错误地强调重点(即本不该是重点的元素)。
  • 如何实现 可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。增加对比很容易,途径有很多,这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是:对比一定要强烈。
  • 要避免的问题 不要犹豫。如果你想形成对比,就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样,干脆让它们截然不同!

### 五.总结:

• 有关设计(同时也是有关生活)的一个更一般的指导原则是:不要畏畏缩缩。 ˆ 不要害怕在设计(或生活)中留有空白,这能让你的眼睛(以及心灵)稍作休息。 ˆ 不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈。 尽管不建议使用居中,不过有意这么做也无不可。 ˆ 不要害怕把单词设置得非常大或非常小,不用担心说话声太大或者太小。在合 适的场合这都是可以的。 ˆ 只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小。