这是我很欣赏的一本设计书，从来都没有想到原来设计有那么多隐含的规律，细节更加显得可贵。从图书馆借来看了几天，很喜欢这本书，排版非常漂亮，但是希望保留书本上一些经典的实例，于是又下载了电子档。虽然我没有设计背景，但是这本书非常容易理解，实例许多，图文并茂，可以感受到作者丰富的设计经验，也给予自己深深的启迪。

第一部分 设计原则

四大基本原则

 对比 （Contrast） ：避免页面上的元素太过相似（字体、颜色、大小、线宽、形状、空间等）太                         似；产生视觉联系，建立一种清晰，精巧而且清爽的外观

 重复 （Repetition）：让设计中的视觉要素在整个作品中重复出现；

                    增加条理性，加强统一性；

 对齐 （Alignment）：任何东西都不能在页面上随意安放；

亲密性（Proximity）：彼此相关的项应当靠近，归组到一起；

                    eg1：字体由上到下是粗中细；

                    eg2:字体首字母大写取代全部大写；

 

第二章亲密性原则

Robin亲密性原则：将相关的组织项组织在一起。（下面同为花名）

http://s2/mw690/003vCQrrty6GK4sGhZDa1&690

http://s14/mw690/003vCQrrty6GK4sQg8J7d&690

http://s4/mw690/003vCQrrty6GK4AK3HJ73&690


http://s7/bmiddle/003vCQrrty6GK4sXOqG26&690

http://s3/mw690/003vCQrrty6GK4t5nSq32&690

http://s8/mw690/003vCQrrty6GK4tt9dR67&690

http://s12/mw690/003vCQrrty6GK4DtOMr0b&690

http://s3/mw690/003vCQrrty6GK4PrvTY62&690

http://s9/mw690/003vCQrrty6GK4PGIK4b8&690

注意：

1.原文本全部大写，占据所有空间，可以把字体设置为小于12点。

2.把Staters 和Entrees 字体放大，其余内容缩进，对比原则。

3.数字右对齐，清晰而摆放一致。

http://s6/mw690/003vCQrrty6GK4W0CaNd5&690

http://s3/mw690/003vCQrrty6GK4VlDxwa2&690

 

第三章：对齐原则

Robin对齐原则：任何元素都不能在页面上随意安放，每一项都应该与页面上的某个内容

http://s8/mw690/003vCQrrty6GK59eCsn77&690

http://s14/mw690/003vCQrrty6GK59DE5f1d&690

http://s9/mw690/003vCQrrty6GK59NCvS38&690

http://s11/mw690/003vCQrrty6GK59V4yS2a&690

http://s11/mw690/003vCQrrty6GK5gPiKmca&690

http://s7/mw690/003vCQrrty6GK5gpvuK06&690

 

分析：

1.第一段都不缩进

2.找一条明确的对齐线，并坚持以它为基准。如：标题和子标题全部左对齐

3.注意文本的锯齿形边界

 

 

第4章：重复

重复元素可以是一种粗字体，一条粗线，某个项目的符号，颜色，设计要素，某种格式，空间关系等。

http://s15/mw690/003vCQrrty6GK5lO9n85e&690

http://s9/mw690/003vCQrrty6GK5lVuVGd8&690

http://s10/mw690/003vCQrrty6GK5uFdwd79&690

http://s11/mw690/003vCQrrty6GK5uUnLcca&690

http://s2/mw690/003vCQrrty6GK5vdJTz91&690

http://s13/mw690/003vCQrrty6GK5vhYMkec&690

http://s4/mw690/003vCQrrty6GK5vlMCn33&690

第5章：对比

如果2个项不完全相同，就当使之截然不同。

http://s6/mw690/003vCQrrty6GK5CoqGN45&690 

http://s13/bmiddle/003vCQrrty6GK5C5v6k1c&690

1：将标题大写改为小写，节省更多空间；

2：既然是一本书的广告，就要把书显示得更大；

3：重复方面，选择非常粗的字体。

4：正面图片过多，这里把人物图片放到了背面；

http://s8/mw690/003vCQrrty6GK5D6X2va7&690

http://s11/bmiddle/003vCQrrty6GK5CU4XM0a&690

http://s9/mw690/003vCQrrty6GK5CAfc448&690

http://s5/mw690/003vCQrrty6GK5DArSkc4&690

http://s8/mw690/003vCQrrty6GK5Dmf5B37&690
http://s8/mw690/003vCQrrty6GK5R7Osva7&690

产生某种视觉联系。

http://s10/mw690/003vCQrrty6GK3E6SQ9e9&690

http://s8/mw690/003vCQrrty6GK3Gn37hd7&690

http://s11/mw690/003vCQrrty6GK3Gyd8Cfa&690

 

关于颜色的一些基本知识：

　　一、色轮 
　　二、颜色关系 
　　1、互补色 
　　2、三色组： 
　　3、分裂互补三色组： 
　　4、类似色： 
　　5、暗色与亮色：

图片中的标注为“A”的即是三原色，也即是红色、黄色、蓝色，这三种颜色是无法通过其他颜色的混合来创建的。而使用这三种颜色的任意两种等量混合则可以创建出三间色（B），比如红色与蓝色的混合得到紫色、黄色与红色的混合得到橙色、蓝色与黄色的混合得到绿色。任一三原色与其相临的三间色的组合成创建出第三色（C）。

在色轮表上，相对的两个颜色即组成互补色，由于互补色中的两个颜色是对立的，所以使用其中的一种为主色，另一种颜色则用来做为强调色，可以形成比较鲜明的对比。

而在色轮表上，彼此等距的三种颜色则形成三色组，比如三原色形成的三色组称之为基色三色组，而三间色形成的三色组则称之为间色三色组。而另一种形式的分裂互补三色组则是由某个颜色与其互补色两边的颜色组成的。

色轮表上彼此相临的颜色组成类似色，不管这些相临的颜色是两种还是两种以上，他们都有相同的基础色。

对于一个设计中的颜色来说，仅仅是依靠这些基本的色调是不行的，设计中有明暗的表现，所以也就有了亮色与暗色。亮色即是向色调中增加白色，同理暗色即是向色调中增加黑色。如色轮表上所显示的，暗色的最终即为黑色，而亮色最后即是白色。

由一种色调及其相应的多种暗色与亮色的组合即称为单色组合。

在单色组合中，如果暗色或是亮色过于接近的话，就会导致画面的模糊不清晰，比如在浅灰色的背景上写上白色的字时，字体会变得模糊不清。其实这不仅是在单色组合中才会出现，这是由于色质太过于接近导致对比过于微弱而引起的。色质即是指某种颜色的特定明暗度、深浅度或是色调。

就像人类有男人跟女人之分一样，颜色也有暖色与冷色之分。暖色即意味着其中包含红色或是黄色，冷色则是其中包含蓝色。对于同等程度的强调意义来说，暖色只需要一点即可达到，而冷色则往往需要更大面积的展示。这在一定程度上与暖色是趋进型的，而冷色是后退型的相关。

 

　三、如何建立亮色与暗色： 
　　 
　　四、注意色质 
　　色质是指某种颜色的特定明暗度、深浅度或色调。 
　　如果色质很接近，看上去会有些模糊不清，对比太过微弱。 
　　如果设计要求使用有类似色质的色调，一定要尽力避免它们挨在一起，另外每种色调的用量也不要完全相同。 
　　五、暖色与冷色 
　　颜色往往要么是暖色（这说明，其中包含红色或黄色），要么是冷色（说明其中包含蓝色）。 
　　不过，我希望你记住更实用的一点，冷色总趋于后退，而暖色是趋进型的。 

第二部分：字体设计

　　一、怎么样使用字体 
　　1、协调 
　　如果选择只使用一种字体，页面上的所有元素都采用同样性质的字体，这种设计就是协调的。 
　　 
　　2、冲突 
　　如果在同一个页面上设置了两个或多个类似的字体，它们并非完全不同，但也不完全相同，这个设计就是冲突的。 
　　 
　　3、对比 
　　强烈的对比能吸引我们的视线。要在设计中增加对比，最有效、最简单而且最让人满意的方式之一就是利用字体。 

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------二、字体六大类型 

 

　二、字体六大类型 
　　1、Oldstyle 
　　Oldstyle字体几乎没有什么显著的特征会影响阅读，它们本身不会分散人的注意力。如果你希望人们具体去读某些文字，可以选择设置为Oldstyle字体。 
　　 
　　2、Modern 
　　由于有剧烈的粗/细过渡，在显示大量正文时，大多数Modern字体都不是很好的选择。细线几乎会完全消失，而粗线太过突出，在页面上这种效果称为“眩目”。 
　　 
　　3、Slab serif 
　　因为它们的笔画比较粗，而且粗细相对单一。由于其简洁直接的外观，Slab serif常在儿童图书中使用。 
　　 
　　4、Sans serif 
　　Sans serif字体的粗细几乎总是单一的，笔画中几乎没有可见的粗/细过渡，字体的粗细都一样。 
　　Tabitha的活力四射与Optima的古典美正好形成鲜明的对比。 
　　 
　　5、Script 
　　Script字体就像是奶酪蛋糕，要少用，这样才不会让人觉得恶心。 
　　 
　　6、Decorative 
　　很易于使用，有时更廉价，而且你一时想表达的任何突发奇想都可以使用这种字体。 
　　有时名人名言使用Decorative字体非常合适。

http://s9/mw690/003vCQrrty6GK440ISk18&690

http://s3/mw690/003vCQrrty6GK44buIW42&690

http://s10/mw690/003vCQrrty6GK44vZLrb9&690

http://s8/mw690/003vCQrrty6GK44AUx907&690

http://s5/mw690/003vCQrrty6GK44FZd214&690

 

　第三部分 不同体裁的设计原则 
　　涵盖企业名片、信笺、信封、传单、新闻简报、宣传册、明信片、报纸广告和网站。 
　　 
　　一、企业名片 
　　除了主色之外，如果还使用了第二种颜色（辅色），则用量一定要少。大多数情况下，第二种颜色只需稍稍用一点（不要在名片上通篇覆盖辅色），这样效果会更好。只需稍稍点缀，你会得到更大的回报。 
　　ps：名片上没有必要写上email和web site等字眼，人们一眼就能看出来这些项是什么。 
　　①格式：是水平的or垂直的 
　　②字体大小：有时，把字体设置的足够大，足以使老人都能很容易看清楚，不如强调名片设计的整体、精美效果。 
　　③创建名片、信笺和信封共有的一致图像 
　　 
　　二、信笺和信封 
　　从你选择的纸张质量，到设计、颜色、字体和信封，其中暗含的内容应该能够提升企业的形象。 
　　①信笺和信封应当与企业名片一起设计。它们看上去应该同属一体，如果你给别人一张企业名片，随后又给他寄了一封信，肯定希望这两样能互相强调。 
　　②创建中心点 
　　应该有一个最突出的主导元素，而且在信笺和信封（以及企业名片）上都应当同样有这个主导元素。一定要避免信笺使用乏味的顶部居中布局！ 
　　③对齐 
　　为信纸选择一种对齐方式 
　　④第二页 
　　如果有条件增加第二页信纸，可以取第一页上出现的一个小元素，第二页上只使用这个小元素而不放其他内容。 
　　⑤传真与复印 
　　如果计划通过传真或复印机发送你的信笺，不要选择深色或者带很多小点的纸张。 
　　 
　　三、传单 
　　传单是最适合使用不同有趣字体的地方之一，而且使用有趣的字体也是让人注意标题的一种最佳方法。 
　　如果所有一切都很大，那么什么也不会突出，任何部分都无法吸引读者的注意。要有一个明显的中心点，并使用对比来组织信息，引导读者的视线浏览页面。 
　　①创建一个中心点 
　　②使用有对比的子标题 
　　③重复 
　　④对齐 
　　 
　　四、新闻简报 
　　多页出版物最重要的特性之一就是一致性，或重复。每一页看上去应当是属于整个出版物的一部分。可以通过颜色、图片风格、字体、空间布局、重复某种格式的项目列表、照片周围的边框、图题等等来实现这一点。 
　　新闻简报最大的问题是缺乏对齐、缺少对比，另外使用了太多的Helvetica字体（Arial是Helvetica的一个别名）。 
　　①对齐 
　　②段落缩进 
　　第一段不要缩进，即使跟在子标题后面也是如此。如果确实要缩进，应当使用1 em的标准排版缩进（em是字体大小点数）。 
　　③不要使用Helvetica 
　　应当采用一种同时包括粗黑版本和细版本的sans serif字体系列（如Eurostile、Formata、Syntax、Frutiger或Myriad）。可以尝试对标题和引用文字使用这种粗黑字体。 
　　④正文应当可读 
　　为了得到最佳阅读性，可以使用一种经典的oldstyle serif字体，或者使用一种比较细的slab serif字体。 
　　 
　　五、宣传册 
　　读宣传册中各个面的顺序应该就是读者打开这个宣传册的顺序，也就是说，你希望读者按什么顺序读宣传册中的各个面？ 
　　 
　　六、明信片 
　　由于明信片直观而直接，不需要信封，也不需要信纸，所以明信片是吸引人注意的一种极佳的办法。出于同样的原因，如果明信片设计得很丑陋，很乏味，那它只会浪费每一个人的时间。 所以，为了避免这种浪费，要记住以下几点： 
　　与众不同 
　　成“系列”。 
　　明确具体。明确告诉收明信片的人，他们会得到怎么样的好处 
　　力求简练。 
　　尽可能使用颜色 
　　 
　　七、报纸广告 
　　报纸广告的最大问题之一是太过拥挤。许多花钱在报纸上登广告的客户和企业都认为要把每一块空间都填满，因为每一块版面都是花了钱的。 
　　空白！ 
　　机敏。没有什么能比一条机敏的标题更能吸引人了。 
　　清楚。一旦你的标题吸引了读者的注意，接下来你的广告就要具体告诉读者该做什么。 
　　简洁。 
　　尽可能使用颜色 
　　 
　　八、网站 
　　一个好的web设计中，最重要的两个因素就是重复和清晰。 
　　重复：在每一个页面上重复某些视觉元素。 
　　可读性：网页上的行宽要更短。 
　　 
　　第四部分 字体的六大类型 
　　一、怎么样使用字体 
　　1、协调 
　　如果选择只使用一种字体，页面上的所有元素都采用同样性质的字体，这种设计就是协调的。 
　　 
　　2、冲突 
　　如果在同一个页面上设置了两个或多个类似的字体，它们并非完全不同，但也不完全相同，这个设计就是冲突的。 
　　 
　　3、对比 
　　强烈的对比能吸引我们的视线。要在设计中增加对比，最有效、最简单而且最让人满意的方式之一就是利用字体。