写给大家看的设计书（第3版）

1、这些原则平时会无意识地用到，但是就像作者说的，当知道一件事物的名字之后，就更容易关注它，能更有意识地运用了。

2、亲密性——有逻辑上联系的内容物理位置可靠近。

对齐——找到页面上的另一项内容产生联系；尽量使对齐的基准很明确；慎用居中对齐，多用其他不对称的对齐；不要害怕空白。

对比——相同，协调；相似，冲突，混乱；对比。适用于多种元素。

重复——各种元素都可重复，性质一样的内容重复，不同页面间的重复。适用于多种元素。

3、颜色：色轮的产生；色彩三原色，红黄蓝，等比混合，得到另外三种，相邻的两种混合，依次类推。每种颜色又可以按照色阶不同，有暗色和亮色。含有蓝色的为冷色调，含有红黄的为暖色调。直接相对的颜色为对比色。间色三色组；分裂互补三色组。色质相近不要挨着。

4、字体：结构、方向、大小等方面均可对比、重复。

本书重要原则：对比、重复、对齐、亲密性

1. 一旦能够说出什么东西的名字，就会很容易注意到它。你就会掌握它，拥有它，使它在你的控制中。

2. 4大基本原则 以下是对基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。尽管我在后面将逐个讨论各个原则，不过要记住，它们实际上是相互关联的。只应用某一个原则的情况很少。 对比（Contrast） 对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。 重复（Repetition） 让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。 对齐（Alignment） 任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。 亲密性（Proximity） 彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成

3. Robin亲密性原则是指：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。 如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性（即不应靠近），这样就能为读者提供一个直观的提示，使读者马上了解页面的组织和内容

4. 亲密性小结 如果多个项相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。彼此相关的项应当归在一组。要有意识地注意你是怎样阅读的，你的视线怎样移动：从哪里开始；沿着怎样的路径；到哪里结束；读完之后，接下来看哪里？整个过程应当是一个合理的过程，有确定的开始，而且要有确定的结束。 根本目的 亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的，不过

5. 请注意你喜欢的那些设计。我敢保证，大多数看来精巧的设计都没有采用居中对齐。我知道，作为一个初学者，要完

6. 试试看，包含居中文本的块不要居中。

7. 一定要坚持一个原则：页面上只使用一种文本对齐：所有文本都左对齐，或右对

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

9. 文本两端均对齐。不论这种对齐方式叫什么，都要尽力避免，除非行足够长，能够避免单词之间出现难看的空隙。

10. 按惯例，第一段都不缩进。将一个段落缩进的目的是为了告诉你这里有一个新的段落，不过，你肯定知道第一段当然是一个新段落。

11. 不过，在文本和照片之间“截留”了部分空白，而且空白的形状很难看。由于存在截留的空白，使得这两个元素被分隔开了。

12. 如果设计中的对齐很明确，那么可以有意识地打破对齐，而且一定要表现出这是有意的。技巧就在于，打破常规对齐时不要怯懦，一定要干脆一些，要么全部采用一种方式，要么全都不采用这种方式。千万不要保守。

13. 在打破规则之前必须清楚规则是什么。

14. 任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。

15. 一个精美的设计不论最初看上去多么杂乱无章，总能找出其中的对齐方式。

16. 要着力避免居中对齐，除非你有意识地想要创建一种比较正式、稳重（通常也更乏味）的表示。并不是完全杜绝使用居中对齐，有时可以有意地选择这种对齐方式，但是不要把它做为默认选择。

17. 读到信息的末尾时，你的视线是不是会在名片上四处漫游？ 读到信息的末尾时，现在你的视线会向哪里移？它会在粗体元素之间来回跳吗？可能会，这正是重复的主旨，它能把整个作品联系在一起，提供统一性。

18. 可以把一个设计元素拉到边框之外，这有助于将两个或多个部分统一起来，或者使前景和背景统一，还可以统一有共同主题的不同出版物。

19. 如果一个重复元素很明确（如一个圆），那么可以采用多

20. 重复小结 设计中视觉元素的重复可以将作品中的各部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用，对于多页文档的设计更显重要（对此我们通常称之为保持一致）。 根本目的 重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。 如何实现 重复可以认为是保持一致性，而且我相信你早已经这样做过。现在，需要把现有的一致性更向前推进一步。可不可以专门做一个图片设计，并且将某些一致元素（如标题）作为这个图片设计的一部分？在每个页面底部或每个标题下面使用一条粗细为1点的线吗？或者是不是使用一条更粗的线（4点），使重复元素显得更明显，更生动？ 再看看有没有可能增加一些纯粹为建立重复而设计的元素。是不是有一个编号项列表？可不可以使用另外一种字体或逆序数字，然后对出版物中的每一个编号列表都重复同样的处理？最初，可以只是找出现有的重

21. 这是一封相当典型的自荐信。信息是完备的，如果有人确实想去读它的话，当然可以了解到其中的信息，不过这样一封自荐信肯定无法吸引你的注意。 注意以下问题： 页面上存在两种对齐方式：居中和左对齐。 各段之间的空间（间隔）太相似。 布局不一致——日期有时在左边，有时在右边。记住，一致性才会产生重复性。 职位与正文混杂在一起。 注意，如果使用了对比，不仅页面更吸引人，文档的目的和组织也会更一目了然。

22. 字体之间和线之间确实有一点对比，不过这里的对比很微弱。 这些线确实有意设置为两种不同的粗细吗？是不是只是不小心弄错了？ 现在字体之间强烈的对比使它更生动，更引人注目。 由于线粗细有了更强烈的对比，再不会有人认为这可能是一个失误了。

23. 读者的眼睛总是随着页面上任何人或动物的眼睛看过去。所以要确保将读者的目光吸引到页面的焦点内容。

24. 对比小结 在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上放两个不完全相同的元素（比如有两种不同字体，或者有两种不同线宽），它们就不能类似。要实现有效的对比，这两个元素必须截然不同。 对比就像需要修补一处漆记时配漆一样，不能大概地配色，颜色要么配得完全相同，要么就得把整面墙都重漆一遍。我的祖父（酷爱掷蹄铁游戏）总是说，“只有在掷蹄铁和手榴弹游戏中‘几乎击中’才算赢。”（在其他方面，仅仅“几乎达到”是不算数的。） 根本目的 对比的根本目的有两方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。对比元素不能让读者混淆，也不能错误地强调重点（即本不该是重点的元素）。 如何实现 可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效

25. 。要避免使用两种或多种类似的字体。如果各个项不完全一样，干脆让它们截然不同！

26. 不要害怕在设计（或生活）中留有空白，这能让你的眼睛（以及心灵）稍作休息。 不要害怕设计是不对称的，使用非居中的格式，不居中往往能使效果更强烈。尽管不建议使用居中，不过有意这么做也无不可。 不要害怕把单词设置得非常大或非常小，不用担心说话声太大或者太小。在合适的场合这都是可以的。 只要最后的结果能支持或强调你的设计或观点，不要害怕让图片太大或太小。 下面用一个很乏味的报告封面作为例子（如下所示），然后依次应用各个原则。

27. 去掉所有多余的东西，这样才能知道到底在做什么。例如，Web地址中并不需要有http://（甚至www也可以不要）。phone、call或email之类的词都是不必要的，因为文本和数字格式能清楚地表明这一项是什么。另外不需要4个logo。内框也不需要。字母不需要全部大写。

28. 如果你在设计一个传单，可以先找一份你确实非常喜欢的传单，采用它的布局。只需使用你自己的文本和图片，就能把原来别人的传单变成你自己独一无二的设计。

29. The Mac is not a typewriter 或The PC is not a typewriter这两本书，强烈建议你读一读。

30. Robin Williams Design Workshop一本。这是一本彩色图书，涵盖了更高级的设计概念。

31. 人们完全可以轻松地阅读8点、9点或10点大小的字体。企业名片通常使用7点字体。

32. 我知道从一开始就使用9点，甚至8点或7点的字体会很困难，不过看看你收集的那些企业名片。选出看上去最专业和精美的三张，它们绝对不会使用12点大小的字体。

33. 就像企业名片一样、要避免使用括号、缩写以及只会增加混乱的多余的词

34. 要知道，你的传单要在全世界各种文字垃圾中独树一帜，特别是要与其他传单一争高下。通常传单会发布在公告栏中，而在公告栏中可能同时有数十个页面在相互竞争，都希望引起过往人群的注意。

35. 创建一个最简传单，页面中间只有一行10点大小的文字，并配以底部的一小块文本。出乎寻常就会让读者停下来驻足观看，这就达到了90％的目标。

36. 大多数人都通过查看标题来浏览新闻报道，所以要让标题清楚而明显。 可以看出这里文本的底层结构。由于这个结构很扎实，所以可以将图片倾斜、放大、用文本包围，通过这些处理来增加页面的生动性。

37. 空白！下一次看报纸时自己做些笔记。你的眼睛会很自然地落在哪些广告上？你会真正读哪些广告？我敢打赌，你肯定会看那些有更多空白的广告，而且至少会仔细读那些广告的标题。 机敏。没有什么能比一条机敏的标题更能吸引人（即使设计本身并不怎么样）。当然，如果标题也好，设计也棒，成功的可能性就会加倍！ 清楚。一旦你的标题确实吸引了读者的注意，接下来你的广告就要具体地告诉读者该做什么（并明确指出有关途径，即电话号码、email地址、网址等）。 简洁。广告不是让你把全部生平都放上去。广告要简单，切中要点。 尽可能使用颜色。颜色总能引人注目，特别是四周被一片灰色的文本海洋包围时，有颜色的部分更能独树一帜。

38. 标题离其相关项太远：把它们移得近一些。 标题的前后都有两个回车：去掉所有双回车，不过在标题上面增加一点额外的空间，使它们与后面的相关材料联系更紧密。

39. 这是我们在图形设计课上经常使用的技巧，如果一个客户坚持他自己拙劣的设计，不想再认真考虑你更精美的作品，就可以采用这个技巧。展示他的设计时先搞得一团糟。比如（有意）洒点咖啡上去，把边缘弄得参差不齐，划上钢笔印，放得不整齐，诸如此类。展示你认为更棒的设计时则要做得干净漂亮，用非常好的纸张打印，把它们贴在展示板上，覆一层保护膜等等。这样一来，大多数情况下客户都会考虑你的作品，并相信你的作品确实比他原先的想法更好，而且由于他是一个VIP*（而你已经脱离这个行列），他无法指出自己为什

40. 数字都使用“均衡的oldstyle”字体（很多Open Type字体中都有）。如果没有，可以让数字字体比原来小一些（点数少1点或2点），从而避免数字本身不必要地分散注意力。

41. 如果在同一个页面上设置了两个或多个类似的字体，它们并非完全不同，但也不完全相同，这个设计就是冲突的。

42. 正文的字体大小通常在9～12点之间，另外行间距再增加20％。他想再引发一次小事件，这样也许能找回自己的人生。

暖色是前进型，冷色是远离型