四大基本原则：

1、  对比（contrast）：避免页面上的元素太过相似，如果元素不相同，那就让他们截然不同。

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

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

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

2 chapter 亲密性

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

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

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

 亲密性小结：

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

根本目的：

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

 如何实现：

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

3 chapter 对齐

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

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

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

根本目的

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

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

如何实现

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

要避免的问题

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

4 chapter 重复

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

设计中的视觉元素的重复可以将作品中的各个部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用，对于多页文档的设计更显重要（对此我们称之为保持一致）

根本目的

重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。

如何实现

重复可以认为是保持一致性，现在需要把现有的一致性向前推进一步。

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

要避免的问题

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

5 chapter 对比

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

如果两个元素相同，就不会产生对比。倘若这两个元素之间存在某种不同，但差别并不是很大，那么你做出的效果并不是对比，而是冲突。这就是关键：如果两个项之间不完全相同，就应但使之不同，而且应但是截然不同。

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

在页面上增加对比能吸引眼球，我们的眼睛喜欢看到对比的事物，如果页面上放置两个完全不同的元素，他们就不能类似。要实现有效的对比，这两个元素必须截然不同。

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

根本目的

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

如何实现

可以通过对字体选择，线宽、颜色、形状、大小、空间等对比手法来增强对比；增加对比很容易，途径有很多。

要避免的问题

如果他们不同，就让他们完全不同。

6 chapter 复习

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

1、  亲密性

2、  对齐

3、  重

4、  对比

7  chapter 颜色运用

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

CMYK代表Cyan（一种蓝色）、Magenta（一种红/粉红色）、Yellow（黄色）和一个Key色（通常是黑色），可以打印出千万种颜色，称为“四色处理”，用在印刷上的。

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

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

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

第三色(tertiary color )

互补：色轮上相对（即完全对立）的颜色为互补色(complement)，由于对立，所以最佳搭配是一种作为主色，另外一种用于强调。

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

间色三色组(secondarytriad): 绿色、橙色、紫色

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

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

暗色和亮色：

纯色就是色调(hue)

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

注意色质：

色质是某种颜色的特定明暗度、深浅度或色调。色质太接近，看上去会模糊不清，对比太过微弱。要避免使用类似色质的色调。

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

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

暖色和冷色：

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

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

n   如何组合暖色和冷色，一定要少用些暖色

n   冷色是后退型的，所以可以使用，更多的冷色才嫩产生效果或形成有效的对比。

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

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

设计在WEB网站上的应用

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

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