2015年拿下的第一本书,花了3天时间,之所以这么快是因为趁着多看阅读的畅读期(即在指定期限内可以阅读任意收费书籍)将放在购物车多时而舍不得买的书大快朵颐了顿。
正如书名所言,这是一本设计入门书籍,语言浅显易懂,但仍没有脱离翻译腔,和纯正的汉语相比稍显啰嗦了点儿。
书的开篇就是阐述4大法则,即亲密性、对齐、重复对比,从俺摘录的段落也可以看出,凡是落实到具体的设计都是围绕这4点展开的。
对于入门者而言,书中讲到的设计原则和技巧都非常有用,虽然在学设计前的普通人也有分辨好设计与坏设计的能力,但说不出个所以然来,了解了设计原则后,我们就能很明了地说出来为什么这是一个好(坏)设计,颇有醍醐灌顶之味。
书中有大量包装、名片、传单、信笺信封、新闻简报、宣传册、明信片、广告、Web和字体的设计示例,有正有反,并不是一本夸夸其谈的书,能让新手很直观地理解到设计的内涵。
当然也有缺点,这本书的示例全都是西文字母,后半部分中的字体设计对中文读者帮助有限,其次就是并没有对电子版进行适配,如文中给出的页码与实际页码并不匹配;练习题的答案在末尾,实体书这样还能理解,电子版无法方便地翻来翻去对照答案。
作为一本讲设计的书籍,排版和装帧非常值得称道,颇为赏心悦目。总之,如果想对设计有个全局的了解,而目前还只是个门外汉的话,那这本书非常适合你。

封面

  • (设计时)勇敢一点!大胆一点!
  • 在打破规则之前必须清楚规则是什么。

对齐小结

任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。
在设计中,统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素在页面上的物理位置可能并不靠近,但是通过适当放置,可以让它们看上去是有联系而且相关的,并且与其他信息统一。可以看看你喜欢的那些设计。一个精美的设计不论最初看上去多么杂乱无章,总能找出其中的对齐方式。

  • 根本目的

对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱中。
不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐(当然,要结合适当的字体)来达到目的。

  • 如何实现

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

  • 要避免的问题

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

重复小结

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

  • 根本目的

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

  • 如何实现

重复可以认为是保持一致性,而且我相信你早已经这样做过。现在,需要把现有的一致性更向前推进一步。可不可以专门做一个图片设计,并且将某些一致元素(如标题)作为这个图片设计的一部分?在每个页面底部或每个标题下面使用一条粗细为1点的线吗?或者是不是使用一条更粗的线(4点),使重复元素显得更明显,更生动?
再看看有没有可能增加一些纯粹为建立重复而设计的元素。是不是有一个编号项列表?可不可以使用另外一种字体或逆序数字,然后对出版物中的每一个编号列表都重复同样的处理?最初,可以只是找出现有的重复,然后将其加强。熟悉了这种思想之后,再开始创建新的重复元素,来增强设计的效果并提高信息的清晰度。
重复就像是强调你的衣着。如果一位女士穿着一件可爱的黑色晚礼服,戴着一顶别致的帽子,她可能会用红色高跟鞋、红色口红和一朵红色小花来突出她的晚礼服。

  • 要避免的问题

要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值(请看下一章以及有关字体对比的章节)。

例如,如果这位女士想穿黑色晚礼服,配红帽子、红耳环、红口红、红色手提包、红鞋和一件红上衣,重复就太滥了,现在的对比不再有统一的效果,感觉上也让人不太舒服,太多的重复将混淆重点。

印刷与Web颜色模型

关于CMYK和RGB需要记住的是:

  • 需要印刷的项目应当使用CMYK。
  • 需要在屏幕上看的内容则应使用RGB。

如果要在一个贵重的数字彩色打印机(而不是普通的4色印刷机)上印刷,可以咨询印刷机操作人员想要CMYK还是RGB中的颜色。
采用RGB的文件较小,而且Photoshop中的一些技术只适用于RGB(或者使用RGB表现最好,速度更快)。不过如果在CMYK和RGB之间来回切换,每次都会损失一点数据,所以最好用RGB处理你的图像,最后再把它们转换为CMYK。
由于RGB利用了直接进入我们眼睛的光,所以屏幕上显示的图像非常绚丽多彩,而且有丰富的背景光。遗憾的是,切换到CMYK再用油墨在纸上打印出来后,这种华美和丰富性有所损失。这是必然的,所以不必过于失望。

关于设计传单的提示

新手设计的大多数传单存在的最严重的问题是缺少对比,而且信息的表现没有层次性。也就是说,从一开始就希望让一切都很大,认为这样可以引人注意。不过,如果所有一切都很大,那么什么也不会突出,任何部分都无法吸引读者的注意。要有一个明显的中心点,并使用对比来组织信息,引导读者的视线浏览页面。

  • 创建一个中心点

在页面上放一个很大、有趣而且明显的东西。如果能让读者的视线停在这个中心点上,他们往往更有可能阅读其余的文本。
使用有对比的子标题
有了中心点之后,再使用明显的子标题(视觉上效果强烈,而且能充分地表达含义),使读者能很快扫描这个传单,确定消息的要点。如果子标题本身没意思,读者就不会有兴趣读这个传单。不过,如果根本没有子标题,读者就必须仔细读传单上的每一个词来了解它的内容,他们不会花时间解读文本,而往往会把传单随手扔掉。

  • 重复

不论标题使用难看的字体、漂亮的字体,还是以一种非同寻常的方式使用普通字体,都应该尝试在文本中适当增加同样的字体来实现重复。可能只对一个字母或一个词使用那种字体,也可以把它用作子标题、大写首字母或者项目符号的字体。字体的强烈对比能增加传单的效果。

  • 对齐

另外要记住,只选择一种对齐!不要把标题居中,然后将正文左对齐,也不要把页面上的一切都居中,然后在底部的角落里放上内容。一定要明确,要大胆。可以让所有内容都左对齐或右对齐。

关于设计新闻简报的提示

新闻简报最大的问题是缺乏对齐、缺少对比,另外使用了太多的Helvetica字体(Arial是Helvetica的一个别名)。

  • 对齐

选择一种对齐方式,然后一直坚持这种对齐。相信我,如果你保持沿着左边有一个明确的对齐边界,整个新闻简报会有一种更精美、更专业的外观。另外要让所有一切都对齐。如果使用线(线),则其起始点和结束点应当与另外某个元素对齐,如列边界或列的底部。如果照片超出列边界1/4英寸,应当剪掉这一部分。
可以看到,如果所有元素都很好地做到了对齐,适当的时候你就能打破这种对齐。不过既然要打破常规,就不要太畏缩,要么对齐,要么不对齐。如果只是稍稍偏离对齐规则,看上去则像是个失误。如果照片没有很好地与列对齐,那就大胆地让它完全冲破列的约束,而不只是稍稍超出一点点。段落缩进
第一段不要缩进,即使跟在子标题后面也是如此。如果确实要缩进,应当使用1“em”的标准排版缩进(em是字体大小点数),也就是说,如果使用11点的字体,就应当缩进是11点(大约两个空格,而不是5个空格)。段落之间要么有额外的空间,要么缩进,但不要二者都有。

  • 不要使用Helvetica

如果你的新闻简报看上去有些乏味平淡,只需对标题和子标题使用一种效果强烈的粗sans serif字体,就能立刻让它生动起来。不要用Helvetica字体。计算机所带的Helvetica或Arial字体不够突出,不能产生一种强烈的对比。应当采用一种同时包括粗黑版本和细版本的sans serif字体系列(如Eurostile、Formata、Syntax、Frutiger或Myriad)。可以尝试对标题和引用文字使用这种粗黑字体,它所带来的差别定会让你惊讶不已。

  • 正文应当可读

为了得到最佳的可读性,可以采用一种经典的oldstyle serif字体(如Garamond、Jenson、Caslon、Minion或Palatino),或者可以使用一种比较细的slab serif字体(如Clarendon、Bookman、Kepler或New Century School book)。你现在读的文字用的就是Adobe提供的Warnock Pro Light字体。如果采用sans serif字体,要预留较宽的行间距(这是主要的),行的长度应缩短。

关于设计宣传册的提示

新手设计的宣传册与新闻简报有许多同样的问题:缺乏对比,缺乏对齐,使用太多Helvetica/Arial字体。以下对设计宣传册时如何应用各个设计原则做一个简要的小结。

  • 对比

与所有其他设计中一样,对比不仅能增强页面的视觉效果,吸引读者的视线,还有助于建立信息的层次结构,使读者能够抓住要点,了解这个宣传册的主要内容。应当在元素字体、线、颜色、间隔、大小等等方面使用对比。要记住,只有对比很强烈才真正有效,如果两个元素不完全相同,那就让它们干脆截然不同,否则,看上去就会像是个失误。千万不要太保守。

  • 重复

设计中需要重复一些元素,为作品建立统一的外观。可以重复颜色、字体、线、空间布局、项目符号等等。

  • 对齐

我一直在反复强调关于对齐的内容,似乎有些啰嗦,不过这确实很重要。如果对齐做得不好,这个问题会一直困扰你。明确而鲜明的边界可以营造一种强烈、尖锐的感觉。如果结合采用了多种对齐方式(一个作品中同时使用居中、左对齐和右对齐),往往会给人一种草率而无力的印象。
有时你可能希望有意地打破单一的对齐方式(我在前面一页就是这么做的);如果你有其他对齐方式与这种突破形成对比,也是可以的,但仅限于这种情况下使用。

  • 亲密性

亲密性就是把类似的项分在一组,让它们靠得更近,像宣传册这样的设计中这一点尤其重要,因为宣传册里一个主题下有许多子主题。各项相互之间有多近或者相距多远,这会反映出项之间的关系。
要有效地建立空间布局,必须知道如何使用你的(编辑)软件在段落之间留出空间(前空间或后空间),而不是简单地按两次回车。如果段之间是两个回车,会产生太大的空隙(而你往往并不需要这么大的间隔),这就会把本来应当相互靠近的两项分开。如果千篇一律地使用两个回车,标题或子标题的上面和下面会有同样大小的空间(这并不是你所希望的),而且这会使项目列表中本来应该靠得更近的各项分离。好好学学如何使用你的编辑软件!

关于设计明信片的提示

你只能在很短的时间内用邮箱里一张简简单单的明信片来抓住别人的注意力。不论你的明信片有多大,如果明信片本身的设计不能吸引他们注意,他们就不会读你的明信片。

  • 关键是什么

首先要确定你想达到什么效果。你希望读者认为你宣传的是一个昂贵的,绝无仅有的商品吗?那你的明信片最好看上去也要像商品一样的昂贵和专业。你是不是希望读者认为他们拣到了便宜?那你的明信片就不能太过精美。折扣商店往往会花额外的资金让自己看起来备有物美价廉的商品。Saks Fifth Avenue与Kmart看上去就不同,从停车场到休息室的安排都有很大区别,这绝不是个偶然。并不是说Kmart在装修上比Saks花的钱少。每种外在效果都自有其独特而确定的用途,而且针对各自特定的市场。

  • 吸引人注意

其他出版物的设计原则也同样适用于直邮明信片:对比,重复,对齐和亲密性。不过,明信片必须在很短的时间内吸引别人来阅读。因此要大胆一些,不论是油墨还是纸料都应当选用明快的颜色。要使用让人震撼的图片,目前有很多非常棒而且很廉价的图库,你可以用各种各样有创意的方法使用这些图片。

  • 对比

设计明信片时,对比可能是最好的朋友了。标题应当与其余文本形成强烈对比,打印的颜色之间以及打印颜色与纸料颜色之间也应当有强烈的对比。另外不要忘了空白也能产生对比的效果!

关于设计报纸广告的提示

报纸广告的最大问题之一是太过拥挤。许多花钱在报纸上登广告的客户和企业都认为要把每一块空间都填满,因为每一块版面都是花了钱的。

  • 对比

对于报纸广告的设计,不仅广告本身需要对比,广告与它所在那一页报纸上的其他内容也要有对比。在这种广告中,产生对比的最佳方法就是利用空白。报纸上往往充斥着大量内容,显得非常挤。如果一个广告包含大量空白,就会在这页报纸上脱颖而出,读者的眼睛不由自主地就会受它的吸引。你可以自己试试看。打开一张报纸(或者一页电话簿),快速扫一遍。我相信,这一页上哪里有空白,你的眼睛可能就会朝那里看过去。之所以会这样,就是因为空白在拥挤的页面上提供了一种强烈的对比。
留出空白后,不必为了产生强烈效果与其他内容竞争而对标题使用又大又胖的字体。实际上标题可以用一种漂亮的script字体或者经典的oldstyle字体,而不要使用粗笨的字体。

  • 字体选择

报纸用纸是一种渗水的粗糙纸张,然后在上面印上油墨。所以不要使用精巧的小serif字体(有截线的字体),也不要使用很细的线,印报纸时它们会变粗,除非你把字体设置得足够大,能清楚地显示截线和笔划。

  • 反色文字

要尽可能避免使用反色文字(深色背景上的白色文字),不过,如果必须如此,就要确保使用一种合适的字体,其中没有细线,否则油墨散开时就会占满这些细线。与不使用反色相比,反色设置字体时往往要使用稍大稍粗的字体,这是因为视觉幻觉会使反色文字看上去要小一些,细一些。

关于设计网页的提示

在一个好的Web设计中,最重要的两个因素就是重复和清晰。应当无需访问者努力去找出如何使用网站的导航系统,并明确他们在网站中的哪个位置,以及是否还在你的网站中或者已经跳到了其他网站。

  • 重复

在网站的每一个页面上重复某些视觉元素。这不仅能让访问者知道他们还在你的网站中,还可以提供一种统一性和连续性,这是所有优秀设计必不可少的特性。
到了内容页上,访问者应当能在相同的位置、以同样的顺序找到有同样图片的导航系统。这不仅能让访问者很容易地访问你的网站,还能为所有页面提供一种统一性因素。

  • 可读性

在屏幕上读文本相当费劲,不论是通过电视、视频还是计算机,都不轻松。所以需要对Web页面上的文本做一些调整,确保尽可能地便于阅读。
与纸上相比,网页上的行宽要更短。正文绝对不应超出网页的总宽度,这说明,必须把文本放在一个表中(或者至少使用块缩进,即文本在左边和右边同时缩进)。不过,使用太短的行宽也不好,这样会导致不得不过多地将句子断开。
如果指定文本以某种字体出现(如果没有这个要求,那就不用看下面的内容了),通常会指定Helvetica或Arial以及Times或Times Roman,请指定Geneva而不是Helvetica,另外应当指定New York而不是Times。这样文本在Macintoshes上显示时将简洁得多,而且更容易阅读。(如果你使用的是Mac机器,可以把默认字体设置为New York而不是Times,你会惊异地发现现在读网页是多么容易。但在打印网页之前,要把字体改回为Times)。所有最近几年更新的操作系统上都提供了Verdana字体,这是显示Web正文的一个绝好的选择。

腹黑技巧

告诉你一个方法,这是我们在图形设计课上经常使用的技巧,如果一个客户坚持他自己拙劣的设计,不想再认真考虑你更精美的作品,就可以采用这个技巧。展示他的设计时先搞得一团糟。比如(有意)洒点咖啡上去,把边缘弄得参差不齐,划上钢笔印,放得不整齐,诸如此类。展示你认为更棒的设计时则要做得干净漂亮,用非常好的纸张打印,把它们贴在展示板上,覆一层保护膜等等。这样一来,大多数情况下客户都会考虑你的作品,并相信你的作品确实比他原先的想法更好,而且由于他是一个VIP(而你已经脱离这个行列),他无法指出自己为什么做不到这么好,只是印象中你的设计看上去更棒。不要害怕告诉别人这是我说的)。