《给你们看的设计书》读书笔记

1 chapter四大基本原则

一旦说出某种东西的名字，就会很容易注意到它，你就会掌握它，拥有它；使他在你的控制之中。

四大基本原则：

1.对比（ contrast ）：避免页面上的元素太过类似，若是元素不相同，那就让他们大相径庭。

2.重复（ Repetition ）：让设计中的视觉要素在整个做品中重复出现，能够重复颜色，形状，材质，空间关系，线宽，字体，大小和图片，等等。既能够增长条理性，又能够增长增强统一性。

3.对齐（ Alignment ）：任何东西都不能在页面上随意安放，每一个元素都应当与页面上的另外一个元素有某种视觉联系，这样能创建一种清晰、精巧且清爽的外观。

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

2 chapter 亲密性

Robin亲密性原则：将相关的项组织到一块儿，使他们的物理位置相互靠近。

在一个页面上，物理位置的接近意味存在着关联。

设计技能的逐步提升，须要从简单的表达开始

亲密性小结：

若是多个项之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。彼此相关的项应当归为一组。要有意识地注意到你是怎样阅读地，你的视线是如何移动地：从哪里开始，沿着怎样的路径；到哪里结束，读完以后，接下来看哪里？整个过程应当是一个合理的过程，有肯定的开始，并且要有肯定的结束。

根本目的：

根本目的是实现组织性，尽管其余原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关的元素分在一组创建更近的亲密性，就能自动地实现条理性和组织性。

如何实现：

微微眯起眼睛，统计你的眼睛停顿的次数来数一数页面上有多少个元素。若是页面上的项超过 3-5 个（固然，这取决与具体状况，就要看看哪些孤立的元素能够归在一组创建更近的亲密性，使之成为一个视觉单元。

3 chapter 对齐

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

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

在设计中，统一性是一个重要的概念，要让页面上的全部元素看上去统1、有联系并且彼此相关，须要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素在页面上的物理位置可能并不靠近，可是经过适当放置，可让他们看上去是由联系并且相关的，而且与其余信息统一。

根本目的

使页面统一并且有条理。其效果相似于把客厅里四处零落的洋娃娃捡起来，放到一个玩具箱中。

不论建立精美的、正式的、有趣的仍是严肃的外管，一般均可以利用一种明确的对齐（固然要结合适当的字体）来达到目的。

如何实现

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

要避免的问题

避免在也页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另一些文本右对齐）

另外，要避免居中对齐，除非你相有意识地建立一种比较正式的，稳重（一般也更乏味）的表示。并非彻底杜绝剧中对其，有时能够有意识地选择这种对齐方式，可是不要把它做为默认选择。

4 chapter 重复

Robin重复原则指出：设计的某些方面须要在整个做品中重复。

设计中的视觉元素的重复能够将做品中的各个部分连在一块儿，从而统一并加强整个做品，不然这些部分只是彼此孤立的单元。重复不只对只有一页的做品颇有用，对于多页文档的设计更显重要（对此咱们称之为保持一致）

根本目的

重复的目的就是统一，并加强视觉效果。不要低估页面视觉效果的威力，若是一个做品看起来颇有趣，它每每也更易于阅读。

如何实现

重复能够认为是保持一致性，如今须要把现有的一致性向前推动一步。

最初能够是只是找出现有的重复，而且将其增强。重复就像是强调你的衣着，若是一位女士穿着一件可爱的黑色晚礼服，戴着一顶别致的帽子，她可能会用红色高跟鞋、红色口红和一朵红色小花来突出她的晚礼服。

要避免的问题

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

5 chapter 对比

原则：要想实现有效的对比，对比就必须强烈，千万不要畏畏缩缩。

若是两个元素相同，就不会产生对比。假若这两个元素之间存在某种不一样，但差异并非很大，那么你作出的效果并非对比，而是冲突。这就是关键：若是两个项之间不彻底相同，就应但使之不一样，并且应可是大相径庭。

要增前对比的意思，最容易的方法就是实现字体对比，还能够利用线、颜色、元素之间的间隔、材质等造成对比

在页面上增长对比能吸引眼球，咱们的眼睛喜欢看到对比的事物，若是页面上放置两个彻底不一样的元素，他们就不能相似。要实现有效的对比，这两个元素必须大相径庭。

对比就须要修补一处漆记时配漆同样，不能大概地配色，颜色要么配置的彻底不一样，要么从新把整个前面彻底粉刷一边。

根本目的

根本目的有两个方面，这两个方面相辅相成，没法分开。一个目的是加强页面的效果，更具备可读性，另一个目的是有助于信息的组织。读者应当更能当即了解信息以何种方式组织，以及从一项到另外一项的逻辑流程。对比元素不能让读者混淆，也不能错误的强调重点。

如何实现

能够经过对字体选择，线宽、颜色、形状、大小、空间等对比手法来加强对比；增长对比很容易，途径有不少。

要避免的问题

6 chapter 复习

设计的指导原则（不要畏畏缩缩）

• 亲密性

• 对齐

• 重复

• 对比

7  chapter 颜色运用

CMYK和RGB颜色模型之间的区别：

CMYK表明Cyan（一种蓝色）、Magenta（一种红/粉红色）、Yellow（×××）和一个Key色（一般是黑色），能够打印出千万种颜色，称为“四色处理”，用在印刷上的。

RGB用在显示器、电视、iphone上。

三原色(Primary color)：黄、红、蓝

三间色(Secondary color):×××+兰色=绿色；蓝色+红色=紫色；红色+×××=橙色

第三色(tertiary color )

互补：色轮上相对（即彻底对立）的颜色为互补色(complement)，因为对立，因此最佳搭配是一种做为主色，另一种用于强调。

三色组(triad)：色轮上彼此等距离的三种颜色造成一个三色组，红、黄、蓝就是一种极其流行的颜色组合，儿童产品一般采用这三种颜色。也成为基色三色组(primary triad)

间色三色组(secondary triad): 绿色、橙色、紫色

分裂互补三色组(split complement):从色轮的一边选择一种颜色，再在色轮上找出对面的互补色，不过并非直接使用这个互补色，而是使用该互补色两侧的颜色，这样获得的组着会有一种更为细致的颜色边界。

相似色(analogous):组合由色轮上彼此相邻的颜色组成。

暗色和亮色：

纯色就是色调(hue)

向色调增长黑色就构成一个暗色(shade)

向色调增长白色就构成一个亮色(tint)

单色组合 ( Monochromatic combination): 由一种色调及其相应的多种亮色和暗色组成。

暖色和冷色：

• 暖色老是趋进型的，冷色总趋于后退。

• 暖色不费多大功夫就能产生效果。

• 如何组合暖色和冷色，必定要少用些暖色

• 冷色是后退型的，因此可使用，更多的冷色才能产生效果或造成有效的对比。

• 不要让冷暖色太过均衡，必定要充分利用这种视觉现象。

在美国，标准的企业名片规格为：3.5英寸宽，2英寸高（垂直格式的规格为：2英寸宽，2.5英寸高）。

设计在WEB网站上的应用

本文反复提到的四大设计原色，一样使用时WEB设计，这其中重复是网站设计的最重要的因素之一。重复可让访问者注意到本身是否仍是在同一网站之中，

能够查看peachpit.com或者Adobe.com网站，找到有助于提供一致性的设计。