在这个创意无处不在的时代，越来越多的人将成为设计师。UI、简历、PPT个人博客，海报等，处处都考验每个人的设计能力。

1、作者简介

罗宾·威廉姆斯（Robin Williams）世界著名设计师、技术专家和畅销书作家。通过写书和授课，她已经影响了整整一代数字设计师。同时，作为Adobe和Mac技术社区内的偶像级专家，她拥有大批拥戴者。她是Publish Magazine、Adobe Magazine等杂志的专栏作家，是Mac World Expo等业界重要活动和组织的顾问委员会成员，还创办了Santa Fe电影艺术学院。除本书外，她还著有几十部畅销图书和获奖著作，包括《写给大家看的Web设计书》等，有的书已经被翻译为十几种文字，产生了世界性的影响。

2、书籍简介

复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格，将优秀设计所必须遵循的这4个基本原则及其背后的原理，通俗易懂地展现在读者面前。本书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。本书适用于各行各业需要从事设计工作的读者，也适用于有经验的设计人员。

3、设计要点CRAP原则

3.1、对比（Contrast）

对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面.

对比的根本目的有两个，这两个目的相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。对比元素不能让读者混淆，也不能错误地强调重点（即本不该是重点的元素）。

对比一定要强烈，可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。要避免的问题不要犹豫。如果你想形成对比，就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样，干脆让它们截然不同！

3.2、重复（Repetition）

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。

重复的目的就是统一，并增强视觉效果。使一个作品看起来很有趣，它往往也更易于阅读。也就是我们在做设计的时候需要全文保持一致的字体、颜色和标示的重要性。但是同时也要避免太多地重复一个元素，重复太多会让人讨厌。要注意对比的价值。

3.3、对齐（Alignment）

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来，并把它们放在一个玩具箱中。不论创建精美的、正式的、有趣的还是严肃的外观，通常都可以利用一种明确的对齐（当然，要结合适当的字体）来达到目的。要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。

要避免在页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）。另外，要着力避免居中对齐，除非你有意识地想要创建一种比较正式、稳重（通常也更乏味）的表示。并不是完全杜绝使用居中对齐，有时可以有意地选择这种对齐方式，但是不要把它作为默认选择。

3.4、亲密性（Proximity）

彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关的元素分在一组建立更近的亲密性，就能自动实现条理性和组织性。如果信息很有条理，将更容易阅读，也更容易被记住。此外还有一个很好的“副产品”，利用亲密性原则，还可以使空白（这是设计者们最喜欢的）更美观（也更有条理）。

微微眯起眼睛，统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3～5个（当然，这取决于具体情况），就要看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。

避免一个页面上有太多孤立的元素。不要在元素之间留出同样大小的空白，除非各组同属于一个子集。标题、子标题、图表标题、图片能否归入其相关材料？在这个问题上一定要非常清楚（哪怕只有一点含糊都要尽量避免）。在有很近亲密性的元素之间建立关系。不同属一组的元素之间不要建立关系！如果元素彼此无关，要把它们分开。不要仅仅因为有空白就把元素放在角落或中央。

3.5、颜色运用

在颜色的使用上，我们首先需要熟悉颜色相关的知识，然后才能够熟练的运用各种颜色的组合。颜色的组合将从伊顿色环开始。

三原色(Primary Color)：色轮的基础是黄、红和蓝三种颜色。这些颜色称为三原色，因为这是唯一无法创建的颜色。
三间色(Secondary Color)：分别将色轮上相邻的颜色等量混合，就会得到三间色。例如：黄色+蓝色=绿色，蓝色+红色=紫色，红色+黄色=橙色。
第三色(Tertiary Color或Third Color)：黄色+橙色=橙黄色，蓝色+绿色=蓝绿色。
互补色(Complement)：色轮上相对(即完全对立)的颜色为互补色。由于它们如此对立，所以最佳搭配是一种用于主色，另一种用于强调。例如：蓝色和橙色，红色和绿色，黄色和紫色。
案例：

三色组(Triad)：彼此等距的三种颜色通常会形成一个让人愉悦的三色组。
例如：红色、蓝色、黄色。由于这是三基色，所以这种组合也成为基色三色组。
绿色、橙色、紫色，构成间色三色组。
从色轮的一边选择一种颜色，再在色轮上找出它对面互补色两侧的颜色，构成分裂互补三色组。

类似色(Analogous)：由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色，它们都有相同的基础色，这就形成了一个协调的组合。
例如：橙黄色、橙色、橙红色

案例：

亮色(Tint)和暗色(Shade)：纯色就是色调(hue)。向色调增加黑色就构成一个暗色。向色调增加白色就构成一个亮色。

单色组合：由一种色调及其相应的多种亮色和暗色组成。例如：黑白照片。案例：

冷色与暖色：颜色往往要么是暖色(红色或黄色)，要么是冷色(蓝色)。冷色总趋于后退，而暖色是趋进型的。如果要组合冷色和暖色，一定要注意少用些暖色。不要让冷暖色太过均衡。

CMYK和RGB：CMYK代表Cyan(青色)、Magenta(品红)、Yellow(黄色)和一个Key(黑色)。多用于专业印刷作业。RGB代表Red(红色)、Green(绿色)、Blue(蓝色)。多用于电子屏幕作业。
采用RGB的文件较小，而且Photoshop中的一些技术只适用于RGB（或者使用RGB表现最好，速度最快）。不过如果在CMYK和RGB之间来回切换，每次都会损失一点数据，所以最好用RGB处理你的图像，最后再把它们转换为CMYK。

4、字体设计

在文本的撰写过程中间对于文章中的标点符号、空格、字符间距、大小写等的编排都要特别注意，每一个细节都会影响内容的呈现，体现出作者的专业技能。
字体的使用需要注意一下几个方面，个人觉得字体的注意事项也是前文CRAP原则在字体中间的运用：

协调：如果只使用一种字体，页面上的所有元素都采用同样性质的字体，这种设计就是协调的。也许你使用了某种倾斜的字体，或者标题可能更大一些，还有可能使用了一个图片或一些装饰元素，不过给人的基本印象还是协调的。

冲突：如果在同一个页面上设置了两个或多个类似的字体，它们并非完全不同，但也不完全相同，这个设计就是冲突的。我见过无数的学生为了匹配页面上的某种字体，而去查找一种“看上去相似”的字体。这是错误的。如果把两种看上去非常相似但又不完全一样的字体放在一起，大多数情况下都会出现这个问题。问题就出在相似性上，因为相似性是互相冲突的。

对比：这个世界上所有特性都依赖于比较才能显现。如果没有比较，那么根本没有存在的前提。

大小：不要保守。字体的大小是指字体在空间上锁占据的大小，为了有效的使用大小对比，绝对不能保守，不能让人感觉是一个“失误”，当中心点吸引读者的眼球时，就不怕小的字没人读了。
粗细：要粗细字体的对比，而不是中粗字体的对比。字体的粗细是指笔画的粗细度，不要太保守，不要把常规粗细与半粗体对比，粗细对比强烈能使页面更引人注目。
结构：字体的结构是指这种字体是如何建立的，粗细变化之间的一种对比。
形状：字体的形状是指它的外形，全大写与小写的对比就是一种形状对比，字体形状类似的不要结合使用。
方向：字体的方向对比主要是指水平文本与瘦高文本之间的对比。
颜色：颜色的对比主要在冷暖之分，冷色是远离型，黑白也是一种颜色喔。
小结：运用多种对比，可以强烈的突出中心效果。

字体类别:

Oldstyle（旧式体）：粗/细过渡比较缓和；有一条对角强调线，小写字母的截线是倾斜的。该字体没有什么显著的特征会影响阅读，所以作者认为是显示大量文字的最佳选择
Modern（现代体）：粗/细过渡对比强烈，所有截线都是水平的，强调线完全是垂直的，看起来有一种冷酷、高雅的感觉。外观醒目，在正文显示中不是很好的选择。
Slab serif（粗衬线体）：粗/细过渡很小、甚至没有过渡，笔画比较粗，粗细相对单一；垂直强调线，小写字母上的截线粗且是水平的，简洁、直接的外观，常在儿童图书、海报、广告中使用。
Sans serif（无衬线体）：粗细单一，没有过渡，没有截线、没有强调线，因为根本没有粗/细变化。
Script（手写体）：这是一种书法类的字体，形状夸张有趣，但是不能多用。
Decorative（花体）：具有艺术性的一种字体。

小结：想要有意识的去使用字体，必须睁大眼睛，仔细观察字体的细节。想要有效的结合多种字体，基本功要扎实。每个系列的字体都具有相似性，使用要注意，具体的只能多看多感受了，提高自身的视觉敏锐水平。这里尽管讲述的英文字体，但是其中的概念都是相通的，多去了解一些中文字体也就能理解其中的意义吧。

5、设计过程

从中心点开始。确定希望读者最先看什么。除非你已经决定要建立一个非常协调的设计，否则就应该创建一个有强烈对比的中心点。
将信息分组。按逻辑进行分组，确定这些组之间的关系。通过组之间的靠近与否（亲密性）来显示这些关系。在页面上组织文本和图片时，要建立并维护明确的对齐。如果能看到一个明显的边界，如照片边界或垂直线条，可以通过其他文本或对象的对齐来加强这个边界。
创建重复，或者找出可以重复的项。为建立重复，可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复，再看看是否适合加大重复力度。

除非你已经决定创建一种协调的设计，否则一定要建立强烈的对比，这样会吸引读者的视线。要记住，对比要黑白分明。如果页面上的所有一切都又大又粗，很华丽，那么根本不存在任何对比！不论通过更大更粗来建立对比，还是通过更小更细形成对比，关键是要有所不同，这样才能引人注目。

全书理论结合实际的方式让读者读起来更为轻松，作为一个爱好者，有了懵懵懂懂的认识。学习到了知识，重在实践，可以多挑战自己，去学习。本书适合所有设计爱好者和工作会涉及到设计文字与图片的童鞋，值得反复阅读。