写在前面
作者将设计原理凝练为了亲密性、对齐、重复、对比四个基本原则,在日常工作中对排版、PPT报告有很大的指导意义。下面是书中的一些摘录,可阅读原书感受大量的设计实例。
译者序
复杂的设计原理在这里被浓缩为4个词:亲密性、对齐、重复和对比。
约书亚树:四大基本原则
对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面。
重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。
对齐(Alignment)
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
亲密性(Proximity)
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
亲密性
微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3~5个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。
对齐
外观,这种外观显得更为中规中矩,但通常也很乏味。请注意你喜欢的那些设计。我敢保证,大多数看来精巧的设计都没有采用居中对齐。
重申一句:应当找一条明确的对齐线,并用它来对齐。
规则都是用来打破的。但是必须记住,关于打破规则本身也有一条Robin规则:在打破规则之前必须清楚规则是什么。
对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱中。
重复
Robin重复原则指出,“设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线,某个项目符号、颜色、设计要素,某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。
不要把重复用得太滥,而应当尽量“采用多样性实现统一”。也就是说,如果一个重复元素很明确(如一个圆),那么可以采用多种不同方式重复这个圆,而不是简单地重复同一个圆。
设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。
重复的目的就是统一,并增强视觉效果。
对比
对比是为页面增加视觉效果的最有效的途径之一,很容易吸引读者去看一个页面;另外对比还能在不同元素之间建立一种有组织的层次结构。
要记住一个重要规则:要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。
对比就像需要修补一处漆记时配漆一样,不能大概地配色,颜色要么配得完全相同,要么就得把整面墙都重漆一遍。
对比的根本目的有两方面,这两个方面相辅相成,无法分开。一个目的是增强页面的效果,如果一个页面看起来很有意思,往往更有可读性。另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织,以及从一项到另一项的逻辑流程。对比元素不能让读者混淆,也不能错误地强调重点(即本不该是重点的元素)。
不要犹豫。如果你想形成对比,就加大力度。
复习
有关设计(同时也是有关生活)的一个更一般的指导原则是不要畏畏缩缩:
(1)不要害怕在设计(或生活)中留有空白,这能让你的眼睛(以及心灵)稍作休息。
(2)不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈。尽管不建议使用居中,不过有意这么做也无不可。
(3)不要害怕把单词设置得非常大或非常小,不用担心说话声太大或者太小。在合适的场合这都是可以的。
(4)只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小。
我最希望的是能向你潜移默化地灌输一种思想,使你提高视觉敏感度。
颜色运用
色原理论可以非常深入、非常复杂,不过在这一章中,我只打算对色轮做简要的解释,并介绍如何使用色轮。
不同凡响的色轮
色轮的基础是黄、红和蓝3种颜色。这些颜色称为三原色(primary color)。在色轮上按均匀的间隔放置三原色。
你小时候使用蜡笔和水彩时可能已经注意到,黄色加蓝色可以变成绿色;蓝色加红色可以得到紫色;而红色和黄色混合就得到了橙色。在三原色之间放上这些三间色。
现在用第三色填满所有空白,这就构成了色轮。好戏就要上演了。
颜色关系
一、互补
色轮上相对(即完全对立)的颜色为互补色(complement)。由于它们如此对立,所以最佳搭配是一种作为主色,另一种用于强调。
二、三色组
彼此等距的三种颜色通常会形成一个让人愉悦的三色组(triad)。红色、黄色和蓝色就是一种极其流行的颜色组合,儿童产品通常都采用这种组合。由于这是三基色,所以这种组合也称为基色三色组(primary triad)。
三、分裂互补三色组
另一种形式的三色组称为分裂互补三色组(split complement)。从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。以下是这种组合的两个例子。
</im
四、类似色
类似色(analogous)组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色,它们都有相同的基础色,这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色(亮色和暗色将在下一页解释),效果将相当醒目!
</im
暗色和亮色
我们使用的基本色轮只涉及纯“色调”,也就是纯色。还可以向不同色调增加黑色或白色,这样能大幅扩展这个色轮,相应地丰富我们的选择。
</im
单色组合(monochromatic combination)由一种色调及其相应的多种亮色和暗色组成。
最有意思的是,还可以完成暗色和亮色的组合,也就是选择93~97页介绍的4种颜色关系之一,不过并不使用色调,而是使用这些颜色的不同亮色和暗色。这样能大大丰富你的选择,而且完全可以放心这些颜色的协调性。
注意色质
色质是指某种颜色的特定明暗度、深浅度或色调。
暖色与冷色
颜色往往要么是暖色(这说明,其中包含红色或黄色),要么是冷色(说明其中包含蓝色)。
我希望你记住更实用的一点,冷色总趋于后退,而暖色是趋进型的。暖色不费多大功夫就能产生效果,红色和黄色能立即映入你的眼帘。所以,如果要组合暖色和冷色,一定要少用些暖色。
CMYK与RGB,印刷与Web
在RGB模型中,如果混合红色和绿色,可以得到黄色。
这是因为组成RGB的有色光束并不是从任何物理物体反射来的,这是直接从显示器传入你眼睛的光。如果将所有颜色混合在一起会得到白色,如果去掉所有颜色,则得到黑色。
关于CMYK和RGB需要记住的是:(1)需要印刷的项目应当使用CMYK;(2)需要在屏幕上看的内容则应使用RGB。
不过如果在CMYK和RGB之间来回切换,每次都会损失一点数据,所以最好用RGB处理你的图像,最后再把它们转换为CMYK。
更多提示与技巧
10点或11点大小的字体在书中看起来很正常,但是放在一张小名片上就会看起来很庞大。
传单不要使用Times、Arial或Helvetica字体。
关于设计网页的提示:Verdana字体,这是显示Web正文的一个绝好的选择。
字体对比有6种明确的不同方式:大小、粗细、结构、形状、方向和颜色。
结构,不要把同一个类别中的两种字体放在同一个页面上。它们之间的相似性是无法避免的。
颜色,要记住暖色(红色、橙色)是前进型的,会引起我们的注意。我们的眼睛很受暖色的吸引,所以只需很少的一点红色就可以产生对比。另一方面,冷色(蓝色、绿色)则是远离型的,总是在我们的视线中后退。