目　录　Contents

本书适合你吗

译者序

第一部分　设计原则　Design Principles

1　约书亚树

4大基本原则

2　亲密性

亲密性小结

3　对齐

对齐小结

4　重复

重复小结

5　对比

对比小结

6　复习

亲密性

对齐

重复

对比

小结

7　颜色运用

不同凡响的色轮

颜色关系

暗色和亮色

注意色质

暖色与冷色

如何取舍

CMYK与RGB，印刷与Web

8　更多提示与技巧

创建包装

企业名片

关于设计企业名片的提示

信笺和信封

关于设计信笺和信封的提示

传单

关于设计传单的提示

新闻简报

关于设计新闻简报的提示

宣传册

关于设计宣传册的提示

明信片

关于设计明信片的提示

报纸广告

关于设计报纸广告的提示

网站

关于设计网页的提示

第二部分　字体设计　Designing With type

9　字体（与人生）

协调

冲突

对比

小结

10　字体类别

Oldstyle

Modern

Slab serif

Sans serif

Script

Decorative

有意识地去做

小结

11　字体对比

大小

粗细

结构

形状

方向

颜色

结合多种对比

小结

第三部分　其他　Extras

12　你掌握了吗

过程

练习

好的——重新设计！

13　测验答案

14　本书所用字体

附录

OpenType

迷你术语表

资源

索引

The Non-Designer's Design Book Third Edition

写给大家看的设计书

（第3版）

［美］Robin Williams　著

苏金国　刘亮　译

人民邮电出版社

北　京

图书在版编目（CIP）数据

写给大家看的设计书：第3版／（美）威廉斯（Williams, R.）著；苏金国，刘亮译．—北京：人民邮电出版社，2008.11

书名原文：The Non-Designer's Design Book

ISBN 978-7-115-18812-0

Ⅰ．写…　Ⅱ．①威…②苏…③刘…　Ⅲ．版式—设计　Ⅳ．TS881

中国版本图书馆CIP数据核字（2008）第138413号

内　容　提　要

本书出自一位世界级设计师之手。复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格，将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前。本书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

本书适用于各行各业需要从事设计工作的读者，也适用于有经验的设计人员。

写给大家看的设计书（第3版）

◆　著　　　　［美］Robin Williams

　　译　　　　苏金国　刘　亮

　　责任编辑　王慧敏

◆　人民邮电出版社出版发行　　北京市崇文区夕照寺街14号

　　邮编　100061　　电子函件　315@ptpress.com.cn

　　网址　http://www.ptpress.com.cn

　　北京　　　　　　印刷

◆　开本：800×1000　1/16

　　印张：13.75

　　字数：307千字　　　　　2008年11月第1版

　　印数：1—4000册　　　　2008年11月北京第1次印刷

著作权合同登记号　图字：01-2007-2673号

ISBN 978-7-115-18812-0/TP

定价：39.00元

读者服务热线：(010)88593802　印装质量热线：(010)67129223

反盗版热线：(010)67171154

本书适合你吗

Is this book for you?

有些人需要设计页面，但完全没有设计背景，或者在设计方面没有经过正规培训，本书正是为这些人所写的。本书并不只针对那些设计光鲜包装或者“宏篇”宣传册的人，我所指的可以是普通的秘书，也许老板刚刚要求他们设计时讯报道；或者是某个活动的志愿者们，正准备发布有关活动的信息；也可能是小企业负责人，正在自己设计广告；或者是那些聪明的学生，他们深谙一个秘诀：论文越漂亮，越有可能得高分；也许是那些专业人员，他们认识到演示稿越吸引人就越能受到好评；也可能是教师，他们知道，如果讲授的信息组织得当，学生就能更好地接受并做出反应；还可能是统计人员，他们会发现数字和统计结果经过适当的组织，也能让人乐于阅读而不是使人昏昏欲睡，诸如此类的还有很多很多。

本书假设你没有足够的时间或者兴趣来专门学习设计和排版技术，但是又很想知道如何才能让页面看上去更好一些。倘若如此，本书肯定会令你满意。我们的前提很老套，还是那句格言：知识就是力量。看到一个设计得不好的页面时，大多数人可能会说他们不喜欢这个页面，但是对于如何修改却毫无头绪。本书指出了4大基本概念，几乎每一个精良的设计中都用到了这4个概念。这些概念非常明确也很具体。如果你不知道哪里出了问题，又怎么能进行修正呢？一旦认识了这些概念，就会注意到你的页面中是否已经应用了这些概念。只有找出问题所在，方能得出解决方案。

仅仅靠这样一本书，并不能完全取代设计学院里4年的正规学习。我并不指望你在读完本书后就立刻成为一个才华过人的设计人员。不过我敢保证，你再也不会以原来的眼光看页面了。我相信，如果遵循了这些基本原则，你的设计看上去会更专业、更有条理、更统一，也更有趣。你会感到自己已经具备了一定的水平。

放轻松，我们开始吧。

译者序

严格地说，这不是一本计算机图书，它适用于各行各业与文字打交道的人，你会从中充分领略到设计之美。复杂的设计原理在这里被浓缩为4个词：亲密性、对齐、重复和对比。尽管作者已经强调，本书并不能取代设计专业4年的正规学习，但如果能真正掌握本书的精髓，能在页面设计中充分应用这些原则，那么别人一定无法怀疑你的专业水平。

在翻译过程中，我们深深地感受到了作者设计经验的丰富，更难能可贵的是，她将这些经验加以概括并整理，用最简洁凝炼的笔调道出其真谛。为了不与全书的明快风格相悖，我们就不再罗列它的诸多优点了，请读者自己细细品味吧！

全书由苏金国、刘亮担任主要翻译，并得到王恒、牛亚峰和王小振的大力协助。译文中难免有翻译不当之处，敬请批评指正。

译者

2008年5月

现在，印刷品和出版物之多绝对今非昔比。

作为广告、宣传册或图书的出版发行人，

每一位出版者都希望读者能轻松地阅读他们的作品。

出版者乃至读者都希望出版物的重点突出，

主题明确，尤其是读者对这方面的要求尤显强烈。

如果读起来很费劲，读者根本不会为它劳神，

反之，对于看上去赏心悦目、条理清晰的读物，

读者则会喜爱有加，因为这将有助于他们的理解。

出于这个原因，重要的部分必须突出，

不重要的部分则要淡化……

现代排版技术也必须适当改进

才能跟上时代发展的速度。

如今，我们再不能在一个小小的信笺

或其他环节上花费太多工夫，

即使是距离现在不算太远的19世纪90年代

为此所花的时间

如今看来也让人无法接受。

人们通常

都很教条地去追求可读性，并且

常常因过分强调而变得

千篇一律。

Part 1

第一部分

设计原则

本部分内容

第1章　约书亚树

第2章　亲密性

第3章　对齐

第4章　重复

第5章　对比

第6章　复习

第7章　颜色运用

第8章　更多提示与技巧

1　约书亚树

第1章

本章篇幅较短，将从一般意义上解释4大基本原则，各个原则将在后面的章节中更详细地解释。不过，首先我想告诉你一个小故事，正是这个小故事使我意识到，能够准确陈述问题是何等重要，因为明确这些原则是掌握它们的关键。

很多年前的一个圣诞节，我收到一份圣诞礼物，是一本关于如何认识各种树的书。那时我住在父母的家里，所有礼物都打开后，我决定出去走走，认一认邻居家的树。出去之前我读了书的一部分。其中提到的第一种树是约书亚树，只需要两个线索就能认出它。由于约书亚树相当怪异，所以看到书中它的照片时，我对自己说：“哦，北加利福尼亚绝对没有这种树。这种树太怪异了。如果我见过，肯定应该有印象，可我以前从来没有见过。”

之后我拿着这本书走出去。我的父母住在一个小巷子里，这里共有6家住户。其中4家的前院里都赫然立着约书亚树。我住在那里已经有13年了，而我此前从来没有注意过约书亚树。我在这个街区转了转，发现似乎每一家布置新居时苗圃里都有约书亚树卖，至少80％的住家前院都种有约书亚树。而我在此之前居然从来没有注意过！在我知道了这种树之后，我是说在我能够说出它的名字后，它就无处不在了。这正是我要说的：一旦能够说出什么东西的名字，就会很容易注意到它。你就会掌握它，拥有它，使它在你的控制中。

所以，下面先来看看有哪些设计原则，知道它们的名字，然后你将逐步控制页面。

4大基本原则

以下是对基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。尽管我在后面将逐个讨论各个原则，不过要记住，它们实际上是相互关联的。只应用某一个原则的情况很少。

对比（Contrast）

对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。

重复（Repetition）

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

对齐（Alignment）

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

亲密性（Proximity）

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

一点说明

从繁杂的设计理论中抽取这4条原则时，我考虑过，这些概念性思想应该有一个合适的、便于记忆的缩写词，可以帮助人们记住这些原则。尽管缩写词很好记，但并不太合适①，实在抱歉。

2　亲密性

第2章

在新手的设计中，单词、短语和图片四处分布，连角落也不放过，它们占据了每一处空间，以至于根本没有任何留白，这种情况比比皆是。看上去似乎是设计者们不敢留有空白。不过要知道，如果一个设计中充斥着太多的内容，这个页面会显得杂乱无章，读者也无法从中很快看到所需的信息。

Robin亲密性原则是指：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。

如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性（即不应靠近），这样就能为读者提供一个直观的提示，使读者马上了解页面的组织和内容。

下面这个简单的例子很好地阐释了这个概念。在列表的左边，你对所有这些花会怎么想？是不是认为它们都拥有某种共同的东西？对于右边的列表，你又是怎么想的呢？看上去，后4种花与其他的花有些不同。这一眼就能感受到，而且认识到这一点根本无需任何提醒。你很清楚后4种花与其他花有所不同，因为它们与列表中的其他项物理上是分开的。这正反映了亲密性的概念，在一个页面上，物理位置的接近就意味存在着关联（实际生活中也是如此）。

来看看下面这个企业名片的布局，这是一种很典型的布局。在这样小的空间里你看到多少个单独的元素？你的眼睛要停下来多少次才能看全这张名片上的所有信息？

你的眼睛是不是停过5次？当然，这个小小的名片上放置了5项孤立的内容。

你是从哪里开始的？可能是从中间，因为中间的短句字体最粗。

接下来看什么？是不是按从左向右的顺序读？（因为这是英语）

如果已经读到名片的最后（即右下角），你的目光又会移向哪里？

你是不是还会全盘再巡视一番，确保自己没有遗漏任何角落？

如果再添点乱，情况会怎样呢？

现在有两个元素都是粗体，你又该从哪里开始呢？从左上角吗？还是从中间开始？

读完这两项之后，接下来看什么？也许你会在这些粗体词之间看来看去，紧张兮兮地想找出角落里还隐藏着哪些词尚未看到。

你知道什么时候才算完吗？

你的朋友是不是也像你这样？他们会不会用不同的方式读这个名片？

如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性（即紧密性）意味着存在关联。

如果把类似的元素组织为一个单元，马上会带来很多变化。首先，页面会变得更有条理。其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外，“空白”（字母以外的空间）也会变得更有组织。

之前的名片存在这样一个问题：名片上的每一项看上去都与其他任何项没有关联。这样一来，首先不清楚从哪里开始读名片，另外不知道何时才算结束。

如果对这个企业名片做一点调整——把相关的元素分在一组，使它们建立更近的亲密性，看看会发生什么。

从哪里开始读名片？接下来看什么？什么时候结束？对于这些问题你现在还有疑问吗？

仅仅利用这样一个简单的概念，现在这个名片不论从理解上还是从视觉上看都很有条理。而且这样一来，它还能更清楚地表达信息。

下面显示了一个很典型的简报刊头。这里有多少个单独的元素？单从放置的位置看，能不能看出某些信息项与其他项存在关联？

要花些工夫来判断哪些项应当分在一组，让它们建立更近的亲密性，而哪些项应当分开。

左上角的两项相互之间有很近的亲密性，这意味着它们之间存在某种关系。不过这两项真的应该有某种关系吗？amusing、peculiar是形容Society还是“The Shakespeare Papers”？

日期和期号呢？它们应该更靠近一些，因为它们都标识这一期刊物。

下面的例子建立了正确的关系：

请注意，这里还做了另外几件事：

把所有大写都变为小写，只保留合适的首字母大写，这样能留出更多空间，使标题更大、更醒目。

把圆角变为直角，使刊头的外观更简洁、更突出。

将天鹅图放大，超出边线。必须要让它更显眼。

因为文字内容需要从背景中凸显出来，我把小字体改为Trebuchet字体，这样打印的时候就不会看不太清楚了。

创建广告传单、宣传册、新闻简报或者其他出版物时，你很清楚其中哪些信息在逻辑上存在关联，知道哪些信息应当强调，而哪些信息不用强调。可以通过分组形象地表现这种信息。

显然，需要对这个列表做某种格式化处理，以便理解。不过，这个列表最大的问题在于，其中的每一个元素都与其他所有元素凑在一起，所以无法看出它们之间的关系，也无从知道这些信息项的组织。

仍然是这个列表，现在看起来已经形成了多个组。相信你自己也肯定做过这种工作，这里只是建议要有意识地这样做，而且要投入更大的力度。

注意我在这里对标题增加了一些对比效果，并让这种对比重复出现。

将类似的项归为一组来建立很近的亲密性时，有时需要做一些修改，如需要调整文本的大小或字体粗细，或者要改变图片的大小或放置位置，等等。正文（所读内容的主干部分）的大小不一定非得是12点！作为正文的辅助信息，如期号和新闻简报发行年份，字体通常可以小到7或8点。

这个页面看上去很乏味（没什么可吸引你去看一眼正文的内容），不仅如此，还很难从中找出所要的信息，比如到底发生了什么，在哪里，什么时间等，信息不是顺次给出的，无法一目了然。

例如，这个系列活动举办了多少场读书会？

亲密性的思想并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。除此以外，其他孤立的元素或元素组则不应存在亲密性。位置是否靠近可以体现出元素之间是否存在关系。

这个系列活动举办了多少场读书会？

首先，根据理解对信息进行分组（这个工作在我的脑海中完成，也可以在纸上把想法简单画出来），然后在页面上物理地对文本分组，即通过调整位置把文本分为多组。注意，三场读书会之间的间隔是一样的，这说明这三个组之间存在某种关系。

辅助信息则相距很远，由此可以马上意识到它不是另外一场演出，即使在你没有看清楚之前。

下面的例子与上一页是一样的。用最快的速度看一眼，现在你对这三场读书会有什么想法？

为什么你会认为其中一场读书会与另外两场不同？原因就在于，其中一场读书会与其他读书会是分开的。由于这种空间关系，可以立刻发现这场读书会有某种不一样的地方。

仅仅像这样对页面很快地看一眼居然就能得到这么多信息，这确实让人惊叹不已。正因如此，你要负责保证读者确实得到正确的信息。

看看下面这个舞蹈课的宣传卡片，设计者的本意可能希望表现得更有意思，更有活力，不过第一眼看上去，你能说出舞蹈课的时间和地点吗？

根据亲密性原则来组织这些信息（如下图所示），可以清楚地表达关键信息，包括：谁、做什么、什么时间以及在哪里。这样一来就不会失去潜在的顾客，因为倘若不做此改进，他们有可能不愿在这一大堆杂乱无章的文本中搜寻，并因此放弃。

你不要认为，不管怎样都必须通过自己的设计来突出“舞蹈”这个主题（在这个例子中）。此时，如果要在简单表达和并不专业的设计之间做出选择的话，你应该选择简单表达。设计技能需要逐步提高，要先从简单的表达开始。

也许你在自己的工作中已经用过亲密性原则，不过可能做得还不够充分，还没有最有效地发挥它的作用。仔细看看你的那些页面，看看页面上的那些元素，再看看哪些元素应当分在一组。

设计这个小传单的人在每个标题和段落后面都加了两个回车。这样一来，标题与它上下的正文之间就有同样的距离，所以看上去它们是孤立的、没有任何关联的项。你无法分清标题属于它上面的文本还是属于下面的文本，原因就出在上下的距离都相等。

这里有很多空白可以利用，不过这些空白都被打散了。另外有些空白放置不当，比如标题与其相关正文之间的空白。如果像这样“截留”空白，从视觉上看就会把元素分隔开。

将有关系的项归为一组。如果页面上有些区域的组织不太清晰，则要看看这些项是不是存在本不该有的亲密性。使用这个简单的设计原则来管理空间，不仅会使页面更有条理，看上去也更美观。

如果对这个传单做一处修改，只需把标题移到离其相关文本段更近的位置，这就会带来很多变化：

条理更清楚。

元素内部不再截留空白。

页面看上去有更多的空间，使这个小传单显得不那么拥挤。

这里还把电话号码和E-mail地址分行放置，不过它们归为一组，与其他信息分开，这样就能作为重要信息突出出来。

你可能还注意到，我把居中对齐改为左对齐（这就是对齐原则，将在下一章解释），这样就留出了更多空间可以将图片放大。

你可能会很自然地利用位置的紧密程度来反映元素间的关系，而亲密性实际上就是更有意识地这样做，并把这个概念更向前推进一步。一旦了解了各元素之间的关系是何等的重要，就会注意到亲密性的效果。而一旦开始注意到这种效果，就会利用它，掌握它，并施以充分的控制。

你可能会认为再没有比这更糟糕的菜单了，但这确实是我从一家餐馆拿到的。不错，最严重的问题是所有的信息都堆在一起。

在根据这个信息进行设计之前，先写出同属一类的各部分信息，将这些元素分组。（你应该知道如何做到这一点，只需充分调动你的大脑）。

一旦为信息建立了不同的分组，接下来可以在页面上摆弄这些信息组了。你手头肯定有一台计算机，怎么摆弄实在是方法多多。要学会如何用你的软件格式化页面。

在下面的例子中，我在单独的菜单项之间腾出了更多的空间。当然，不应当采用全部大写的形式，因为读起来确实费劲。我把它改成了首字母大写的形式，同时把字体也缩小了两个点。两种做法都为各个元素间预留了更多空间。

原来那个菜单中最大的问题是信息之间没有分开。只有在你的软件中学会如何格式化页面，才能在每个元素前后精确预留所需空间。

原来的所有文本都用大写，而且是一大“块”文本，这就占据了所有的空间，再没有任何“留白”能让你的眼睛稍作休息。完全可以把文本的字体设置为小于12点。真的，确实可以这么做！

上一页的例子中，对Starters（开胃小吃）和Entrees（主菜）的区分还存在一点小问题。试着把每部分内容缩进，看看多出的空间是不是能更明确地定义这两个组，同时仍然能很清楚地表示出它们还是类似的组。（我还把Starters和Entrees的字体放大了，这里采用了对比的原则。）

Starters和Entrees前面确实再没有足够的空间留出空白了，不过设置缩进还是绰绰有余的。标题下面多出的空间有助于区分这两组信息。只需一点点空间就能达到这种效果。

亲密性原则往往并非设计页面唯一的解决方法。另外三个原则在设计过程中也是少不了的，通常你会发现所有这四个原则都会用到。不过在这里我们一次只讨论一个原则，先从亲密性原则开始介绍。在下面的例子中，可以想象一下，如果我开始没有设置适当的间隔，那么其他原则将毫无意义。

这里没有选择Times New Roman字体，而是采用了一种更有趣的字体，这很容易做到。之前对菜单上菜品的描述设置了适当的缩进，这有助于进一步区分各项。

但有一点我认为不太好，菜品的价格与每道菜的描述挤在一起（还用了连字符），所以我把价格都右对齐，这样不仅清晰而且摆放一致。这正是对齐原则，后面将介绍这个内容。

利用简单的亲密发生原则，信息将收集到多个逻辑组中，使访问者能更容易地在网页上导航。看看你感觉不错的那些网站，你会发现，那些网站的信息都按逻辑做了分组。

这个页面上的信息简直乱七八糟。看看标题下面的网站链接。它们同等重要吗？上面的布局似乎是这样的，但实际上并非如此。

有必要再次强调：从理解的角度你已经知道了如何使用亲密性，而且已经知道如何将各部分信息收集到相应的组中。所要做的只是把这种技巧具体应用到实际页面上。用留白来对元素进行分组。

在这里，我把所有网站链接都移入一列，来显示它们相互之间的关系。

这里把引用的文字放在离正文更远的位置，因为它们彼此并没有直接关系。

我还使用了对齐原则（将在第3章讨论）：这里使用了左对齐，并确保各元素与另外某些内容对齐。

亲密性小结

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

根本目的

亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关的元素分在一组建立更近的亲密性，就能自动地实现条理性和组织性。如果信息很有条理，将更容易阅读，也更容易被记住。此外还有一个很好的“副产品”，利用亲密性原则，还可以使空白（这是设计者们最喜欢的）更美观（也更有条理）。

如何实现

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

要避免的问题

不要仅仅因为有空白就把元素放在角落或中央。

避免一个页面上有太多孤立的元素。

不要在元素之间留出同样大小的空白，除非各组同属于一个子集。

标题、子标题、图表标题、图片能否归入其相关材料？在这个问题上一定要非常清楚（哪怕只有一点含糊都要尽量避免）。在有很近亲密性的元素之间建立关系。

不同属一组的元素之间不要建立关系！如果元素彼此无关，要把它们分开。

3　对齐

第3章

设计新手往往很草率，只要页面上刚好有空间，就会把文本和图片放在那里，而全然不考虑页面上的其他项。这样得到的页面会给人一种杂乱无章的感觉，就像是一个略显混乱的厨房，你应该知道这是一种什么状况，可能这儿有一个杯子，那里有一个盘子，也许门上挂着块餐巾，水壶搁在水池里，甚至门上还有块污渍。清理这样一个有些乱的厨房不用花太大功夫，同样，如果缺乏对齐而导致设计略显杂乱，清理这样一个设计也无需花费太多时间。

Robin对齐原则是指：“任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系”。对齐原则要求特别小心，再不能像从前那样，只要页面上刚好有空间就把元素随意“扔”到那里。

如果页面上的一些项是对齐的，这会得到一个更内聚的单元。即使对齐的元素物理位置是彼此分离的，但在你眼里（以及在你的心里），它们之间也会有一条看不见的线把它们连在一起。尽管你可能通过分开放置某些元素来指示它们的关系（使用亲密性原则），但对齐原则很“神奇”，它会告诉读者，即使这些项并不靠近，但它们属于同一组。下面的页面就展示了这种思想。

来看下面这个企业名片，它与上一章看到的名片是一样的。这个名片的一个问题是，名片上所有元素都未与其他元素对齐。在这个小小的空间里，存在3组对齐方式不同的元素：左对齐、右对齐和居中。上角的两组文本未能沿同样的基线对齐，另外它们与名片底部的两组元素未按左边线或右边线对齐（此外，也没有沿其基线对齐）。

看上去，这个名片上的元素就好像是随意扔上去并被粘住一样。这里所有元素都与名片上任何其他元素没有关联。

花点时间看看哪些项应当分在一组，以建立更近的亲密性，而哪些项应当分开。

把所有元素都移至右侧，使它们按同一种方式对齐，现在信息立刻就更有条理了。（当然，将相关的元素分组以建立更近的亲密性，对于信息的组织也是有帮助的。）

下面这些文本项有了一个共同的边界，这个边界把它们联系在了一起。

在有关亲密性一节的例子中（下面再次显示了这个例子），文本也是对齐的，但那时采用的是居中对齐。不过，如果文本为左对齐或右对齐，让文本联系在一起的那条看不见的线会更明确，因为现在有一条“硬”的竖边。这就使左对齐和右对齐的文本看起来外观更清晰、效果更分明。比较下面的两个例子，后面几页将继续讨论。

这个例子的布局很好，文本项都进行了分组，使之具有合理的亲密性。文本本身居中对齐，并在页面上居中放置。尽管这是一种合法的对齐方式，但边界是“软”的；实在看不出那条“对齐线”的强度。

这与前面有同样的逻辑布局，不过现在采用右对齐方式。你能看出右边的“硬”边界吗？

尽管这是一条看不见的线，但它很明确，连接了这两组文本的边界。现在确实可以看出边界。正是这个边界的强度为布局提供了力度。

你是不是不由自主地就想一切都居中？居中对齐是初学者最常用的对齐方式，这种对齐看起来很安全，感觉上也很舒服。居中对齐会创建一种更正式、更稳重的外观，这种外观显得更为中规中矩，但通常也很乏味。请注意你喜欢的那些设计。我敢保证，大多数看来精巧的设计都没有采用居中对齐。我知道，作为一个初学者，要完全摒弃居中对齐会很难，但你必须从一开始就强制自己避开它。通过充分利用亲密性，并结合明确的右对齐或左对齐，你会惊异于设计的改观。

这是一个很典型的报告封面，是不是？

这种标准格式提供了乏味的外观，表现出几乎是一种业余水准，这会影响别人对整个报告的第一印象。

利用明确的左对齐，可以使这个报告封面给人留下更精美的印象。尽管作者的名字离题目很远，但那条看不见的线提供了强有力的对齐基准，可以将这两个文本块连在一起。

信纸的设计选择可谓丰富多彩！不过，最终总免不了趋于一种平淡的居中对齐。如何设置信纸的布局，对此你有充分的自由，不过一定要记住对齐。

这不算糟糕，但这种居中布局有点乏味，而且边框束缚了整个空间，给人一种受限制的感觉。

这种左对齐使页面更为精美。只是在左边留有虚线，这就使页面变得开放，而且突出了对齐。

文本位于左侧，采用了右对齐。输入的字体将为严格的左对齐，与布局的右对齐格式保持一致。

勇敢一些！不要畏缩！

我并不是建议你绝对不要居中！只是要留意这种居中对齐的效果，这真的是你想要表达的效果吗？当然，有时候确实如此；例如，大多数婚礼都很庄重、很正式，所以，如果你想用居中方式设计你的结婚喜帖，完全可以在营造喜庆的同时有意这么做。

居中。确实感觉非常乏味。

如果想让文本居中，至少让它明显一点！

试试看，包含居中文本的块不要居中。

如果想让文本居中，尝试一下用另外某种方式使它更生动。

有时，你可能会在居中布局上增加一点小技巧，如将文本居中，但是文本块本身不居中。或者将文本放在页面的上方，增加紧张性。或者在一个很正式的居中布局中设置一种非常随意、有趣的字体。但不论怎样，千万不能做的是：设置12点大小的Times字体，另加两个回车！

正是这种布局使得“居中”名声不好：不仅字体很乏味，而且也太大了，文本挤在一起，每块之间还有两个回车。不仅如此，双线边框更使这个布局的效果减分。

要想有效地设置居中对齐，需要多做一些工作。这个布局使用了一种经典的字体，而且字体设置得很小（相对来讲）。现在行间有更多空间，文本周围有大量空白，另外不再有边框。

这里用瘦高的纸强调一种细长条式的居中布局。

用宽而短的纸强调一种宽型的居中布局。下一个传单设计中可以尝试让文本斜向一边。

你可能已经习惯了使用文本对齐。在得到更多培训之前，一定要坚持一个原则：页面上只使用一种文本对齐：所有文本都左对齐，或右对齐，或者全部居中。

这段文本为左对齐。 | 这段文本为右对齐。
有人称之为方形左对齐， | 有人称之为方形右对
或者就称为左对齐。 | 齐，或者就称为右对齐。

这段文本居中。

如果想将文本居中，就做得明

显一些。

在这一段中很难区分文本

是有意居中还是无意为之。

每一行的长度不相同，不过

它们并非完全不同。如果

不能立刻区分出文本是否居中，

又何必那么麻烦地将其居中呢？

这段文本为两端对齐。有人称之为方形左右对齐，也有人称之为块对齐，因为文本两端均对齐。不论这种对齐方式叫什么，都要尽力避免，除非行足够长，能够避免单词之间出现难看的空隙。

有时，你可能喜欢在同一个页面上同时使用右对齐和左对齐文本，不过一定要确保让这些文本以某种方式对齐！

在这个例子中，标题和子标题都是左对齐，不过文字介绍是居中的，两个文本元素之间没有共同的对齐方式。它们相互之间没有任何联系。

尽管这两个元素仍然采用两种不同的对齐方式（上面是左对齐，下面是右对齐），但是下面介绍文本的（左）边界与上方标题的右边界对齐，这就用一条看不见的线把二者连接起来。这绝非偶然！

在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放，则按其基线对齐。如果有多个单独的文本块，则对齐其左边界或右边界。如果有图片元素，将其边界与页面的其他边界对齐。

绝对不要在页面上任意摆放元素！

这里存在两个问题，对不对？首先缺乏亲密性，而且对齐做得不好。

这可能是一个很枯燥的器件表，但并不妨碍让这个页面看上去尽可能好看一些，并尽可能清楚地表达信息。尽管这里的信息理解起来很困难，但正是这个时候才更应该尽可能清晰、有条理地表述信息。

如果文档的外观差强人意，可能最大的毛病就是缺乏对齐。我们的眼睛喜欢看到有序的事物；这会给人一种平静、安全的感觉。此外也有助于表达信息。

作为优秀的设计，都可以在对齐的对象间画出“对齐线”，即使这些设计总体表现为汇集了大量奇特的内容，甚至动感实足，这种“对齐线”也很明确。

只是将各部分对齐就能带来这么大的差异。可以注意到，页面上任何一项都不是随意放置的，每一项都与页面上的另外一项存在某种视觉上的联系。

如果我很清楚这个图表是什么意思，可能会让右边的方框离那个较大方框（左上方的方框）更远一些，再向右移一点，并使其顶部对齐。或者，可能会把下面的方框移远一些。我会根据这3个方框相互之间的逻辑关系调整它们之间的间隔。

许多设计新手的作品都存在一个问题，这就是对齐方面稍有欠缺，如在缩进的段落上面居中放置标题和子标题。迅速看一眼，下面这两页上的例子哪一个能给人留下更清晰、更突出的印象？

这是一种相当常见的布局：标题居中，文本左对齐，段落以“打字机”宽度缩进（也就是说，5个空格或0.5英寸，这一点你应该在学校里学过），另外插图在列内居中。

绝对不要在左对齐的正文或缩进的文本上方将标题居中。如果文本没有明确的左边界和右边界，就无法区分标题是否确实居中，看起来它只是悬挂着而已。

这样一来，没有对齐的部分就造成页面非常杂乱：缩进很大，文本的右边界呈锯齿状参差不齐，居中的标题左右两边都有空白，另外插图也居中。

尝试一下：在上例中划线，观察不同的对齐方式。

尽管这些未对齐问题本身并不大，但它们加在一起，就会导致页面的外观很杂乱。应当找出一条明确的线，并以它为基准对齐。尽管这里的改变很微妙，也许你的老板根本说不出这个例子与前一个例子之间的差别从何而来，但经过这样修改，确实可以得到更清晰、更精美的外观。

找一条明确的对齐线，并坚持以它为基准。如果文本左对齐，则标题和子标题也设置为左对齐。

按惯例，第一段都不缩进。将一个段落缩进的目的是为了告诉你这里有一个新的段落，不过，你肯定知道第一段当然是一个新段落。

在打字机上，缩进为5个空格。对于计算机上使用的均衡字体，标准排版缩进为1个em（em是以点数衡量的字体大小）②，这更接近于两个空格。

要当心文本的锯齿形边界。对各行进行调整，使右边界尽可能平滑。如果有照片或插图，则按一个边界和/或一个基线将其对齐。

即使作品的设计起点本来就很高，在对齐方面稍做些调整也会很有好处。作为更为专业的设计，明确的对齐很关键，但这一点通常被遗漏。请检查每一个元素，确保它与页面上的另外某个元素存在某种视觉联系。

有些项本应该对齐，但是没有对齐，你能把它们都找出来吗？找一支彩笔把这一页上没有对齐的地方都圈起来。至少有10处！

检查有没有稍稍越过边界的插图，有没有在照片下居中的图题，有没有未与文本对齐的标题，或者居中文本和左对齐文本是否同时出现。

可以看出这个例子与上一页例子之间的区别吗？如果这是你自己的书，在明确对齐的地方画线。

重申一句：应当找一条明确的对齐线，并用它来对齐。如果有一个照片或图片（有明确的直边），可以沿着照片的这个直边与文本的平边对齐，如下面第二幅图所示。

这里文本的左边有一条明确的线。另外沿着“照片”的左边也有一条明确的线。不过，在文本和照片之间“截留”了部分空白，而且空白的形状很难看。由于存在截留的空白，使得这两个元素被分隔开了。

找一条明确的线，并用它来对齐。现在文本右侧的线与照片左边的线相互挨着，使得这两条对齐线更为明确。空白现在漂移到了左边。另外已经根据照片左边明确的对齐线重新设置了标题。

如果设计中的对齐很明确，那么可以有意识地打破对齐，而且一定要表现出这是有意的。技巧就在于，打破常规对齐时不要怯懦，一定要干脆一些，要么全部采用一种方式，要么全都不采用这种方式。千万不要保守。

尽管嵌入部分插入到文本块的内部，能看出它左边在哪里对齐吗？只要你是有意为之，有时完全可以任意地打破常规对齐。

在此我给出了一些规则，不过有一点要记住，规则都是用来打破的。但是必须记住，关于打破规则本身也有一条Robin规则：在打破规则之前必须清楚规则是什么。

对齐小结

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

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

根本目的

对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来，并把它们放在一个玩具箱中。

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

如何实现

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

要避免的问题

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

另外，要着力避免居中对齐，除非你有意识地想要创建一种比较正式、稳重（通常也更乏味）的表示。并不是完全杜绝使用居中对齐，有时可以有意地选择这种对齐方式，但是不要把它做为默认选择。

4　重复

第4章

Robin重复原则指出，“设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线，某个项目符号、颜色、设计要素，某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。

你在工作中肯定已经用过重复。例如，所有标题都设置为相同的大小和粗细，在每一页底部增加一条半英寸的线，项目中的每个列表都使用相同的项目符号，这些都是重复的例子。新手通常需要把这个概念更进一步，把无意的重复变为有意，利用重复将一系列出版物从视觉上系为一体。

可以把重复认为是“一致性”。在看一篇共有8页的新闻简报时，正是由于某些元素的重复（它们的一致性），才使得这8页看上去属于同一个新闻简报。如果第4页上有某些重复元素，而第7页上没有那些元素，整个新闻简报看起来就不是一体了。

不过重复还不只是自然的一致，这是一种统一设计各个部分的有意识的行为。

以下是前面讨论过的企业名片。在第二个例子中，我增加了一个重复元素，即一个明显的粗字体。看看这个例子，注意一下你的眼睛向哪里移动。看到电话号码时，下一步看哪里？是回到最前面，另一处粗文本吗？这是设计人员常用来控制读者视线的一种视觉技巧，以使读者的注意力尽可能长地保持在页面上。粗体的重复也有助于统一整个设计。这是一种非常简单的将设计块的各个部分连接在一起的方式。

读到信息的末尾时，你的视线是不是会在名片上四处漫游？

读到信息的末尾时，现在你的视线会向哪里移？它会在粗体元素之间来回跳吗？可能会，这正是重复的主旨，它能把整个作品联系在一起，提供统一性。

你原先可能使用过一些提供一致性的元素，充分利用那些元素，将这些元素变成重复性的图片符号。你的新闻简报中所有标题都是14点大小的Times Bold字体吗？能不能引入一种非常粗的sans serif字体，比如说让所有标题都是16点的Antique Olive Black字体？这里的做法是，把已有的重复元素取出，让这些元素效果更强、更生动。通过把重复表现得更明显，这样不仅页面看上去更有趣，还能在视觉上增强其条理性和一致性。

要创建重复元素，可以从标题和子标题入手，这是一个很好的起点，因为这些元素很可能在某个方面是一致的。

使一致的元素更为突出，如标题和子标题的字体。

需要创建包括多页的出版物吗？重复是使这些页合为一体的主要因素。读者打开文档时，他应当能充分而明显地感受到第3页和第12页确实是同一个出版物的一部分。

下面显示的两个页面就同属于一个出版物。你能指出其中的所有重复元素吗？

这部分文本有一个“最低”点（沿底部对齐），但是如果页面顶部有一个一致的起始点在页面上重复出现，那么并非所有文本都与最低点（“地平线”）对齐。

有些出版物可能选择重复地自底向上伸出（或者沿底部对齐，因此可能有一个参差不齐的顶部，类似于城市地平线），而不是“像挂在晾衣绳上一样”沿顶部对齐。不过，不论选择哪一种技术，都必须保证一致。

如果一切都是不一致的，别人又怎么能知道某个部分是特殊的呢？如果一个出版物有非常好的一致性，则可以放入一些与众不同的元素，使读者真正注意到你希望他们关注的内容。

你能指出这本书中一致的重复元素吗？

在利用企业名片、信笺和信封创建一致的企业包装时，需要使用明显而突出的重复，不仅在各部分内部，在所有作品之间也要大量使用重复。你肯定希望收信的人知道你就是上周给他企业名片的那个人。另外，要创建合适的布局，以便打印出的信件与信纸设计中的某个元素对齐！

可以看到，如果具体信件为明确的左对齐，这个页面会给人留下强烈的印象。

重复有助于组织信息。这可以帮助读者浏览各个页面；它有利于将设计中单独的部分统一起来。即使在一个只有一页的文档中，重复元素也可以建立一种连续性，将文档“整个捆在一起”。如果在创建一个包括多页的文档，它要作为一个精美包装的一部分，充分地使用重复就很关键。

重复元素：

粗字体

细字体

方块项目符号

缩进

间隔

对齐

这里包含一些明显的重复元素，从而清楚地指出它的主要内容，除此以外，设计者可能还会在其附信设计中采用其中一个或多个元素。

如果哪个元素引起了你的兴趣，就可以拿来用作重复元素！也许这是一个剪贴画，或者是某种图片字体。为了实现重复，完全可以为此增加一些全新的东西。或者，也可以选择一个简单的元素，然后以多种不同的方式加以使用，比如说指定不同的大小、颜色或角度。

有时重复的项并不一定完全相同，而只是存在明确关联的紧密相关的对象。

把元素抽取为图片并重复很有意思，也很有效。这个小三角图形还可以应用到其他相关的材料上，如信封、回应卡、气球等等。即使没有重复整个茶壶，所有一切仍然应该是一个整体。

通常还可以增加实际上与页面主题没有任何关系的重复元素。例如，在一个调查表单上放入一些石刻字符；在报告中增加一些奇模怪样的鸟；在整个出版物中通过不同方式显示一些特别漂亮的字符，如设置不同规格的大字体，采用灰色或浅色，或者采用多种不同的角度。任由你享受这种随心所欲的快乐！

可以把一个设计元素拉到边框之外，这有助于将两个或多个部分统一起来，或者使前景和背景统一，还可以统一有共同主题的不同出版物。

重复最大的好处是使各项看起来同属一组，虽然元素看起来都不完全相同。由此可以看出，一旦建立一组关键的重复项。你就可以变换这些项并仍可保持一致的外观。

使用重复原则时，有时可以把一个元素从现在的设计中抽取出来，并根据这个元素创建一个新设计。

还记得第3章中带圆点的信笺吗？作为重复元素，我放大了其中的两个点，并把妈妈和爸爸的小图片放在这两个圆里面（妈妈和爸爸实际上是指MiniPics Lil Folks字体中的字符）。一旦开始自由发挥，你可以开发出各式各样的设计，相信你肯定很享受这种自由性。

下面显示了另一个例子，来展示如何使用重复作为设计的基础。这种方法很有意思，只需找到你喜欢的一个元素，然后随你摆弄它！

在这个实验中，我重复了其中的一个圆点，把它放大到非常大，再把妈妈的图片放在里面。

由于并不希望丢掉爸爸的图片，所以这里把一个白色的爸爸图片放在它自己的小黑圆中，并将爸爸反色（切换为纸的颜色）。

不要把重复用得太滥，而应当尽量“采用多样性实现统一”。也就是说，如果一个重复元素很明确（如一个圆），那么可以采用多种不同方式重复这个圆，而不是简单地重复同一个圆。

有时，尽管只有重复元素的一点迹象，但这可能与使用整个元素有同样的效果。对于一个大家都熟悉的元素，可以尝试只包含其中的一部分，或者采用不同的方式加以使用。

如果读者很熟悉某个图像，只取其一部分将有助于读者建立关联。

当然，这个打字机图像在Chile Fiesta的所有宣传材料中都有出现。在这里，我们再一次看到只使用重复图像中的一部分所带来的好处——读者确实“看到了”整个打印机。

重复还会为你的作品带来一种专业性和权威性。它会使读者感觉有人在负责，因为重复显然是一种经过深思熟虑的设计决策。

此处又一次说明了重复并不表示必须重复完全相同的东西。在上面的卡片中，标题的字体相同，但颜色不同（多样性的统一）。说明文字的字体各不相同，但都相当时尚。

要确保有足够多重复的元素，这样差异才会明显，而不是一团糕。比如，该例中食谱都采用一种格式。当有很强的结构意识时，就能更灵活地处理其他元素。

重复小结

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

根本目的

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

如何实现

重复可以认为是保持一致性，而且我相信你早已经这样做过。现在，需要把现有的一致性更向前推进一步。可不可以专门做一个图片设计，并且将某些一致元素（如标题）作为这个图片设计的一部分？在每个页面底部或每个标题下面使用一条粗细为1点的线吗？或者是不是使用一条更粗的线（4点），使重复元素显得更明显，更生动？

再看看有没有可能增加一些纯粹为建立重复而设计的元素。是不是有一个编号项列表？可不可以使用另外一种字体或逆序数字，然后对出版物中的每一个编号列表都重复同样的处理？最初，可以只是找出现有的重复，然后将其加强。熟悉了这种思想之后，再开始创建新的重复元素，来增强设计的效果并提高信息的清晰度。

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

要避免的问题

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

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

5　对比

第5章

对比是为页面增加视觉效果的最有效的途径之一，很容易吸引读者去看一个页面；另外对比还能在不同元素之间建立一种有组织的层次结构。要记住一个重要规则：要想实现有效的对比，对比就必须强烈。千万不要畏畏缩缩。

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

可以采用多种方式产生对比。如大字体与小字体的对比；典雅的oldstyle字体与粗体sans serif字体产生对比；细线与粗线的对比；冷色与暖色的对比；平滑材质与粗糙材质的对比；水平元素（如很长的一行文本）与垂直元素（如又高又窄的一列文本）的对比；间隔很宽的文本行与紧凑在一起的文本行形成对比；小图片与大图片的对比，等等。

不过，千万不要畏缩。不应该用12点大小的字体与14点大小的字体进行对比。也不要用0.5点的线与1点的线来对比。此外，深棕色与黑色的对比也是不合适的。所以一定要当心。

如果你的桌子上放着后面这两个“新闻简报”，你会先拿起哪一个呢？它们的基本布局都是一样的，都很简洁明了。页面上的信息也是相同的。这里实际上只有一个区别：第二个新闻简报的对比做得更充分。

这个新闻简报简洁明快，不过这里没有什么能吸引你的眼球。如果无法吸引视线，就没有人会去读它。

下面的对比就很明显了。我在标题和子标题中使用了一种更突出、更粗的字体。这里还在新闻简报的题目上重复了这种字体（还记得吗？这是重复原则）。由于题目从全部大写改为混合有大小写，所以现在能使用一种更大更粗的字体，这还有助于突出对比效果。另外，由于现在题目如此突出，还可以沿顶部在题目下加一个黑条，再重复这种黑色来强调对比。

你是不是得承认，与前一页相比，这个页面更能吸引你的眼球？

对比对于信息的组织至关重要，读者一眼看到文档就能立即理解文档的内容。

这是一封相当典型的自荐信。信息是完备的，如果有人确实想去读它的话，当然可以了解到其中的信息，不过这样一封自荐信肯定无法吸引你的注意。

注意以下问题：

页面上存在两种对齐方式：居中和左对齐。

各段之间的空间（间隔）太相似。

布局不一致——日期有时在左边，有时在右边。记住，一致性才会产生重复性。

职位与正文混杂在一起。

注意，如果使用了对比，不仅页面更吸引人，文档的目的和组织也会更一目了然。

上述问题很容易修正。

只保留一种对齐方式：左对齐。在上面可以看到，如果只使用一种对齐，并不是说所有元素都要沿着同一个边界对齐，这只是说，所有一切都要采用同样的对齐方式。上面的左对齐文本很明确，而且互相促进（对齐和重复）。

明显的标题，这样就能立即知道这个文档是什么，有哪些要点（对比）。

段之间的间隔比各段内文本行之间的间隔大（空间关系对比；亲密性）。

学位和职位都用粗体（标题字体的重复），这种强烈对比能使你很快抓住要点。

要增加有意思的对比，最容易的方法就是实现字体对比（这也是本书第二部分的重点）。不过不要忘记，还可以利用线、颜色、元素之间的间隔、材质等形成对比。

如果在列之间使用一条极细的线，需要另一条线时就应该使用2点或4点的粗线，不要在同一个页面上使用0.5点和1点的线。如果要使用另一种颜色来突出效果，一定要确保颜色有反差，对应黑色正文，深棕色或蓝黑色就不能有效地形成对比。

字体之间和线之间确实有一点对比，不过这里的对比很微弱。

这些线确实有意设置为两种不同的粗细吗？是不是只是不小心弄错了？

现在字体之间强烈的对比使它更生动，更引人注目。

由于线粗细有了更强烈的对比，再不会有人认为这可能是一个失误了。

这只是线的另外一种用法（这条粗线隐藏在了白色字体的后面）。

运用对比，整个表都更鲜明，更精美；你很清楚它从哪里开始，到哪里结束。

如果新闻简报中使用了又高又窄的列，就应当在水平方向有一些突出的标题，在页面上形成对比。

将对比与重复相结合，如页码、标题、项目符号、线或空间布局，从而在整个出版物中建立一种强烈的统一标识。

这个明信片中除了字体的对比外，水平方向的长题目与又高又窄的垂直列之间也存在一种对比。这些窄列不仅是一种重复元素，同时也是对比的例子。

下面的例子是一个典型的传单。它最大的问题是，文本行太长读起来很费劲，没什么内容能吸引读者的眼球。

创建一个可以吸引读者注意的标题。当读者的眼光投到页面上，就算他不打算阅读全部内容，但如果在文本中采用对比，读者在浏览时还是会将目光停留在内容上。采用严格的对齐方式并使用亲密性来加强页面的布局。

从哪里开始改进这个传单呢？

行太长了，读者自己就读不下去了。如果像这样有很多内容，就像前面和后面那两幅图那样采用多列。

将关键短语设为粗体，视觉上的对比可以吸引读者的目光。

也许以一段介绍性的文字开头，读者会对传单的目的有一个大致的了解。很少有人愿意读一块一块的信息，所以有必要通过一个介绍性路径来引导读者的目光。

不要害怕让一些项很小，这样不仅可以与更大的项形成对比，还能留出更多的空白！一旦读者把握住重点，只要他们感兴趣，自然会去读这些较小的文字。如果他们不感兴趣，不论你把这些文字设置得多大他们也不会去读。

注意，这里还用到了其他一些原则：亲密性、对齐和重复。它们相互协作，建立了整体效果。设计页面时很少只使用某一种原则。

该传单是黑白打印的，所以我们采用不同灰度的装饰并为标题增加点花样。

让你的眼睛随意在文档中浏览——你能感到是如何被吸引到粗体内容上的吗，你是如何下意识地去读这部分内容的？如果你能吸引与你的内容无多大关系的人，那么他们当中许多人都会下意识地去读更多的内容。

在设计原则中，对比最有意思，同时效果也最为显著！只需几个小小的改动，就能把一个普普通通的设计变成一个精美的设计。

作为一本好书的摘要，这个宣传单还是略显平淡。现在来看增加了一些对比之后的广告（下一幅图）。你能说出至少增加了哪4种对比吗？

这两个宣传单中哪一个更有“回头率”呢？这正是对比的力量：它会给人一种“更强烈的印象”。只需一些小小的改动，差别却是惊人的！

把标题从大写改为小写，可以留出更多空间，这样就能让标题更大，更粗。

既然这是一本书的一个广告，我们就把书显示得更大。

在重复方面，我从书中选择了非常粗的字体。

我把Cynthia（作者）的像片放到了卡片的另一面，因为这一面内容实在是太多了。

当然并不是只需要强调对比，不过，通常你都会发现，如果增加了对比，其他概念显然就相形见绌了。例如，对比元素有时可以用作重复元素。

这个广告是从当地报纸摘录的。除了居中对齐、缺乏亲密性和重复，以及字体过于乏味等问题外，这个广告显然缺少对比。设计中最能吸引人阅读的就是对比了。小狗的脸很可爱，不过仅此而已。

不错，这里确实有一点对比和重复（你能把它们指出来吗？），不过太弱了。设计者也想努力做出对比，但是他太过犹豫。

我相信你肯定看过（或者自己做过）很多类似的东西。没关系。现在你应该知道怎样才能做得更好。

（请注意，可爱的小狗朝着与商店的名字相反的方向看。读者的眼睛总是随着页面上任何人或动物的眼睛看过去。所以要确保将读者的目光吸引到页面的焦点内容。）

尽管下面的广告与前一页上的广告看上去简直是天壤之别，但实际上这里只是按部就班地应用了前面介绍的4大基本原则而已。

我们采取了下面的步骤来改进上一页中的广告，并把它逐步修改为上面的样子。

去掉Times Roman和Arial/Helvetica字体。把这些字体干脆从你的字体选择中去除。相信我没有错。（另外把Sand也去掉）。

去掉居中对齐。我知道这么做很难，但是必须如此。等你更有眼光之后，可以再做一些居中对齐的尝试。

找出页面上最有意思的东西，或者最重要的东西加以强调！在这里，最有意思的就是小狗的脸，最重要的是商店的名字。为商店做广告时，如果没人能说出商店叫什么，那这个广告还有什么意义呢？把最重要的东西放在一起，这样读者就不会漏掉重点。

把信息分组为一些逻辑组。合理利用空间，将各项分开或者联系起来。

找出可以重复的元素（包括对比的元素）。

最重要的是，要增加对比。以上可以看到黑白对比、灰度对比、字体大小和字体的对比。

一次尝试一个概念。相信你自己的作品也会让你惊异不已。

下面的例子取自讨论亲密性的第2章。它本身很简洁明快，不过注意下一页，看看增加小小的对比能带来多大的差别。

这个网页上已经有一些对比，不过通过对另外一些元素应用对比原则，还可以进一步做出改进。

希望你已经看出，对比对于设计作品来说是何等重要，另外也应该能看出增加对比实际上是何等容易。只需要有意识地去做就可以了。有了对比之后，对比元素就可以用作重复元素。

我所增加的只是一点黑色背景。这个页面看起来更生动，更有趣。

对比小结

在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上放两个不完全相同的元素（比如有两种不同字体，或者有两种不同线宽），它们就不能类似。要实现有效的对比，这两个元素必须截然不同。

对比就像需要修补一处漆记时配漆一样，不能大概地配色，颜色要么配得完全相同，要么就得把整面墙都重漆一遍。我的祖父（酷爱掷蹄铁游戏）总是说，“只有在掷蹄铁和手榴弹游戏中‘几乎击中’才算赢。”（在其他方面，仅仅“几乎达到”是不算数的。）

根本目的

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

如何实现

可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是：对比一定要强烈。

要避免的问题

不要犹豫。如果你想形成对比，就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样，干脆让它们截然不同！

6　复习

第6章

有关设计（同时也是有关生活）的一个更一般的指导原则是不要畏畏缩缩：

不要害怕在设计（或生活）中留有空白，这能让你的眼睛（以及心灵）稍作休息。

不要害怕设计是不对称的，使用非居中的格式，不居中往往能使效果更强烈。尽管不建议使用居中，不过有意这么做也无不可。

不要害怕把单词设置得非常大或非常小，不用担心说话声太大或者太小。在合适的场合这都是可以的。

只要最后的结果能支持或强调你的设计或观点，不要害怕让图片太大或太小。

下面用一个很乏味的报告封面作为例子（如下所示），然后依次应用各个原则。

这是一个相当乏味但很典型的报告封面：居中，为了填满整个页面而各行间隔都均匀。如果你不懂英语，可能认为这一页上有6个单独的主题。每一行看上去都是自成一体的孤立元素。

亲密性

如果项彼此相关，就把它们分在一组建立更近的亲密性。相互之间没有直接关联的项要分开。设置不同的间隔来指示各项的接近程度或关系的重要性。除了可创造出更漂亮的页面外观，亲密性也可以令表达更清晰。

标题和子标题相互靠近，现在就有一个明确的单元，而不是6个无关的孤立单元。现在很清楚，这两个主题彼此之间紧密相关。

把作者署名和日期放得更远一些，从而能很快清楚地看出：尽管这是一个有关联的信息，可能还很重要，但它不是标题的一部分。

对齐

应当注意放在页面上的每一个元素。要保证整个页面是统一的，将每个对象与另外某个对象的一个边界对齐。只有在对齐很明显的基础上，才可以选择偶尔打破对齐规则。在这种情况下打破常规对齐看上去不会是个失误。

尽管作者的名字与标题相距很远，但是由于对齐，这两个元素之间在视觉上存在某种关联。

上一页的例子也是对齐的，不过是居中对齐。可以看到，左对齐或右对齐（如本页的例子所示）可以给出一个更明显的边界，这条线更明确，使你的视线有基准可循。

与居中对齐相比，左对齐或右对齐还能提供一种更精美的外观。

重复

重复是更能保证一致性的一种方式。可以看看现在已经重复的元素（项目符号、字体、线条、颜色，等等），是不是可以让其中某个元素更突出，把它用作为重复元素。重复还有助于增强读者对设计所表示的实体的认知度。

标题与众不同的字体在作者名中得到重复，这会加强它们之间的关联，尽管它们在页面上的物理位置相距很远。

小三角是专门为建立重复而特别增加的。尽管每个三角指向不同的方向，但是三角的形状很有特点，足以每次都能被认出。

三角的“颜色”也是一个重复元素，重复有助于把设计中的不同部分联系在一起。

对比

这一页上的例子比前页上的例子更能吸引你的眼球，不是吗？产生这种效果的原因就是对比，即分明的黑白对比。可以采用多种方式增加对比，如线（线条）、字体、颜色、空间关系、方向等。本书的第二部分就会讨论字体对比的有关内容。

在这里增加对比很简单，只是增加了一个黑方框而已。

小测验#1：设计原则

找出以下两个自荐信示例的至少7处不同。把每处不同圈出来，指出它违反了哪一个设计原则。具体说明有哪些变化。

小测验#2：重新设计广告

这个杂志广告存在哪些问题？列出这些问题，并指出相应的解决方法。

提示：有中心点吗？为什么没有，怎样才能创建一个中心点？为什么这么多文本全都要用大写？需要粗边框和内框吗？这个广告有多少种字体？有多少种不同的对齐方式？有逻辑关系的元素是否分在一组建立了更近的亲密性？哪些可以用作重复元素？

拿一张描图纸，勾出这个广告的轮廓。然后移动描图纸，再分别勾出各个元素的轮廓，重新摆放这些部分，把它设计为一个更专业、更简洁、更直接的广告。在此过程中要采用前面介绍的各个原则：亲密性、对齐、重复和对比。关于从何处入手的一些建议将在接下来的几页中进行介绍。

小测验#2（续）：设计广告的一些建议

知道从哪里入手有时非常重要。所以首先来理一下思路。

先要去掉所有多余的东西，这样才能知道到底在做什么。例如，Web地址中并不需要有http://（甚至www也可以不要）。phone、call或email之类的词都是不必要的，因为文本和数字格式能清楚地表明这一项是什么。另外不需要4个logo。内框也不需要。字母不需要全部大写。可以去掉CALIF（看着很乱），而是使用ca或者完整地拼出这个词。还有，区号两边不用加括号。

边框的圆角使这个广告看上去很“软弱”，而且与logo的直角边有冲突。所以要让边框更细一些、更尖锐一些（如果广告是彩色的，可以使用一种浅亮色形状，而根本不要加边框）。可以选择一种或两种字体。

如果把主要词的首字母大写，Web地址和email地址将更具可读性。

既然已经可以看到具体处理的内容，下面确定哪一项应当是中心点。取决于广告要放在哪里，中心点可以稍有不同。例如，如果这是一个验光师的电话簿广告，中心点可以在Optometry上而不是他的名字上，读者翻看黄页查找的是这个领域里的某个人，而不是医师的名字。在一个电话簿中，电话号码应该比在其他场合有更高的优先级，比如，在一个宣布某个特定时间会发生某个事件的传单中，电话号码就不那么重要。

这一部分在这个特定的杂志（或另外某个位置）中有什么作用呢？这有助于确定余下信息的层次结构。哪些项应当分组在一起，有更近的亲密性？

在下面的空白里大致勾勒出一种设计。196~197页会给出建议，并给出可取的一种布局（可以有多种可能的布局）。

小结

以上是对设计部分的总结。你可能还希望看到更多的例子。实际上，你周围到处都是例子，我最希望的是能向你潜移默化地灌输一种思想，使你提高视觉敏感度。我也考虑过提供类似于“饼干模具”之类的设计范例，不过，正如古人所云，授人以鱼仅一饭之惠，而不如授人以渔。

要记住，专业的设计人员总是会“借取”其他理念，他们总在寻找灵感。如果你在设计一个传单，可以先找一份你确实非常喜欢的传单，采用它的布局。只需使用你自己的文本和图片，就能把原来别人的传单变成你自己独一无二的设计。另外，可以找一个你喜欢的企业名片，把它调整为你自己的企业名片。还可以找你喜欢的一个新闻简报，适当修改把它变成你自己的新闻简报设计。在这种调整中，它就会逐步变成你自己的设计。我们都是这样做的。

如果你还没有读过The Mac is not a typewriter 或The PC is not a typewriter这两本书，强烈建议你读一读。如果你还有下面这些不好的习惯，比如在点号后面键入两个空格，在文本下面加下划线，还没有使用真实撇号或引号（即应当使用“和”，而不是"），那你确实需要好好读读这些书了。

读完这本书并且掌握了所有概念之后，可以再看看Robin Williams Design Workshop一本。这是一本彩色图书，涵盖了更高级的设计概念。

对现在来讲，只要开心就好。放松一点。不要把关于设计的这些内容看得太过严肃。我相信，只要遵循这四个原则，就一定能创建出生动、有趣、有条理并让你引以为豪的页面。

7　颜色运用

第7章

这是一个图形设计铺天盖地的缤纷时代。现如今，每个人的案头都摆放着彩色打印机，专业彩版印刷有史以来从未如此盛行过，人们越来越承受得起有关的花费。（可以在网上查一查彩版印刷，并比较不同类型的价格。）

色原理论可以非常深入、非常复杂，不过在这一章中，我只打算对色轮做简要的解释，并介绍如何使用色轮。如果你需要经过深思熟虑来决定一个项目使用哪些颜色，色轮会非常有用。

另外我还会简单地解释CMYK和RGB这两种颜色模型之间的区别，以及各个颜色模型分别适用于哪些场合。

在这个简单的例子中可以看到，颜色不仅有其自己的影响，还会影响到其周遭的所有对象。

不同凡响的色轮

色轮的基础是黄、红和蓝3种颜色。这些颜色称为三原色（primary color），因为这是唯一无法创建的颜色。也就是说，如果有一盒水彩，你知道可以混合蓝色和黄色来得到绿色，但是没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色。

在色轮上按均匀的间隔放置三原色。

现在，如果拿出水彩盒，分别将色轮上相邻的颜色等量地混合，就会得到三间色（secondary color）。你小时候使用蜡笔和水彩时可能已经注意到，黄色加蓝色可以变成绿色；蓝色加红色可以得到紫色；而红色和黄色混合就得到了橙色。

再在三原色之间放上这些三间色。

要把色轮中的空白填满，你现在应该知道怎么做了，只需将空白两边的颜色按等量混合。得到的这些颜色称为第三色（tertiary color或third color）。也就是说，黄色加橙色可以得到所谓的橙黄色。蓝色和绿色可以混合成蓝绿色（我称之为水绿色，aqua）。

现在用第三色填满所有空白，这就构成了色轮。好戏就要上演了。

颜色关系

现在已经有了一个由12种基本颜色构成的色轮。利用这个色轮，可以创建彼此非常协调的颜色组合。后面将介绍几种可行的做法。

（在我们使用的CMYK颜色模型中，“黑色”实际上是所有颜色组合在一起的混合产物，而“白色”不含任何颜色，有关内容见99页上的解释。）

互补

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

目前来看，你可能认为这一页上的一些颜色组合很怪异。不过，这正体现了为什么有必要了解如何使用色轮，你可以放心地使用这些怪异的组合，并且对于这么做可以自信满满！它们确实能很好地相互搭配。

三色组

彼此等距的三种颜色通常会形成一个让人愉悦的三色组（triad）。红色、黄色和蓝色就是一种极其流行的颜色组合，儿童产品通常都采用这种组合。由于这是三基色，所以这种组合也称为基色三色组（primary triad）。

也可以尝试使用绿色、橙色和紫色构成的间色三色组（secondary triad），尽管不那么常用，但出于以上原因，这种组合也让人很舒服。

除了红、黄、蓝构成的基色三色组以外，所有三色组中的三种颜色都有基础色使其相互连接，因此看上去非常协调。

分裂互补三色组

另一种形式的三色组称为分裂互补三色组（split complement）。从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。以下是这种组合的两个例子。

这里对文本后面的框使用了“Tricksy Words”中的亮色。有关亮色的说明见90～93页。

类似色

类似色（analogous）组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色，它们都有相同的基础色，这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色（亮色和暗色将在下一页解释），效果将相当醒目！

暗色和亮色

到目前为止，我们使用的基本色轮只涉及纯“色调”，也就是纯色。还可以向不同色调增加黑色或白色，这样能大幅扩展这个色轮，相应地丰富我们的选择。

纯色就是色调（hue）。

向色调增加黑色就构成一个暗色（shade）。

向色调增加白色就构成一个亮色（tint）。

以下显示了这些颜色在色轮中的分布。你看到的是一个个离散的色带，但实际上颜色是连续渐变的，从白色到黑色之间有无限多种颜色。

建立你自己的暗色和亮色

如果你的软件程序允许创建你自己的颜色，只需向一种颜色增加黑色就能形成一个暗色。要建立亮色，可以使用应用为你提供的亮色滑动条。请检查相应的软件手册。

如果你的应用提供了一个与此类似的调色盘，下面来介绍如何建立亮色和暗色。

首先在工具条中选择色轮图标（已经圈出）。

确保滑动块位于右侧色条的最上面。

色轮中的小点表示选择的颜色。

色调位于这个色轮最外围。

要创建一个亮色，可以把小点拖向色轮中心。

顶部的色条显示了所选择的颜色。

要保存这种颜色以便下次使用，可以在顶部色条上按下鼠标，并拖动（这会创建一个小色框）。把这个色框拖放到底部的某个空槽中。

要创建一个暗色，可以把小点放在你想建立暗色的一个基础色上。

将右侧的滑动块向下拖。这样将会得到数百万种有细微差别的选择。

要保存这种颜色以便下次使用，做法同上。

单色

单色组合（monochromatic combination）由一种色调及其相应的多种亮色和暗色组成。

你可能对单色主题已经很熟悉了，所有黑白照片都是由黑色（即“色调”，不过实际上黑色并不是一种“颜色”）和多种亮色或者有不同灰度的暗色组成。我们已经知道，这种组合能呈现多么美丽的图画。所以，可以在设计项目里使用一种单色组合，尽享其中的快乐。

这里有一个橙色色调以及相应的多种暗色和亮色。实际上，即使是单色印刷，也能产生多色的效果；可以使用黑色的不同暗色和亮色，然后再用你选择的墨色打印。

这张明信片只是利用黑色的不同亮色制作的。

这张明信片与上一张做法相同，不过使用了暗褐色油墨而不是黑色。另外将黑色的不同亮色相应地变成这种墨色的不同亮色。

暗色和亮色的组合

最有意思的是，还可以完成暗色和亮色的组合，也就是选择93～97页介绍的4种颜色关系之一，不过并不使用色调，而是使用这些颜色的不同亮色和暗色。这样能大大丰富你的选择，而且完全可以放心这些颜色的协调性。

例如，红色和绿色组合是一种绝妙的互补色，但这种组合几乎总脱离不了一种圣诞节的感觉。不过，如果采用这些互补色的某些暗色，就能表现出丰富的效果。

我提到过，红、黄、蓝三基色组合是儿童产品最常用的颜色组合。实际上，正是由于这种颜色组合在儿童产品中如此流行，以至于很难摆脱幼稚的感觉，除非你引入一些暗色和亮色——看看吧！这是何等丰富而精妙的组合。

注意色质

有没有一些颜色放在一起不太合适呢？如果你看过Robin的Wildflower Theory of Color，对此的答案是否定的。看到一片野花时，你会发出这样的感叹吗？“天哪，花丛的颜色组合真难看呀！”。也许这不太可能。

但是，如果野花丛本身包含有不同颜色值的多种色质（tone），又会怎么样呢？如果由于颜色组合而导致发生视觉抖动，这肯定只有一个原因，那就是色质过于接近。

色质是指某种颜色的特定明暗度、深浅度或色调。在以下第一个例子中可以看到，如果色质很接近，看上去会有些模糊不清，对比太过微弱。如果在一个复印机上复印下面这些例子，将无法看清文本。

如果设计要求使用有类似色质的色调，一定要尽力避免它们挨在一起，另外每种色调的用量也不要完全相同。

显而易见，这些深色的色质过于接近。

现在对比要明显多了；产生这种对比是由于色质有差别。由于某些情况下可能会有点问题（例如，灰白亮色上的白色装饰），为此，我加了一点阴影将这两个元素分开。前一页上也做了同样的处理，因为红色文本在蓝色背景下看起来很费劲，它们的值过于接近。

暖色与冷色

颜色往往要么是暖色（这说明，其中包含红色或黄色），要么是冷色（说明其中包含蓝色）。可以通过增加一些红色或黄色将某些颜色“加热”，如灰色或黄褐色。与之相反，也可以对颜色增加不同程度的蓝色对其“降温”。

不过，我希望你记住更实用的一点，冷色总趋于后退，而暖色是趋进型的。暖色不费多大功夫就能产生效果，红色和黄色能立即映入你的眼帘。所以，如果要组合暖色和冷色，一定要少用些暖色。

由于冷色是后退型的，所以可以使用（有时则必须使用）更多的冷色才能产生效果或形成有效的对比。

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

过多的红色看起来过于强烈，让人很不舒服。

这里从照片中把背景红色取出，而用作一种强调色。

如何取舍

有时选择颜色看起来易如反掌。先看一种合理的方法。项目有季节性吗？也许可以使用类似色（参见第89页）来暗示季节，火热的红色和黄色表示夏季；冰冷的蓝色表示冬季；不同色度的橙色和棕色代表秋天；明亮的绿色象征春天。

公司有没有制定一些官方颜色？也许可以先从这些颜色入手，再使用一些亮色和暗色。是不是在处理一个logo标志，其中包含一些特定的颜色？可以使用这些颜色的一种分裂互补色（参见第88页）。

你的项目是否包含一个照片或其他图像？可以选择照片中的一个颜色，再根据这个颜色选择一组其他的颜色。可能希望使用类似色，保持一种沉着冷静的感觉，也可以使用互补色增加视觉活力。

这里选择天空的颜色作为主标题颜色。其余部分可以使用悬崖砂土色的类似色，并用蓝色亮色突出强调。

有些应用可能提供了一种滴管工具，利用这个工具可以选择点击处的颜色。我就采用这种方法在InDesign中得到了天空和悬崖的颜色。

如果项目会定期反复，你可能希望自建一个调色板，供所有项目一致地使用。

例如，我每两个月就会根据莎士比亚作品的一些趣闻出版一个16页的小册子。主要有6个主题，每年反复一轮，所以经过多年的收集，颜色标记已经成为一个有组织的工具。6个第三色（第85页）80％的亮色都曾被选作为封面上的主色；这种颜色覆盖一定空间，标题则往往反色显示。这种选择就为内部装饰提供了一种颜色结构。

如果启动一个新项目，它将由多个不同部分组成，一定要在项目开始之前先选择你的调色板。这对于在项目进行过程中决定选择哪些颜色很有帮助。

CMYK与RGB，印刷与Web

要注意两种重要的颜色模型。尽管这是一个非常复杂的内容，但这里只提供一个最简要的解释。如果你只是用桌面彩色打印机打印，那么无需了解这些颜色模型，完全可以跳过这一部分。等需要时再来学习这个内容。

CMYK

CMYK代表Cyan（一种蓝色）、Magenta（一种红/粉红色）、Yellow（黄色）和一个Key色（通常是黑色）。利用这4种墨色，可以打印出成千上万种颜色，正是因为这个原因，这也称为一种“4色处理”。（专业印刷作业可能还会用到其他颜色的油墨）。

CMYK中的颜色就像我们的油画棒或水彩盒，蓝色和黄色能合成绿色，等等。这正是这一章一直所用的模型，因为这正是一本印刷图书。

如果你的项目要由一个印刷机印到某种物理介质上，就可以使用CMYK颜色模型。你所看到的所有印刷品，包括图书、杂志、海报、火柴盒面或饼干箱都是使用CMYK模型印刷的。

来看一个印刷的彩色图像，通过放大镜可以看到“玫瑰花饰”由有色点构成。

RGB

RGB表示Red（红色）、Green（绿色）和Blue（蓝色）。我们在计算机显示器、电视、iPhone等等上看到的就是RGB。

在RGB模型中，如果混合红色和绿色，可以得到黄色。不错，确实如此。将最大强度的蓝色和红色混合可以得到鲜粉色。这是因为组成RGB的有色光束并不是从任何物理物体反射来的，这是直接从显示器传入你眼睛的光。如果将所有颜色混合在一起会得到白色，如果去掉所有颜色，则得到黑色。

在这个世界上，可见光谱遇到物体时，物体会吸收（或扣减）大部分光谱，它们没有吸收的部分会反射回我们的眼睛，这就是颜色。

在显示器上，光的颜色不是反射来的，它们会直接进入我们的眼睛。

印刷与Web颜色模型

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

需要印刷的项目应当使用CMYK。

需要在屏幕上看的内容则应使用RGB。

如果要在一个贵重的数字彩色打印机（而不是普通的4色印刷机）上印刷，可以咨询印刷机操作人员想要CMYK还是RGB中的颜色。

采用RGB的文件较小，而且Photoshop中的一些技术只适用于RGB（或者使用RGB表现最好，速度更快）。不过如果在CMYK和RGB之间来回切换，每次都会损失一点数据，所以最好用RGB处理你的图像，最后再把它们转换为CMYK。

由于RGB利用了直接进入我们眼睛的光，所以屏幕上显示的图像非常绚丽多彩，而且有丰富的背景光。遗憾的是，切换到CMYK再用油墨在纸上打印出来后，这种华美和丰富性有所损失。这是必然的，所以不必过于失望。

8　更多提示与技巧

第8章

本章将讨论如何为一个假想的公司（名为Url's Internet Cafe③）创建一系列广告和宣传材料。这一部分我会增加许多提示、技巧和技术。不过你将看到，前面介绍的四个基本原则，不论项目大小，对每一个项目都适用。

这一部分涵盖了设计企业名片、信笺、信封、传单、新闻简报、宣传册、明信片、报纸广告和网站的一些特殊技巧。

创建包装

建立标识性包装时，最重要的特性之一是需要遵循重复原则：每一件作品中都必须有某个标识性图像或某种标识性风格。看看下面的各个作品，所有这些都是为这个公司创作的。请找出其中的重复元素。

企业名片

除了主色之外，如果还使用了第二种颜色（辅色），则用量一定要少。大多数情况下，第二种颜色只需稍稍用一点（不要在名片上通篇覆盖辅色），这样效果会更好。只需稍稍点缀，你会得到更大的回报。

你要向印刷厂说明，一页要印几张名片，每张名片之间相距多远。问问看能不能发送Adobe Acrobat PDF文件来打印［如果不知道怎么制做PDF，可以在Adobe网站（www.adobe.com）上了解有关的详细信息］。或者，你也可以买那些已经印好的打孔企业名片，然后在你自己的办公室打印机上打印。

企业名片规格

在美国，标准的企业名片规格为3.5英寸宽，2英寸高（许多其他国家的标准是8.5cm×5.5cm）。当然，如果是垂直格式，则为2英寸宽，3.5英寸高。

不要这么做！

不要在角落里放东西。角落为空无妨。

不要使用Times、Arial或Helvetica字体，否则你的名片看上去总是很老旧，就像是20世纪70年代的一样。

不要使用12点大小的字体，否则你的名片看上去会显得太简陋！人们完全可以轻松地阅读8点、9点或10点大小的字体。企业名片通常使用7点字体。请不要使用居中布局，除非能明确说明为什么需要这么做。

不要认为必须把名片上的所有空间都填满，留出一些空白是完全可以的。看看那些专业的名片，它们总会留有一些空白！

名片上没有必要写上email和web site等字眼，人们一眼就能看出来这些项是什么。

试试这样做……

一定要对齐！名片上的每一项都应当与另外一项对齐。

可以按基线对齐。

可以按右边界或左边界对齐。

大多数情况下，明确的左对齐或右对齐比居中对齐的效果要专业得多。

区号两边不要加括号，可以尝试使用点号、小圆点项目符号或者空白。这使得名片的外观更简洁。

把具体的街道、大街等完整写出来。如果使用缩写，其中的点和逗号会增加不必要的混乱。

如果没有传真号码，就不要在电话号码前后加上Phone。我们自会知道这是你的电话号码。

关于设计企业名片的提示

企业名片的设计可能是一个挑战，因为通常需要在一个很小的空间内容纳大量信息。另外，一张企业名片上放置的信息越来越多，除了标准的地址和电话号码外，现在可能还需要加上手机号码、传真号码、email地址，如果你有自己的网站（你应该有），还要加上你的网站地址。

格式

首先要选择是采用水平格式还是垂直格式。尽管大多数名片都是水平的，但这并不意味着所有名片都必须如此。通常表述信息更适合采用垂直布局，特别是要在这么小的一张名片上放这么多的信息。分别用水平布局和垂直布局做个试验，选择能更好地显示名片上信息的布局。

字体大小

新手设计的企业名片最大的毛病之一就是字体大小有问题。通常字体会太大。10点或11点大小的字体在书中看起来很正常，但是放在一张小名片上就会看起来很庞大。倘若字体大小达到12点，看上去则完全是很笨拙的。我知道从一开始就使用9点，甚至8点或7点的字体会很困难，不过看看你收集的那些企业名片。选出看上去最专业和精美的三张，它们绝对不会使用12点大小的字体。

要记住，企业名片不是一本书，不是宣传册，甚至不是广告，企业名片要包含客户几秒内需要看到的信息。有时，把字体设置得足够大，足以使老人都能很容易地看清楚，不如强调名片设计的整体、精美效果，后者更为重要。

创建名片、信笺和信封共有的一致图像

如果还计划创建一个信笺以及与之匹配的信封，那么这三样需要同时设计。企业名片、信笺和信封的整个包装应当为客户和顾客提供一个一致的图像。

信笺和信封

尽管很少有人在看到一个公司的信纸时会想：“太漂亮了，我要加三倍订单。”，或者“真难看，我要取消我的订单。”不过，当人们看你的信纸时，他们会对你有一些想法，这些想法可能是正面的，也可能是负面的，这取决于信纸的设计和外观感觉。

从你选择的纸张质量，到设计、颜色、字体和信封，其中暗含的内容应该能够提升企业的形象。尽管信件的内容是根本，不过也不能忽视信笺本身所带来的潜意识的影响。

勇敢一点！大胆一点！

不要这么做！

信封不要使用与信笺和企业名片不同的布局！所有这三项看上去应当是一体的。

不要把页面上的所有一切都居中，除非你的logo标志显然是一个居中标志，而且必须使用。如果确实需要居中，可以尝试对项的字体、大小或放置等方面有些创意（也就是说，尽管这些项相互之间是居中的，也许它们并不一定非得在页面上直接居中；可以试着把整个居中布局向左边靠近）。

不要使用Times、Arial或Helvetica字体。

就像企业名片一样、要避免使用括号、缩写以及只会增加混乱的多余的词。

试试这样做……

注意这三样基本上采用了同一种布局。这三样要同时设计，确保所选择的布局对企业名片、信笺和信封都适合。

完全可以使用很大或很小的字体和图片。

取消居中格式。明确的左对齐和右对齐线可以增强设计的效果。

关于设计信笺和信封的提示

信笺和信封应当与企业名片一起设计。它们看上去应该同属一体，如果你给别人一张企业名片，随后又给他寄了一封信，肯定希望这两样能互相强调。

信封规格

标准企业信封为9×4英寸。这称为10号信封。欧洲的标准规格是110mm×220mm，称为C4信封。

创建中心点

应该有一个最突出的主导元素，而且在信笺和信封（以及企业名片）上都应当同样有这个主导元素。一定要避免信笺使用乏味的顶部居中布局！

对齐

为信纸选择一种对齐方式！不要将某些内容在顶部居中，而把余下的文本左对齐。勇敢一些，放手去做各种尝试。可以沿着边右对齐，并有很大的行间距；可以尝试用很大的字体将公司名显示在顶部；还可以尝试将logo标志（或一部分）放大并淡化，作为信件内容区的底层阴影。

在信笺上要确保适当地摆放元素，以便键入具体的信件时，文本能很好地适应信纸的设计。

第二页

如果有条件增加第二页信纸，可以取第一页上出现的一个小元素，第二页上只使用这个小元素而不放其他内容。比如说，如果计划打印1000张信笺，通常可以打印800张第一页，200张第二页。即使你不打算打印第二页，也可以用同样的纸张打印几百张空白页，以便写更长的信。

传真和复印

如果计划通过传真或复印机发送你的信笺，不要选择深色或者带很多小点的纸张。还要避免大面积的深色墨迹、反色文本或太小的字体（在传真和复印过程中太小的字可能会被丢掉）。如果确实需要大量传真，可以设计两种版本的信笺，一种用于打印，另一种用于传真。

传单

传单设计起来很有意思，因为你可以安全地冲破各种束缚！这是一个可以天马行空，真正发挥创意的好地方。要知道，你的传单要在全世界各种文字垃圾中独树一帜，特别是要与其他传单一争高下。通常传单会发布在公告栏中，而在公告栏中可能同时有数十个页面在相互竞争，都希望引起过往人群的注意。

传单是最适合使用不同有趣字体的地方之一，而且使用有趣的字体也是让人注意标题的一种最佳方法。不要胆小，这是你使用奇特字体的机会，你不是一直在寻找这样的机会吗？

而且这也是尝试使用各种图片的最佳场所。可以试着把图像或照片放大到原计划尺寸的至少两倍。或者让标题大小为400点而不是24点。还可以创建一个最简传单，页面中间只有一行10点大小的文字，并配以底部的一小块文本。出乎寻常就会让读者停下来驻足观看，这就达到了90％的目标。

不要这么做！

不要把所有一切都放在方框里！由明显的对齐线来建立文本周围的“框”。

同样，不要在所有元素间设置同样大小的空间（间隔）。如果这些项是同一个单元的一部分，那就让它们更靠近一些。

不要使用Times、Arial或Helvetica字体。

不要使用连字符作为项目符号，而应当使用Wingdings或Zapf Dingbats字符。

不要在页面上将所有一切都居中，然后把小段文本放在角落里！

避免设计灰色乏味的页面，要增加对比！

当心换行，在不必要的地方换行或者用连字符连接都是不合适的。

试试这样做……

使用一个巨大的标题或巨大的剪贴画。

使用一种有趣的字体，并设置为超大字号。

将照片或剪贴画修剪为一种又窄又高的形状；沿左边放置，将文本左对齐。

或者将剪贴画沿右边放置，并将文本右对齐。

或者将文本分栏放置，每栏左对齐。

完全可以将传单上的正文设置得很小。如果一开始能让读者对这个传单感兴趣，他自然会去读这些小文字。

关于设计传单的提示

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

创建一个中心点

在页面上放一个很大、有趣而且明显的东西。如果能让读者的视线停在这个中心点上，他们往往更有可能阅读其余的文本。

使用有对比的子标题

有了中心点之后，再使用明显的子标题（视觉上效果强烈，而且能充分地表达含义），使读者能很快扫描这个传单，确定消息的要点。如果子标题本身没意思，读者就不会有兴趣读这个传单。不过，如果根本没有子标题，读者就必须仔细读传单上的每一个词来了解它的内容，他们不会花时间解读文本，而往往会把传单随手扔掉。

重复

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

对齐

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

新闻简报

多页出版物最重要的特性之一就是一致性，或重复。每一页看上去应当是属于整个出版物的一部分。可以通过颜色、图片风格、字体、空间布局、重复某种格式的项目列表、照片周围的边框、图题等等来实现这一点。

要知道，这并不是说所有一切看上去都必须完全一样！不过（就像实际生活中一样），如果你的基础很扎实，偶尔打破常规也无妨（人们不会为此担心）。可以试试倾斜的图片，或者把照片修剪得非常宽或非常窄，让照片横跨三列，等等。在坚实的基础上，如果用一种特殊的格式来显示董事长的训言，它会非常突出。

新闻简报里完全可以有空白。不过，不要让这些空白被“截留”在其他元素之间。空白要像其他元素一样有组织。要有空白，而且要让空白有条理。

新闻简报的设计中，首先也是最有趣的就是标志（有时称为刊头，虽然刊头实际上是内部用于指示创办该杂志的人的一个部分）。这一部分将确定新闻简报其余部分的基调。

不要这么做！

刊头（新闻简报第一页上的题目）设计不要放不开。要清楚明白地告诉别人你是谁！

不要设计一个平淡、灰色的新闻简报。适当的地方要使用对比字体，增加其他看上去有意思的元素来吸引读者，让读者对这个页面产生兴趣。

另一方面，不要对每篇文章都使用不同的字体和布局。如果整个新闻简报中有一种明确的、一致的底层结构，对某一篇文章做特殊处理时就会特别吸引读者的注意。

如果所有一切都各不相同，那么就根本没有特殊可言。

试试这样做……

大多数人都通过查看标题来浏览新闻报道，所以要让标题清楚而明显。

可以看出这里文本的底层结构。由于这个结构很扎实，所以可以将图片倾斜、放大、用文本包围，通过这些处理来增加页面的生动性。

花几分钟描述在这样一个多页出版物中如何应用这4个基本设计原则，并注意各个原则的效果。

关于设计新闻简报的提示

新闻简报最大的问题是缺乏对齐、缺少对比，另外使用了太多的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字体，要预留较宽的行间距（这是主要的），行的长度应缩短。

宣传册

如果需要对外宣传你新开业的自制小饼店，公布学校筹款活动或新近将推出的狩猎活动，宣传册绝对是一种快捷而廉价的方式。设计精良而生动的宣传册对读者来说就像是一道“视觉美食”，能深深地吸引他们，并以一种让人愉悦的方式使读者不知不觉中受到宣传册的感染。

基于前面介绍的4大基本设计原则，你能自己设计出光鲜夺目的宣传册。后面几页将要列出的提示也会有所帮助。

坐下来设计宣传册之前，先把一张纸折成你需要的形状，再在各个面上做些记号。假设你刚看到它，会按什么顺序来读这几面呢？

要记住，读宣传册中各个面的顺序应该就是读者打开这个宣传册的顺序，也就是说，你希望读者按什么顺序来读宣传册中的各个面？这也决定了读者按什么顺序翻开宣传册。例如，如果一个读者打开首页，他看到的就不该是版权声明和联系信息。

折出的首页页宽和背页页宽是不一样的！折出纸样后，从左到右量一量首页和背页。不要简单地把11英寸平均分为3段，这样是不行的，因为一个面要短一点才能塞入另外一个面。

有一点很重要，要注意折痕；你肯定不希望那些重要的信息消失在折痕里！不过，如果宣传册每一面上的文本都有明确的对齐线，那么图片的放置可以很灵活，完全可以把图片放在文本列之间（装订线），也可以放在折痕里。参见121页上的例子。

宣传册可以作为你的头号市场营销工具。

左边所示的三折本是目前为止最常见的一种宣传册样式（因为它非常适合信件大小的纸张），不过除此以外还有很多其他的折法，可以到印刷厂看看。

以下几页的例子是为这种标准的8.5×11英寸3折本宣传册设计的。

不要这么做！

不要在封面上混合使用居中和左对齐两种方式（在宣传册内部也不行）！请务必使用一种对齐方式！

正文不要使用12点大小的字体。否则，看上去会很简陋，不仅如此，大多数字体的大小设置为12点时对于标准3折本的宣传册都不太合适，相对于这种宣传册的列宽来说12点大小的字体都太大了。

不要让文字离折痕太近。记住，你要在列装订线的中间把纸折起来，所以与新闻简报相比，宣传册中列之间要留出更大的空间。

试试这样做……

读者会先看哪一面？然后呢？这个宣传册设计得将把读者逐步吸引过来。

看过封面上鲜明的欢迎辞之后，读者会在下一页上看到有关公司吉祥物的介绍，最后可以打开宣传册查看内部信息。

请注意这里如何使用颜色和大小的对比。

在宣传册中可以灵活使用图片，比如让图片更大一些，相互重叠，还可以在图片周围围绕着文本，让图片倾斜。如果宣传册中的文本有很好的对齐基础，完全可以这样灵活地放置图片。

可以看到，能跨装订线（文本块之间的折叠区域）的只是一些图片，图片不会在折痕里丢失。

关于设计宣传册的提示

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

对比

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

重复

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

对齐

我一直在反复强调关于对齐的内容，似乎有些啰嗦，不过这确实很重要。如果对齐做得不好，这个问题会一直困扰你。明确而鲜明的边界可以营造一种强烈、尖锐的感觉。如果结合采用了多种对齐方式（一个作品中同时使用居中、左对齐和右对齐），往往会给人一种草率而无力的印象。

有时你可能希望有意地打破单一的对齐方式（我在前面一页就是这么做的）；如果你有其他对齐方式与这种突破形成对比，也是可以的，但仅限于这种情况下使用。

亲密性

亲密性就是把类似的项分在一组，让它们靠得更近，像宣传册这样的设计中这一点尤其重要，因为宣传册里一个主题下有许多子主题。各项相互之间有多近或者相距多远，这会反映出项之间的关系。

要有效地建立空间布局，必须知道如何使用你的（编辑）软件在段落之间留出空间（前空间或后空间），而不是简单地按两次回车。如果段之间是两个回车，会产生太大的空隙（而你往往并不需要这么大的间隔），这就会把本来应当相互靠近的两项分开。如果千篇一律地使用两个回车，标题或子标题的上面和下面会有同样大小的空间（这并不是你所希望的），而且这会使项目列表中本来应该靠得更近的各项分离。好好学学如何使用你的编辑软件！

明信片

由于明信片直观而直接，不需要信封，也不需要信纸，所以明信片是吸引人注意的一种极佳的办法。出于同样的原因，如果明信片设计得很丑陋，很乏味，那它只会浪费每一个人的时间。

所以，为了避免这种浪费，要记住以下几点：

与众不同。超大或形状特异的明信片会从邮箱中各色信件中脱颖而出。（但要去邮局检查，确保其形状可作为信件投递。）

成“系列”。一张明信片只会给人留下一个印象，想想看如果是一系列明信片会给人怎样的印象！

明确具体。明确地告诉收到明信片的人，他们会得到怎样的好处（以及得到这些好处需要付出什么）。

力求简练。明信片正面只放一条短小并让人注意的消息。把不太重要的详细信息放在背面。

尽可能使用颜色。充分使用颜色不仅很有意思，还能吸引人的眼球，让人产生兴趣。

不要忘记：空白也是一种设计元素！

不要这么做！

这个标题有什么问题？

不要使用12点大小的Helvetica、Arial或Times字体。

不要把信息全用大写，因为这样读起来太困难了，以至于没有人会去读它。要知道，这是你主动寄出的，读者原本并没有要求收到这个明信片，不是吗？

使用对比和空间关系清楚地表述消息。

企业名片的指导原则（第103~106页）也同样适用于明信片：不要在角落里放内容；不要以为所有空间都填满才行；不要把所有东西都设置为相同或者几乎相同的大小。

试试这样做……

试试一种规格奇特的明信片，如又高又窄或者又短又宽，还可以是超大或者带折页的明信片。

但是在真正打印之前，要到邮局去问问你想要的大小和纸张是否确实能邮寄！而且还要查查看邮寄这种特殊规格的明信片需要花费多少邮资。

像所有其他作品一样，如果你想很快吸引别人的注意，应当为信息创建一种层次组织，这样读者就能扫描整个明信片，并立即决定是否想读其余的内容。

关于设计明信片的提示

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

关键是什么

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

吸引人注意

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

对比

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

报纸广告

设计得好的报纸广告可以为广告人创造奇迹；不过，看着好看并不是取得成功的全部。以下提供一些提示，即使是最糟糕的广告也能从中受益：

空白！下一次看报纸时自己做些笔记。你的眼睛会很自然地落在哪些广告上？你会真正读哪些广告？我敢打赌，你肯定会看那些有更多空白的广告，而且至少会仔细读那些广告的标题。

机敏。没有什么能比一条机敏的标题更能吸引人（即使设计本身并不怎么样）。当然，如果标题也好，设计也棒，成功的可能性就会加倍！

清楚。一旦你的标题确实吸引了读者的注意，接下来你的广告就要具体地告诉读者该做什么（并明确指出有关途径，即电话号码、email地址、网址等）。

简洁。广告不是让你把全部生平都放上去。广告要简单，切中要点。

尽可能使用颜色。颜色总能引人注目，特别是四周被一片灰色的文本海洋包围时，有颜色的部分更能独树一帜。

广告并不是花哨才有效果。

不要这么做！

如果标题没有吸引读者的注意，他们就不会读正文，不论你把正文设计得多大都没有用。（如果不采用全大写，标题还可以设置得更大）。

不要把所有文本都设置为相同的大小。让标题突出出来。一旦用标题抓住了读者的视线和思路，他们就会读其余的文本，即使文本大小仅为9点。

不要把空间都占满！我知道，你为版面付了钱，不过空白同样很有价值，而且更划算。

除非你的广告提供的信息很有价值，是读者想知道但在别处得不到的，否则就不要把它塞满。留出些空白吧。

试试这样做……

留出空白很好。使用空白的技巧是要保证空白也是有组织的。上页的第一个广告与这个广告中的空白同样多，不过上页的广告中空白四处散布，没有条理。

要像组织信息那样，有意识地组织空白。如果你遵循设计的那4条原则，空白自动会在该结束的地方结束。

与所有其他设计一样，要使用对比、重复、对齐和亲密性。你能指出这些广告中这些概念都用在哪里吗？

关于设计报纸广告的提示

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

对比

对于报纸广告的设计，不仅广告本身需要对比，广告与它所在那一页报纸上的其他内容也要有对比。在这种广告中，产生对比的最佳方法就是利用空白。报纸上往往充斥着大量内容，显得非常挤。如果一个广告包含大量空白，就会在这页报纸上脱颖而出，读者的眼睛不由自主地就会受它的吸引。你可以自己试试看。打开一张报纸（或者一页电话簿），快速扫一遍。我相信，这一页上哪里有空白，你的眼睛可能就会朝那里看过去。之所以会这样，就是因为空白在拥挤的页面上提供了一种强烈的对比。

留出空白后，不必为了产生强烈效果与其他内容竞争而对标题使用又大又胖的字体。实际上标题可以用一种漂亮的script字体或者经典的oldstyle字体，而不要使用粗笨的字体。

字体选择

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

反色文字

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

网站

本书反复提到的4大基本原则（对比、重复、对齐和亲密性）也同样适用于Web设计，不过，这其中重复对于网站的设计是最重要的因素之一。其他三个原则可以使页面看起来很不错，更合理，但重复更有意义，这会让访问者知道自己是否还在同一个网站中。要有一致的导航系统和图片风格，使访问者总能知道他们仍在同一个网站中。可以重复一种颜色方案，使用同样的字体或按钮，或者在每一页上的同一个位置放置风格类似的图片元素，这些都能帮助你达到目的。

设计网站与设计其他出版物有一些差别。如果你在Web设计方面完全是一个新手，而且想知道如何起步，那你确实需要看看The Non-Designer's Web Book。

网站应该让游客感觉友好而且轻松。这个网站就很简单明了。

在这方面，Google.com是一个绝好的例子，不仅极其有用，而且简单明了。

不要这么做！

不要让访问者在页面上移动滚动条来查看导航链接！

不要让文本紧挨着浏览器窗口的左边界。

不要对文本或图片链接使用默认的蓝色。这绝对是业余水平页面的标志。

不要把文本链接放在有边框的粗笨表单元格中。

正文不要采用粗体，也不要占据整个页面的宽度。

不要使用荧光背景色，特别是不要使用荧光文字！

不要让访问者移动滚动条！页面最大宽度不要超过800像素。特别是不要让表的宽度超过600像素，否则访问者想打印页面时会很恼火。

试试这样做……

保证录入页面和主页在800像素宽600像素高的范围内。访问者无需在主页上滚动就应当能找到链接！

要在Web设计中完全去除所有不好的因素，这还需要你花很长的时间努力，最终才能得到好的Web设计。

可以看看Peachpit.com或Adobe.com网站。至少指出其中5处有助于提供一致性的设计，这些设置使访问者总能知道，不论他们在浏览哪一页都没有离开Adobe网站。

具体描述是什么造成了这两页上例子的差别。大声说出各个设计特性（包括好的特性和不好的特性），找出这些特性，这有助于你设计出更好的网站。

关于设计网页的提示

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

重复

在网站的每一个页面上重复某些视觉元素。这不仅能让访问者知道他们还在你的网站中，还可以提供一种统一性和连续性，这是所有优秀设计必不可少的特性。

到了内容页上，访问者应当能在相同的位置、以同样的顺序找到有同样图片的导航系统。这不仅能让访问者很容易地访问你的网站，还能为所有页面提供一种统一性因素。

可读性

在屏幕上读文本相当费劲，不论是通过电视、视频还是计算机，都不轻松。所以需要对Web页面上的文本做一些调整，确保尽可能地便于阅读。

与纸上相比，网页上的行宽要更短。正文绝对不应超出网页的总宽度，这说明，必须把文本放在一个表中（或者至少使用块缩进，即文本在左边和右边同时缩进）。不过，使用太短的行宽也不好，这样会导致不得不过多地将句子断开。

如果指定文本以某种字体出现（如果没有这个要求，那就不用看下面的内容了），通常会指定Helvetica或Arial以及Times或Times Roman，请指定Geneva而不是Helvetica，另外应当指定New York而不是Times。这样文本在Macintoshes上显示时将简洁得多，而且更容易阅读。（如果你使用的是Mac机器，可以把默认字体设置为New York而不是Times，你会惊异地发现现在读网页是多么容易。但在打印网页之前，要把字体改回为Times）。所有最近几年更新的操作系统上都提供了Verdana字体，这是显示Web正文的一个绝好的选择。

注释

①　上述4个原则的英文首字母缩写为CRAP，是一句不文明用语。——编者注

②　如字体大小为12磅，则1em为12磅，如果字体大小改为14磅，1em则为14磅。——译者注

③　确实有一个UrlsInternetCafe.com，不过本章你所看到的商品并不真正出售。不错，它们本来是打算出售的，但是我们用的那家在线执行公司已经停业，那些极好的商品也不再出售。如果你看到了这些产品，请告知我们。

Part 2

第二部分

字体设计

本书的第二部分将专门讨论字体，因为字体才是设计的根本，不是吗？这一部分重点解决在一个页面上结合使用多种字体的有关问题。

尽管我强调的是字体美学，不过不要忘记，我们最终的目的是为了更好地表达。字体绝不能对表达带来负面影响。

本部分内容

第9章　字体（与人生）

第10章　字体类别

第11章　字体对比

9　字体（与人生）

第9章

字体是“搭建”所有排版页面的基本模块。设计一个页面时，通常需要使用多种字体，而且有时这是绝对必要的。不过，你怎么知道哪些字体能有效地一同工作呢？

在生活中，事物往往不是单一的，这就会建立动态的关系。字体方面也是如此，通常一个页面上有多个元素，甚至包含正文的文档中也往往有标题或子标题，或者至少会有页码。在页面（或生活）中，这些动态元素之间会建立一种关系，这可能是一种协调的关系，也可能是冲突的，或者是对立的。

如果只使用一个字体系列，在样式、大小、字体粗细等方面没有什么变化，就会产生一种协调的关系。保持页面的协调性很容易，而且看上去这种安排很安静，非常正式，有时也可以认为相当乏味。

如果结合使用了多种字体，它们在样式、大小、字体粗细等方面很类似（但并不相同），就会出现一种冲突的关系。这种相似性会造成困扰，因为我们所看到的不完全一样（协调），但也并非完全不同（对立或对比），所以它们是冲突的。

如果结合的多种字体和元素彼此之间截然不同，就会出现一种对比关系。引人注目的亮丽设计往往包含大量对比，而且这些对比会得到充分强调。

大多数设计人员在一个页面上结合使用多种字体时往往是即兴而为。你可能感觉某种字体要更大一些，或者某个元素需要更粗一些。不过，这些都只是感觉而已，如果你能发现并具体指出其中的对比，才能切实地把握页面的设计。这样一来，你可以更快地发现产生冲突的根源，并找出更有意思的解决方案。这正是这一节所要讨论的。

协调

如果选择只使用一种字体，页面上的所有元素都采用同样性质的字体，这种设计就是协调的。也许你使用了某种italic字体，或者标题可能更大一些，还有可能使用了一个图片或一些装饰元素，不过给人的基本印象还是协调的。

大多数协调的设计往往都相当平静和正式。这并不是说协调不受欢迎，只是要很清楚如果元素彼此之间完全协调会给人怎样的印象。

这个协调的例子使用了Cochin字体。第一个字母更大一些，而且这里使用了一种斜体（Cochin　斜体），不过总体看来是非常柔和的。

粗字体（Aachen粗体）与粗边框能很好地结合。甚至填空的空格线也比较粗。

字体、细边框以及装饰元素都有同样的风格，能提供同样的印象。

看上去是不是很熟悉？很多人准备结婚请帖时就应用协调原则做了这样的设计。这是一种不错的设计！但要有意识地去这么做。

冲突

如果在同一个页面上设置了两个或多个类似的字体，它们并非完全不同，但也不完全相同，这个设计就是冲突的。我见过无数的学生为了匹配页面上的某种字体，而去查找一种“看上去相似”的字体。这是错误的。如果把两种看上去非常相似但又不完全一样的字体放在一起，大多数情况下都会出现这个问题。问题就出在相似性上，因为相似性是互相冲突的。

协调是一个稳妥有用的概念，但冲突务必要避免。

从这个例子可以看到，读到“full of sound and fury”这句时有什么变化？你是不是会奇怪为什么这里使用了另一种字体？是不是认为也许这只是一个失误？这会让你不舒服吗？最前面放大的首字母原先真的就是这样设计的吗？

请特别注意标题和其他行中的“a”、“t”和“s”。它们是类似的，但不相同。边框与字体或线的粗细不同，但也没有形成强烈的对比。这个小小的设计中存在太多的冲突。

这个小请帖使用了两种script字体，它们彼此之间有很多相似之处，但是又不完全相同，也并非截然不同。

装饰元素也存在同样的冲突。这个设计看上去很混乱。

对比

这个世界上所有特性都依赖于比较才能显现。如果没有比较，则根本没有存在的前提。

——Herman Melville

下面该是好玩的部分了。创建协调相当容易，制造冲突也很容易，不过不受欢迎。产生对比则非常有趣。

从上一部分对设计的介绍中可以了解到，强烈的对比能吸引我们的视线。要在设计中增加对比，最有效、最简单而且最让人满意的方法之一就是利用字体。

在这个例子中可以很清楚地看出，“full of sound and fury”原本就设计为要采用另一种字体。整个作品视觉上更引人注目，活力四射，原因就是这里使用了字体的对比。

现在字体之间的对比很明确（它们确实同属于一个字体系列Antique Olive），但是这里用非常粗的字体与非常细的字体形成了对比。边框与空格线的线粗也大相径庭。

这个请帖使用了两种截然不同的字体，它们在很多方面都有差异。

Popeye和Olive Oyl的形状，包括修饰图案（此处显示了一种）与其余字体很搭配。

小结

对比不只是能增加作品的美感，页面上信息的条理性和清晰性与对比密不可分。不要忘记，我们最终的目的是为了更好地表达信息。结合多种不同字体应该促进这种表达，而不应造成混乱。

字体对比有6种明确的不同方式：大小、粗细、结构、形状、方向和颜色。本书余下的部分将分别讨论这些不同形式的字体对比。

尽管我一次只描述其中的一种对比，但实际中很少只使用一种对比，一种对比的效果通常不能让人满意。大多数情况下都会结合并强调多种对比来加强效果。

如果很难发现结合多种字体时出了什么问题，不要只关注字体之间有什么不同，而要重点查看它们有什么相似之处。正是由于这种相似性才导致了问题出现。

建立字体对比时要遵循这样一条规则：不要太保守！

不过……

在介绍各种对比之前，需要对字体的类别有所了解。先花几分钟看看下一章的介绍，注意每一类字体存在哪些相似性使它们可以划归为同一个字体类别，努力找出这一类字体的一、两个例子，然后再学习下一类字体。这些例子可以在杂志、图书、包装袋以及所有出版物中查找。相信我，花点时间做这件事绝对是值得的，正所谓磨刀不误砍柴工！

10　字体类别

第10章

如今有成千上万种不同的字体，而且每天还在产生更多的字体。不过，大多数字体都可以划归为以下提到的6大类之一。在有意识地对比字体之前，需要先了解这几组字体设计之间的相似性，因为正是这种相似性才导致了字体组合使用时的冲突。本章的目的是使你更清楚、更详细地了解字体。在下一章中，我将进一步介绍如何结合使用这些字体。

当然，你会发现还有几百种字体划入以下任何一类都不太合适。由于字体的千差万别，我们甚至可以为它们建立数百个不同的类别，不过不用为此担心。关键是你要从现在开始更细致和更清楚地查看字体。

我将重点讨论以下6类字体。

Oldstyle

Oldstyle类别中的字体是基于手写体创建的。可以想象自己手里有一支有V形笔尖的笔。Oldstyle字体都有截线（见下图中的标注），而且小写字母的截线总有一个角度（笔的角度）。由于使用的是这样一支笔，Oldstyle字体中的所有曲线笔划都有一种从粗到细的变化，技术上讲，这称为“粗／细过渡”。笔划中的这种对比相对比较缓和，这说明它只是从比较细变化（过渡）为稍微粗一点。如果在曲线笔划的最细部分画一条线，这条线将是对角线。这条线称为强调线（stress）——Oldstyle字体有一条对角强调线。

在你看来这些字体是不是都一样？不用担心，对于没有学过排版的人来说，它们确实看起来都一样。正是这种“不可见性”（看不出存在差异），使得Oldstyle字体成为显示大量文字的最佳选择。Oldstyle字体几乎没有什么显著的特征会影响阅读，它们本身不会分散人的注意力。如果你希望人们具体去读某些文字，可以选择设置为Oldstyle字体。

Modern

随着历史的演进，字体的结构已经有所变化。由于生活方式和文化的变化，字体也随之改变，就像发型、衣着、建筑或语言一样。18世纪出现了更光滑的纸张，更复杂的印刷技术，另外机械设备总体也大幅发展，这些都导致了字体变得越来越机械。新的字体不再遵循手中所拿笔的笔迹。Modern字体有截线，不过它们的截线是水平的，而不再倾斜，而且这些截线很细。Modern字体就像一座钢铁大桥，结构很严格，笔划中有剧烈的粗／细过渡（或对比）。由于不存在笔的倾斜；所以强调线完全是垂直的。Modern字体看起来往往有一种冷酷、高雅的感觉。

Modern字体外观很醒目，特别是设置得非常大时有一种让人震撼的感觉。由于有剧烈的粗／细过渡，在显示大量正文时，大多数Modern字体都不是很好的选择。细线几乎会完全消失，而粗线太过突出，在页面上这种效果称为“眩目”。

Slab serif

随着工业革命的出现，又产生了一个新的概念：广告。最初，广告人选用modern字体，并把粗线设置得更粗。你以前可能见过使用这种字体的海报，从远处看，所看到的都是一条条垂直线，就像一个栅栏。要解决这个问题，一个明显的做法就是把整个字体都加粗。Slab serif的粗／细过渡很小甚至没有。

这一类字体有时称为Clarendon，因为Clarendon字体（如下所示）是这种类型的典型代表。它们也称为Egyptian字体，因为这种字体是在古埃及文明发展期间盛行起来的，为顺应这一点，这一类的很多字体都有一个埃及名（Memphis、Cairo、Scarab）。

粗／细对比很小的许多Slab serif字体（如Clarendon或New Century Schoolbook）可以提供很好的可读性，这说明它们可以很好地用于显示大量文本。不过，与Oldstyle字体相比，总的看来，设置为这种字体的页面更暗，因为它们的笔划比较粗，而且粗细相对单一。由于其简洁、直接的外观，Slab serif常在儿童图书中使用。

Sans serif

单词“sans”在法语中的含义是“没有”，所以Sans serif字体就是指笔划末端没有截线的字体。去除截线的思想是字体变革后期才有的发展，直到20世纪早期才取得广泛成功。

Sans serif字体的粗细几乎总是单一的，这说明笔划中几乎没有可见的粗／细过渡，字体的粗细都一样。

另外参见下一页，其中介绍了Sans serif字体的一些重要信息。

如果你的字体库中的Sans serif字体只有Helvetica和Avant Garde，要想更好地设计页面，最好的做法就是引入包括一个很粗很黑字体的Sans serif字体系列。以上字体系列中各个字体的粗细有很大差异，不仅有很细的字体，也有非常黑的粗字体。引入这样一个字体系列后，将大大提升页面的效果，看到由此产生的亮丽页面定会让你惊讶不已。

大多数Sans serif字体的粗细都是单一的，如前一页所示。不过，也有很少的几种字体稍微有一些粗／细过渡。以下是这样一个Sans serif例子（有一条强调线），名为Optima。Optima之类的字体在页面上很难与其他字体结合，它们与serif字体在粗/线笔划方面存在相似性，另外由于没有截线，这一点又与Sans serif字体相似。所以使用这种Sans字体时要非常小心。

Optima是一种非常漂亮的字体，但是与其他字体结合使用时必须很小心。注意它的粗／细笔划。它具有Oldstyle的典雅气质（参见第146页），不过它是Sans serif字体。

这里可以看到Optima（较小字体的文本）与Tabitha的完美结合。Tabitha的活力四射与Optima的古典美正好形成鲜明的对比。

Script

看上去利用一个书法笔或书法刷（或者有时用钢笔或专业笔）手写的所有字体都属于Script类字体。这一类字体还可以很容易地划分为连笔手写体、不连笔手写体、手工书写的手写体、模仿传统书法风格的手写体，等等。不过为了强调我们所要介绍的内容，这里将把它们作为一类汇集在一起说明。

Script字体就像是奶酪蛋糕，要少用，这样才不会让人觉得恶心。当然，绝对不能将大段文本设置为这些有趣的字体，而且绝对不能设置为全大写。不过Script设置得非常大时可能会让人印象特别深刻。放手去做，千万不要保守！

Decorative

Decorative字体很容易看出来，如果一本书全部使用这种字体，读这样一本书让你很想把它扔掉，那就大致可以认为这属于一种Decorative字体。Decorative字体本身很不错，它们不仅有趣而且特别，很易于使用，有时更廉价，而且你一时想表达的任何突发奇想都可以使用这种字体。当然，正是因为它们如此特别，所以这种字体的使用要有限制。

使用Decorative字体时，先把你的第一印象抛在一边，进一步再想想看。例如，如果Pious Henry作为一种非正式的字体让你很震撼，那就在一种更正式的场合下用用看，看看会发生什么。如果你认为Juniper有一种西部的野性美，可以尝试用在公司或花店介绍里，看有什么结果。取决于在什么场合使用这些字体，Decorative字体可以传达鲜明的情绪，或者可以让它们传达与你第一印象完全不同的内涵。不过，这是另一本书要讨论的内容。

有时名人名言使用Decorative字体非常合适。

有意识地去做

要想有效地使用字体，必须特别当心。我的意思是：必须把眼睛睁大，要注意到细节，应当尝试用文字明确地表述问题。或者如果你发现哪个方面深深地吸引了你，就要用语言说清楚它为什么吸引你。

花几分钟，翻一翻某本杂志。试着把你看到的字体归类。其中许多字体不能很好地归入上述的任何一类，不过这也无妨，可以选择看起来最接近的一个类别。关键是你要更仔细地查看字体，要想有效地结合多种字体，这绝对是至关重要的。

小测验#3：字体类别

将字体类别与字体连线！

小测验#4：粗／细过渡

对以下字体进行：

缓和的粗／细过渡

剧烈的粗／细过渡

没有（或者可忽略不计的）粗／细过渡

小测验#5：截线

下例中的小写字母属于以下哪种截线类型：

细、水平截线

粗、平板式［提示］水平截线

没有截线

倾斜截线

注意所有“g”字母间存在巨大差别！这很有意思。

小结

要特别当心这几类字体，这一点的重要性再强调也不为过。学习下一章时，你会清楚地了解到为什么这很重要。

要不断提高你的视觉敏锐水平，对此可以做一个简单的练习，这就是收集各类样例。从你能找到的任何印刷品中把样例剪下来。能看到同属于一大类的字体吧？继续，再建立一些子集，例如，为x-height小而且下伸部分长的Oldstyle字体建立一个子集（见下面的例子）。或者为更像手写印刷体而不是草书的Script建立一个子集。还可以为扩展字体和压缩字体建立子集（如下所示）。有了这种对字体的视觉敏锐度，你才有能力创建有趣、有煽动性的有效的字体组合。

注意比较Bernhard的x-height与以下Eurostile。请看x-height与上伸部分的关系。Bernhard的x-height非同寻常地小，而上伸部分异常高。大多数Sans serif的x-height都很大。要注意到诸如此类的细节。

扩展字体看上去是展开的；压缩字体看上去则挤在一起。这两种字体分别有适用的场合。

11　字体对比

第11章

这一章强调如何结合使用各种字体。下面几页将描述对比字体的各种方法。每一页都会展示一些具体的例子。这一部分的最后还将提供一些综合例子，展示如何在页面上应用这些字体对比原则。字体对比不仅是为了美观，还可以加强意思的表达。

不应该要求读者去努力寻找页面的内容，如重点、材料的组织、用途、信息流程等等，所有这些应该一眼就能看出来。在保证一目了然的同时，还可以让页面更漂亮！

我将讨论以下几种字体对比：

大小

提问：这里的英文字体属于哪类字体？

字体大小的对比（也就是大字体与小字体的对比）非常明显。不过，为了有效地使用大小对比，绝对不要保守。12点和14点大小的字体无法形成明显的对比，大多数情况下，它们只会产生冲突。同样地，65点与72点的字体也相差无几，不能形成对比。如果想在字体大小方面让两个元素产生对比，就放手去做。要力求明显，不要让人觉得这是一个失误。

确定希望哪个元素作为中心点。利用对比来突出强调。

如果还需要有其他元素，不过它们对于一般读者来说并不太重要，就让它们小一点。谁会关心期号呢？如果有人确实关心这是哪一期，即使期号很小仍然可以看清。不设置为12点大小是完全可以的！

字体大小对比并不意味着必须让字体很大，而只是要求应该有对比。例如，如果你看到一张很大一版报纸中只有一行很小的文本，你肯定很想看看这是什么，对不对？之所以能够产生这种吸引力，一个重要原因就是这个大页面与非常小的字体之间产生了明显的对比。

如果你在报纸中翻到这一版，会立即注意到中间的这行小字吧！这正是对比的力量。

有时，大小对比的诱惑可能让人无法抵挡，这样可以大大增强较小的字体。充分利用这一点。谁想注意那些“纠葛”在一起的文字呢？尽管小文字很小，但是绝对并非看不见，需要它的人还是能顺利读到。

我再三建议不要全部使用大写。有时你可能想使用全大写来让文字更大一些，是吗？但具有讽刺意味的是，文本设置为全大写时，与同样的文字使用小写相比，所占的长度可能是后者的两倍，所以不得不让字体更小一些。反之，如果将文本变成小写，则可以设置为更大的字体（点数更大），而且这样做还有一个好处，将有更好的可读性。

这个标题使用了20点大小的字体。这是这个空间内全部采用大写时所能使用的最大字体大小。

把标题变成小写后，可以将字体加大到28点，另外还可以有足够的空间让标题更粗一些。

要以一些有煽动性的非常规方式造成大小对比。许多印刷符号（如数字、&符号或引号）设置得很大时会非常漂亮。在标题或引用文字中可以把它们用作装饰元素，或者可以在整个出版物中用作重复元素。

如果大小对比非同一般，这本身就能成为一种图形元素，如果项目可用的图片很有限，这会很方便。

如果使用一个大小非比寻常的项，看看能不能在别处重复这个概念，创建一种吸引人的有效重复。

粗细

提问：这里的英文字体属于哪类字体？

字体的粗细是指笔划的粗细度。大多数字体系列都设计为包括多种不同的粗细：常规（regular）、粗体（bold），可能还有半粗体（semibold）、极粗（extra bold），或者细字体（light）。结合多种不同字体粗细时，要记住这样一个规则：不要太保守。不要把常规粗细与半粗体对比，完全可以找一种更粗的字体与之对比。如果结合两种不同字体系列中的字体，一种字体通常比另一种要粗，所以要特别强调。

个人计算机默认提供了一些字体，但所有这些字体所属的字体系列中都不包括非常粗的粗体。衷心希望你至少引入一种非常粗的黑粗体。在字体表中查查看，找出一种合适的字体。粗细对比是为页面增加视觉效果最容易而且最有效的方法之一，而且无需重新做任何设计。只是有一点必须明确：除非有一种笔划很粗大的字体，否则得不到这种漂亮的强烈对比。

左边是同一个字体系列的例子，但粗细不同。注意，细字体（light）和下一级加粗字体（有不同的称呼，可以称为regular、medium或book）之间的粗细度没有太明显的对比。

在半粗体（semibold）和粗体（bold）之间也不存在强烈的对比。如果你想利用粗细来形成对比，就不要保守。如果对比不强烈，看上去只会像是一个失误。

还记得本书第一部分中的这些例子吗？左边使用了计算机自带的字体，标题采用Helvetica（Arial）粗体，正文采用Times Roman常规字体。

右边的正文字仍然使用Times Roman常规字体，不过在此我使用了一种更粗（有更大粗细度）的字体来显示标题（Aachen　粗体）。只是做了这样一个简单的修改（利用更粗的字体来形成对比），就能让人更想阅读这个页面。（题目也更粗，并用一个黑框反色来增强对比效果。）

还记得前面的这个例子吗？通过把公司名设置为小写而不是全大写，现在不仅能让字体更大，还可以让它更粗，这样就能为这个名片增加更多的对比和视觉效果。更粗的字体会在名片上形成一个更强烈的中心点。

粗细对比不仅能使页面更引人注目，也是组织信息的最有效的方式之一。实际上，你将新闻简报标题和子标题设置得更粗时已经在做这个工作。基于这种思想，再把它向前推进一步。看看下面的目录，注意由于关键标题或短句设置得非常粗，由此你能立即领会这些信息的层次体系。这种技术对于索引也很有用；能使读者一眼就看出一个索引项是一级索引还是二级索引，这样就能消除按字母查找时经常出现的混乱。请参考本书的索引（或者我的任何一本书的索引）。

让各章的标题更粗，能使人一眼就看出哪些是重要信息，而且这样还能更强烈地吸引我们的视线。不仅如此，这样做还能提供一种重复（4大基本设计原则之一，还记得吧？）。我还在每个粗标题上面增加了一点空间，这样标题就能很明确地与它的子标题归为一组（没有忘记吧，这是亲密性原则）。

如果你的页面看上去“灰乎乎的”（有大篇幅的文字），而且没有空间来增加图片，也无法抽出引用文字把它们设置为图片，就可以用非常粗的粗体设置关键短句。这些设置会把读者吸引过来看你的页面。（如果在serif正文中间使用粗体sans serif强调关键语句，可能必须让粗体sans serif字体小一号，使之看上去与serif正文的大小相同。）

如果一个页面完全是灰乎乎的，偶然路过的读者可能不愿意继续看下去。但是利用粗细字体的对比，读者可能会很快地扫描要点，而且深入阅读其中信息的可能性更大。

（当然，有时候读者只想看普通的黑白页面。比如，读一本书的时候，你并不想让任何花哨的东西分散你的注意力——你只是想让这类风格隐藏起来不被看到。有些杂志和期刊更倾向于将黑白页面的外观设计得很单一，很正式，因为他们的读者对此会有一种更严谨的印象。每件事物都有它适用的场合。只要确保你创建的外观是有意识地去这么做的就可以了。）

结构

提问：这里的英文字体属于哪类字体？

字体的结构是指这种字体是如何建立的。可以想象你要利用库房里的材料建立一个字体。有些字体建立时粗细很单一，笔划里几乎没有能辨别的粗细变化，就好像是用粗细相同的钢管建立的一样（如大多数sans serif字体）。其他字体的建立则非常强调粗／细过渡，就像是有尖桩的栅栏（如modern字体）。还有一些字体则介于二者之间。如果你要结合使用来自两种不同字体系列中的字体，就要使用不同结构的字体系列。

还记得这一部分前面关于不同字体类别的内容吗？不错，这里要用到那些内容。每种类别都有类似的结构。所以，如果从两个或多个类别中选择两个或多个字体，应该是一个不错的字体方案。

小测验：

你能说出这里表示的每一种字体类别吗（每条线对应一个类别）？

如果不能，请再读一读这一部分，因为尽管这个概念很简单，但非常重要。

结构是指一种字体如何构建，而且正如此例所示，每个类别的结构有很大差别。

Robin原则：不要把同一个类别中的两种字体放在同一个页面上。它们之间的相似性是无法避免的。不仅如此，你还有那么多其他的选择——为什么要让生活更艰难呢？

你读过The Mac is not a typewriter或The PC is not a typewriter吗？（如果还没有，真应该好好读一读）。在那两本书里，我指出不要把两种sans serif字体放在同一个页面上，而且不能把两种serif字体放在同一个页面上，除非你经过一些排版培训。如果说以上就是你的排版培训，某种情况这么做也确实是允许的，即在同一个页面上设置两种sans serif字体或两种serif字体。

不过这样做有一个原则，要求必须选取两个不同字体类别中的字体。也就是说，可以使用两种serif，只要其中一种是oldstyle字体，而另一个是modern或slab serif字体。即便如此，还是必须非常小心，而且要特别强调对比，但不管怎么说这么做确实是可以的。

采用同样的思想，要避免同一个页面上出现两种oldstyle字体，它们存在太多的相似性，不论你怎么做冲突都在所难免。出于同样的原因，应当避免同时设置两种modern或两种slab字体。另外还要避免在同一个页面上使用两种script字体。

这么小小的一段引用文字中居然用到了5种不同的字体。总体看上去并不太坏，原因只有一点：每个字体各自都有不同的结构；它们都来自不同的字体类别。

不同的字体最初看上去就像动物园里的老虎难以区分。所以，如果你刚刚了解到字体结构存在差异的有关概念（一种字体看上去不同于另一种字体），要想选择有对比的结构，一种容易的方法就是选择一个serif字体和一个sans serif字体。serif字体的结构中通常存在粗／细对比，sans serif字体则往往有一致的粗细。将serif与sans serif结合，这是一种经过了时间检验的组合方法，具体的做法数不胜数。不过，在下面第一个例子中可以看到，仅仅靠结构的对比还不够；还需要与其他对比相结合，如同时利用大小或粗细对比来强调差异。

可以看到，仅依靠结构对比并不足以有效地体现字体对比。

不过如果加大元素的大小对比——不得了！看看现在的对比效果！

如上例所示，结合使用有两种不同结构的字体还不够。这样对比还很弱——必须特别强调二者的差别。

现在就好得多了！将题目加粗，可以突出两种字体结构之间的差别——还能加强二者的对比。

在一个页面上同时设置两种sans serif字体往往很困难，因为它们只有一种结构，即粗细一致。如果你特别聪明，也许能做到同时设置两种sans serif字体（有很少的几种sans serif字体笔划中存在粗／细过渡，如果你用到这其中的某种字体，确实能达到目的），不过，并不建议做这种尝试。不要试图结合两种sans serif字体，而应当使用一个sans serif系列中的不同成员采用其他方式建立对比。sans serif字体系列通常提供了完备的字体集，从很细的字体，到非常粗的字体都一应俱全，而且通常还包括压缩或扩展字体（参见第174～177页有关方向对比的说明）。

看看，这里同时出现了两种serif字体！不过注意每种字体分别有不同的结构，一种来自modern类别，另一种来自slab serif。我还在其他方面增加了对比，你说找出这些对比吗？

这里出现了两种sans serif字体，不过请注意，我结合使用了一种粗细一致的sans字体和为数不多的一种有粗／细过滤的sans serif，这就带来了不同的结构。我还通过使用全大写、加大字体大小、使用粗体以及roman字体尽可能地增强这种对比。

这里的3种sans serif字体能很好地结合使用。不过这3种字体都来自同一个系列的Universe，分别是Ultra Condensed、Bold和Extra Black。正是因为这种原因，所以至少要引入一种包含大量不同成员的sans serif字体系列（要求有各种不同的粗细）。要充分强调它们的对比！

形状

提问：这里的英文字体属于哪类字体？

字母的形状是指它的外形。字符可能有相同的结构，但是“形状”不同。例如，大写字母“G”与同一个系列中的小写字母“g”结构相同。不过，它们的具体形状彼此完全不同。可以简单地把形状对比认为是大写与小写的对比。

这些大写字母的形状（warnock Pro Light Display）与小写字母的形状截然不同。所以大写与小写的对比是另一种字体对比方法。

你可能早已经这样做过，不过现在可以更有意识、更充分地利用它可能带来的对比效果。

各个大写字母的形状不同于相应的小写字母，除此以外，如果一个词采用全大写，整个词的形状也与小写词不同。正是由于这个原因，使得全大写很难读。我们认一个词不仅是从它的各个字母来认，还会根据其形状来辨认，即整个词的形状。所有设置为全大写字母的词都有类似的形状（即都是矩形），如下面第一幅图所示，为此我们不得不逐字母地认单词。

我一直在反复强调不要使用全大写，你可能耳朵都听出老茧了。我并不是说永远都不要使用全大写。显然，全大写并不是完全不能读。只是要当心，完全使用大写会降低可识别性和可读性。有时你可能会有异议，认为从你的作品设计“外观”来看，使用全大写很合适，没错！不过，你也必须承认，单词读起来不太容易。尽管全大写会降低可读性，但是如果你很肯定全大写对设计外观带来的好处更有意义，相比之下利大于弊，那么完全可以继续使用全大写。

每一个全大写的词都有同样的形状：矩形。

大写与小写的对比（形状对比）通常还需要利用其他对比来加强。这个例子中只增加了大小对比。

另一种明显的形状对比是roman字体与italic字体的对比。roman表示所有字体中从上到下竖直的字体，这不同于italic或script字体（这些字体是倾斜而且/或者漂浮的）。可以将一个词或短句设置为italic字体，以一种柔和的方式进行强调，这是你很熟悉的一个概念，可能经常在使用。

第一行是roman字体，第二行使用的是italic字体。它们都属于nofret字体，结构完全相同，但是形状不同。

要特别注意“真绘”italic（第一行）并不是简单地将roman（第二行）倾斜。这些字体已经重绘为不同的形状。仔细看这两行中f、a、g、y和e之间的差别（两行都使用相同的字体）。

sans serif字体通常（但不总是）有“倾斜”版本，看上去就好像字母放歪了。它们的roman和oblique形状相互之间没有太大的差别。

这两个句子中哪一个包含采用假italic字体的单词？

由于所有script和italic字体都有一种倾斜和/或漂浮的形状，要记住重要的一点，不要结合使用两种不同的italic字体或者两种不同的script字体，也不要结合使用一个italic和一个script。这样做只会带来冲突——它们存在太多的相似性。幸好，找到一种好的字体来连接script或italic并不困难。

你认为这两个字体放在一起怎么样？是不是哪里出错了？这会让你不舒服吗？这个结合的一个问题是，两种字体都有相同的形状，都是弯曲的、漂浮的。必须改变其中一个字体。改变成什么呢？（想想看。）

不错，一种字体必须改为某种Roman。做这个改变时，还可以让新字体的结构完全不同（即结构没有粗／细过渡）。另外可以让它更粗一些。

方向

提问：这里的英文字体属于哪类字体？

字体“方向”的意思很直观，就是文字有一定倾斜度。显而易见，对此我只想指出一点：不要设置方向。不错，有时你可能想这么做，但是只有当你能明确地说出原因时才可以设置有方向的文本，你要能够说明为什么这种字体必须有方向，为什么它能增加美感或促进表达。例如，可能你会说：“这个赛艇通知确实应当向右倾斜一个角度，因为这个角度可以使页面产生一种向前的动力。”或者说：“重复这个有角度的字体，可以产生一种断奏的效果，这能突出我们播出的巴托克作品的气势。”另外，请千万不要在角落里放有角度的字体。

向右向上倾斜的字体产生一种前进的力量。向下倾斜的字体会产生一种反向的力量。有时可以充分利用方向所蕴涵的含义。

有时字体方向的突然改变会产生显著的影响，或者提供一种独特的格式，这是使用字体方向的一种很好的理由。

不过，对于“方向”还有另一种解释。尽管页面上文本元素很普遍，但每个文本元素都有一个方向。一行文本表现为水平方向。瘦高的一列文字表现为垂直方向。文字这些复杂的方向变化可以形成有趣的对比。例如，一个粗体标题在水平方向覆盖双页，而正文分别放在一系列瘦高的列中，这会产生一种有趣的方向对比。

如果布局中可能存在方向的对比，那就充分进行强调。比如在水平方向使用一种扩展字体，而在垂直方向使用一种高字体。可以通过增加额外的行间距强调垂直方向，如果合适，还可以设置比原计划更窄的列突出垂直方向。

实现字体方向对比时还可以介入布局中的其他部分，如结合图片或线条来强调方向或形成方向反差。

可以在布局中结合长的水平行和瘦高的列，这种别致的布局很常见。在这里对齐是一个关键因素，明确的对齐线将突出并加强方向的对比。

在这个例子中，图像又胖又大，这与文本的方向产生了一种不平衡，尽管文本本身很细来提供其自身的平衡。

下面的例子中存在明确而强烈的方向对比。不过除此以外，这里还应用了另外的哪些对比来加强这个作品的效果呢？这个布局中有三种不同的字体——为什么它们能很好地结合？

还要注意，材质是由不同字体的结构、行间距、字母间距、粗细度、大小和形状共同创造的。如果字母都鼓起，可以用手指触摸，每种字体的对比还会带来一种材质的对比，你可以从视觉上“感受”到这种材质。这是字体的一个很微妙但很重要的部分。应用其他对比时会自动出现不同的材质，不过有意识地注意材质及其效果很有好处。

花几分钟来说明为什么这3种字体能一同使用。

如果标题选择全大写的modern字体，那么文本选择哪种字体合适？

或者，如果短小的引用文字选择了一种modern字体，标题又该选择哪种字体？

颜色

提问：这里的英文字体属于哪类字体？

类似于方向，颜色的意思也显而易见。关于如何使用颜色，我只想声明一点，要记住暖色（红色、橙色）是前进型的，会引起我们的注意。我们的眼睛很受暖色的吸引，所以只需很少的一点红色就可以产生对比。另一方面，冷色（蓝色、绿色）则是远离型的，总是在我们的视线中后退。即使更大的区域内都是冷色你也未必能注意到；实际上，需要更多的冷色才能产生有效的对比。

注意，尽管“Scarlett”要小得多，但它还是最醒目，原因就在于它是暖色。

现在较大的名字采用暖色，它盖过了较小的名字。通常希望避免这种情况——或是利用这一效果。

把“Scarlett”描为淡蓝色。注意它几乎消失了。

要有效地与一个冷色进行对比，通常需要使用更多的冷色。

不过，排版人员通常称页面上的黑白文字有颜色。“多姿多彩”的颜色很容易产生对比；而对于黑白文本，要看出并利用它的颜色对比，则需要更敏锐的眼睛。

在下面的引用文字中，可以很容易地看到黑白文本中的不同“颜色”。

“颜色”是由不同的字母粗细、结构、形状、字母内的空间、字母间间距、行间距、字体大小或x-height大小等产生的。即使是同一个字体，也可以创建不同的颜色。

眯起眼睛看看这段文字。要习惯于把文字不同程度的黑色理解为“颜色”。

很细、很薄的字体中字母间间距和行间距较大，这会创建一种非常淡的颜色（和材质）。紧紧压缩在一起的粗体sans serif则会创建一种深色（有不同的材质）。对于没有图片但包含大量文本的页面来说，这是一种非常有用的对比。

如果一个页面中只有文本，看上去一片灰色，会显得很乏味，让人不想去读。这还会带来混乱：在下面的例子中，这两个故事彼此之间有关系吗？

这是新闻报道或其他出版物中很典型的一个页面。单一的灰色无法吸引你的眼睛；实在没什么能引起人的兴趣去深入地阅读。

如果对标题和子标题使用一种更粗的字体来增加一些“颜色”，或者将一个引用文字、段落或小故事设置为显然不同的另一种“颜色”，读者将更有可能在这一页上停下来，真正阅读它的内容。这正是我们的目的，不是吗？

除了让页面更吸引人，颜色的改变还有助于组织信息。在下面的例子中，可以更清楚地确定页面上有两个单独的故事。

还是同样的布局，不过现在增加了“颜色”。另外，再来看这本书中许多其他的例子，你会经常看到字体对比创建了不同的颜色。

在下面的例子中，注意对于同一种字体、同样的大小，如何稍加调整来改变颜色。可见，这些小的调整也可影响某个空间所容纳的词的多少。

9点Warnock常规字体，行间距10.6。

9点Warnock粗体，行间距10.6。

这与上例完全相同，只是是一个粗体版本。

9点Warnock细字体，行间距10.6。

这与上例完全相同，只是字体的细版本，而不是常规版本。

9点Warnock细字体，行间距13，更宽的字符间距。

这与第一个例子字体相同，不过在此使用的是更淡的颜色，这是因为行间距和字符间距加大的原因。

9点Warnock细斜体，行间距13，更宽的字符间距。

这与第一个例子完全相同，只不过这是斜体版本，它具有不同的颜色和文本。

以下是字体颜色的一些简单例子，使用这些技巧，不需要任何额外的处理就可以改变字体的自然颜色。大多数编排精良的好书都会利用大块文本显示丰富的字体，使你能在页面上感受到颜色和材质。字体开发商提供的书中会展示字体样本，一个非常棒的字体样本将通过文本块显示每一种字体进行颜色比较，你也可以在计算机上自己做这种比较。

结合多种对比

不要保守。大多数有效的字体布局都会充分利用多种对比。例如，如果结合使用了两种serif字体，每种字体有不同的结构，则可以另外通过形状对比来强调它们的差别：如果一个元素使用roman字母，全大写，则把另一个设置为italic，并使用小写。此外可以对比它们的大小和粗细，可能还可以对比它们的方向。再来看这一部分中的例子，每个例子都使用了不止一种对比原则。

要得到更多的例子和想法，可以拿任何一本好杂志看看。注意每一个有意思的字体布局都会依赖于对比。子标题或大写首字母强调了大小对比和粗细对比，另外通常还存在结构的对比（serif vs. sans serif），以及形状的对比（大写与小写）。

尽量明确地说出你看到了什么。如果可以用语言说清楚这种关系的变化，说明你确实已经掌握。看到一种让你不舒服的字体组合时（你下意识地感觉这些字体不能很好地结合），也要用文字明确地分析问题出在哪里。

试图找出一个更好的解决方案之前，必须发现问题所在。要找出问题，必须努力寻找相似性，而不是差异。彼此竞争的两个字体有什么相似之处？它们都是全大写吗？它们笔划中都有强烈的粗／细对比吗？粗细对比是否有效？大小的对比呢？结构对比呢？

或者也许是中心点冲突，如果较大的字体比较细而较小的字体反而比较粗，这样一来它们相互之间就会产生冲突，因为每个字体都想显得比另一个字体更重要，是不是存在这种情况？

指出问题，你就能找出解决方案。

小结

以下列出了前面讨论的各种对比。需要提醒时，可以把它作为一个速查表。

不要保守。

要粗细字体对比，而不是中粗字体的对比。

字体是如何建立的——有一致的粗细还是存在粗细变化。

全大写与小写的对比就是一种形状对比，另外roman与italic或script的对比也是一种形状对比。script和italic字体形状类似，不要结合使用。

尽管可以理解为文本有一定倾斜方向，但更多地认为方向对比是指水平文本与瘦高文本列的对比。

暖色是前进型的，冷色则是远离型的。可以用黑白文本尝试各种“颜色”。

小测验#6：对比还是冲突

仔细看以下各个例子。确定这里的字体组合能产生有效的对比还是存在冲突。明确说明每种字体组合为什么能很好地协作（找出差别），或者指出为什么它们不能共同工作（找出相似性）。（忽略单词本身的含义，不要考虑字体对于相应文字是否适合，因为这是另一个主题，需要另作讨论。在这里只需要看字体本身）。如果这是你自己的书，请在下面圈出正确的答案。

小测验#7：可做与不可做

这里不打算直接列出哪些可做，哪些不可做。我希望你自己来确定孰是孰非。在下面圈出正确的答案。

（1）可做　不可做　同一个页面上使用两种Script字体。

（2）可做　不可做　同一个页面上使用两种Modern字体、两种Sans serif字体、两种Oldstyle字体或两种Slab serif字体。

（3）可做　不可做　让一个排版元素更粗，并让同一个页面上的另一个元素更大来提高重要性。

（4）可做　不可做　同一个页面上使用一种Script字体和一种Italic字体。

（5）可做　不可做　如果一个字体高而瘦，再选择另一个短粗的字体。

（6）可做　不可做　如果一个字体有强烈的粗／细过渡，再选择一个Sans serif或Slab serif字体。

（7）可做　不可做　如果使用了一种很有趣的Decorative字体，再找另一个引人注目的有趣字体加以补充。

（8）可做　不可做　创建一种非常有趣但可读性差的字体布局。

（9）可做　不可做　以任何方式使用任何字体时都要记住4大基本设计原则。

（10）可做　不可做　一旦能明确地指出规则是什么，则可以打破这个规则。

结合多种对比的练习

以下是一个很有意思的练习，这个练习很容易，可以帮助你提高排版水平。只需要一张描图纸，一只钢笔或铅笔（最好有带颜色的记号笔），还需要一两本杂志。

把杂志上吸引你的单词描下来。再在杂志上找出与之前描的那个单词形成有效对比的另一个词。在这个练习中，单词之间没有任何关系①，只需看其中的字母。以下是我从一本新闻杂志中描出的例子，其中用到了3种字体：

我描的第一个词是“Hawk”。描出这个词后，我就不会再去看任何其他sans serif字体的字了。“Rebate”的形状与“Hawk”完全不同（所以把它作为第二个选择）。然后，需要更小更细而且有不同结构的字体作为第三个选择。

找出第一个词，然后有意识地确定它应该与另外的哪种字体结合使用，并用语言清楚地说明。例如，如果第一个词或短句采用某种sans serif字体，你应该知道，无论如何下一步都不能选择另一种sans serif字体，对不对？你到底需要什么？要有意识地做出选择。

可以尝试对几个词设计多种组合，然后再试试其他设计，比如报告封面，有一个有趣标题的单页小故事，新闻简报刊头，杂志封面，公告以及你觉得重要的任何东西。还可以试试使用彩笔。要记住，在这里单词本身的含义并不重要。

从杂志描词的好处是你可以从中发现大量不同的字体（而你的计算机上可能没有这些字体）。你会不会因此去努力寻求更多字体？应该会吧。

注释

①　即不考虑单词的含义。——译者注

Part 3

第三部分

其他

本部分内容

第12章　你掌握了吗

第13章　测验答案

第14章　本书所用字体

12　你掌握了吗

第12章

所有这些对你来说有用吗？看上去是不是太简单了？甚至不必考虑采用什么方式来形成对比，你也能自动地找出合适的字体，这不会花费很长时间。也就是说，如果你的计算机里有合适的字体，你就能轻松地找出应该使用什么字体。字体现在太多了，实际上只需要几个字体系列，利用它们就能建立各种生动的组合。从各个类别分别选择一个字体系列，要确保你选择的sans serif系列中极粗以及极细的字体都一概包含。

有了合适的字体系列，接下来你可以放手设计了，祝你享受设计的乐趣！

过程

做一个设计或者重新设计时，先从哪里开始？

从中心点开始。确定希望读者最先看什么。除非你已经决定要建立一个非常协调的设计，否则就应该创建一个有强烈对比的中心点。

将信息分组。按逻辑进行分组，确定这些组之间的关系。通过组之间的靠近与否（亲密性）来显示这些关系。

在页面上组织文本和图片时，要建立并维护明确的对齐。如果能看到一个明显的边界，如照片边界或垂直线条，可以通过其他文本或对象的对齐来加强这个边界。

创建重复，或者找出可以重复的项。为建立重复，可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复，再看看是否适合加大重复力度。

除非你已经决定创建一种协调的设计，否则一定要建立强烈的对比，这样会吸引读者的视线。要记住，对比要黑白分明。如果页面上的所有一切都又大又粗，很华丽，那么根本不存在任何对比！不论通过更大更粗来建立对比，还是通过更小更细形成对比，关键是要有所不同，这样才能引人注目。

练习

翻开当地的报纸或者电话簿黄页。找一个你认为设计得不好的广告（要特别利用你刚刚提升的视觉敏锐度）。我相信，找出几个这样的例子应该不成问题。

拿出一张描图纸，描出这个广告的轮廓（可以描得大一点）。现在，移动这张描图纸，描出广告的其他部分，不过把它们归入“本位”，放在它们本该在的位置，提供明确的对齐线，在合适的情况下把各部分放置得更紧密来建立亲密性，确保中心点确确实实是中心点。把大写字母改为小写，把某些项设置得更粗，某些项小一些，有些项则再大一些，去掉那些明显没用的“垃圾”。

提示：你做得越漂亮，结果就越震撼。如果只是稍触皮毛，最后完成的作品可能比原先的好不了多少。

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

*VIP：未经过视觉训练的人

好的——重新设计！

下面是一个小海报。不算太糟，不过确实还需要一点帮助。只需做几个小改动就能大不相同。这个小海报最大的问题是缺乏明确的对齐，另外有多个不同的元素都竞相作为中心点。可以使用描图纸重新摆放这些元素，或者在这一页上直接勾几个改进方案。

13　测验答案

第13章

作为一个大学老师，我的所有测验、考试和项目都允许学生“开卷”、“畅所欲言”。学生们考试时可以打开他们的笔记，翻开他们的书，可以互相讨论，还可以与我讨论。我自己在大学里从理学专业到设计专业曾修过几百个学时，我深深地体会到：把正确的信息写下来将更容易记住。不是先乱猜再写下错误的答案，考试时得到正确答案的过程会让你很有收获。所以建议你在测验和答案之间反复检查，与朋友们一起讨论，特别是要把这些问题应用于你身边的其他页面设计。“睁开眼睛”（提高视觉敏锐度）是成为视觉领域高手的关键。

让你的眼睛充分去发现吧。

答案：测验#1（第78页）

去掉边框，形成开放空间。设计新手往往把所有一切都包上边框。不要这么做了！让它自由呼吸。不要把它包得太紧！

亲密性

标题离其相关项太远：把它们移得近一些。

标题的前后都有两个回车：去掉所有双回车，不过在标题上面增加一点额外的空间，使它们与后面的相关材料联系更紧密。

增加额外的一点空间把个人信息与履历项分开。

对齐

文本有两种对齐方式：居中和左对齐，而且文本第二行换行时退回到左边界（而没有适当缩进）。应当建立明确的左对齐——使标题相互对齐，所有项目符号对齐，所有文本对齐，文本的第二行与第一行对齐。

重复

已经重复了连字号：加强这种重复，设置更有意思的项目符号，并在每个适当的项前面使用这个项目符号。

标题中已经有重复：加强这种重复，让标题更明显更黑。

现在项目符号有一种粗黑的印象，它重复并强调了标题的粗黑效果。

对比

这里没有任何对比：标题（包括“Resume”）应当使用一种明显的粗体产生对比（以实现一致性或重复）；并利用明显的项目符号增强对比。

另外：新版本中所有数字都使用“均衡的oldstyle”字体（很多Open Type字体中都有）。如果没有，可以让数字字体比原来小一些（点数少1点或2点），从而避免数字本身不必要地分散注意力。

答案：测验#2（第79页）

不同字体：这里有4种不同的sans serif字体（Helvetica、Avant Garde、Optima和Formata Bold），两种serif字体（Aachen Bold和New Century Schoolbook）。在其中选择两个字体：一种漂亮的粗体（如Aachen Bold）和一种sans serif。

不同对齐方式：天呐，有些元素左对齐，有些居中，有些在空白的中间居中，还有一些与其他任何元素都没有对齐或联系。

强对齐线：商标图像提供了一个强对齐线，其他元素可以按这条线对齐。

缺乏亲密性：对信息分组。你很清楚哪些应该归组在一起。

缺乏中心点：一些项相互竞争，都想引起注意。选择其中的一个。

缺乏重复元素：这4个logo并不适合作重复元素，它们随机地放在各个角上只是为了填满空角落；也就是说，并不是有意把它们作为设计元素放在那里，不过，可以选择logo的颜色作为一个重要项。

去除边框内的边框。留下的这个边框使用方角，以此强调方砖的方边角，并使边界清晰。

解除大写锁定（即取消全大写）！！！

下一页上的例子只是众多可能方案中的一种！

请沿所有对齐边界画线。

答案：测验#3（153页）

Oldstyle: As I remember, Adam

Modern: High Society

Slab serif: Th e enigma continues

Sans serif: It's your attitude

Script: Too Sassy for Words

Decorative: At the Rodeo

答案：测验#4（154页）

Giggle：B

Jiggle：C

Diggle：A

Piggle：A

Higgle：C

Wiggle：B

答案：测验#5（155页）

Diggle：C

Riggle：A

Figgle：B

Biggle：D

Miggle：D

Tiggle：A

答案：测验#6（第186页）

Fancy Perfume：冲突。存在太多相似性：它们都是全大写，都有同样的大小；都采用“frufru”字体（一种fancy）；而且粗细相似。

Dogfood：对比。大小、颜色、形状（包括大写与小写的对比和roman与italic的对比）、粗细和笔划结构都有强烈的对比（尽管两种字体笔划本身都没有明显的粗/细对比，但这两种字体绝对由完全不同的材料建立）。

My Mother：冲突。尽管大写与小写之间有形状对比，但是存在太多其他冲突的相似性。这两种字体大小相同、粗细很相似，有同样的结构，而且有同样的roman形状。这让人很头疼。

Funny Farm：冲突。这里有对比的潜力，但是差别还需要加强。大写和小写形状存在对比，扩展字体和常规字体间也存在对比。结构上也有一点对比，一种字体有柔和的粗/细过渡，另一种则是粗细一致的扩展字体。你能指出最严重的问题吗？（想一分钟）。这里的中心点是什么？“Health Insurance”比较大，它想成为中心点，不过它使用了一种细字体。“Funny Farm”也想成为中心点，尽管比较小，但它使用了全大写和粗体。你必须确定哪一个才是真正的主导，并强调其中的一个，要么是“Funny Farm”，要么是“Health Insurance”。

Let's Dance：对比。尽管它们的大小基本上相同，而且来自同一个字体系列（Formata），但其他对比很强烈：粗细、形状（roman与italic，大写与小写）、结构（由粗细对比产生）、颜色（尽管二者都是黑色，但是“dance”更粗，使它的颜色更深）都有明确的对比。

答案：测验#7（第187页）

（1）不可做。两种Script字体会相互冲突，因为它们往往有相同的形状。

（2）不可做。相同类别的字体有相同的结构。

（3）不可做。它们会相互冲突。确定哪一个最重要，并强调那一项。

（4）不可做。大多数Script和Italic字体有相同的形状（倾斜而漂浮）。

（5）可做。这样可以立即形成结构和颜色的强烈对比。

（6）可做。可以立即形成结构和颜色的对比。

（7）不可做。两个太有意思的字体往往会冲突，因为它们都有趣，这会产生竞争来引起读者的注意。

（8）不可做。在页面上放置文本的最终目的是为了表达信息。不要忘记这一点。

（9）可做。

（10）可做。打破规则的基本原则是，要首先知道有哪些规则。如果可以适当地打破规则，而且结果合理，那就大胆地去做！

14　本书所用字体

第14章

这本书里用到两百余种字体。现在，如果有人（特别是字体开发商）告诉你提供了“一定数量”的字体，这其中往往包括了一种字体的所有变体：常规字体是一种字体，斜体是另一种，粗体又是一种，等等。由于你不是一个专业设计人员（或者原来不是），我想你可能想知道这本书里用到了多少种字体。我本来还想告诉你每种字体出现在哪一页上，不过，我认为找出这些字体的过程很有意义，这会要求你非常仔细地查看所有字体，所以这里并未给出每种字体出现的页号。但我确实已经将这些字体分门别类地列出，这会给你一个好的开始。大多数字体都是14点大小（除非另外特别指出）。祝你开心！

主要字体

正文主体：方正书宋简体，10/16（这表示10点字体，16点行间距）

各章标题：方正大标宋简体，32/38

章号：Times New Roman斜体，150，15％深红

非常小的文本：方正书宋简体（大多数情况下）

主标题：方正黑体简体，15/16

图字说明：方正仿宋简体。9.5/13

（专门用于小文本）

附录

OpenType

把字体设置得非常大、非常小或者平均大小时，对应每种不同大小，形状应该稍有区别。如果设置得很小，需要稍微粗一些；设置得非常大，则需要细一些；否则细笔划会变得很粗很笨。不过计算机上的大多数字体都有一个标准度量，比如12点，只需在此基础上放大或缩小。但Warnock Pro是一个特殊的字体集合，其中包括为不同用法而专门设计的不同字体。在下面可以看到，Caption字体设置为20点时看起来有些粗，而大小为8点时很完美。Display字体在8点时显得有点弱，但是设置得非常大时，细笔划则很优美。OpenType Pro字体还可以使用oldstyle线型数字（234987）或扁平数字（234987），另外还有很多其他选择。Warnock Pro是一种OpenType字体，这说明如果你的计算机和软件是最新的，那么这种字体可以有多达16000个字符，另外在Mac和PC上可以使用相同的字体文件。

这里在采用Display 字体的W后面有一个Warnock Pro常规字体的W（灰色），可以清楚地看出笔划的区别。

迷你术语表

基线（baseline）是位于字体下方的一条不可见的线（见156页）。

正文（body copy或body text，简单写作body或text）是指你所读的正文主体，而不是标题、子标题、题目等。正文的字体大小通常在9～12点之间，另外行间距再增加20％。

项目符号（bullet）是一个小记号，通常在非编号列表中使用，或者在单词之间使用。标准项目符号是一个圆点（·）。

装饰标志（dingbat）是一个小装饰字符，如。你的系统上可能安装有Zapf Dingbats或Wingdings字体，这些字体就是由装饰标志组成的。

元素（element）是页面上单独的对象。元素可能是一行文本、一个图片或者是一组项（这组项彼此非常靠近，因而可以整体视为一个单元）。要看一个页面上有多少个元素，可以眯起眼睛，数数看你的眼睛停下来多少次去注意每一个孤立的项。

正文（前面已经提到）大量出现时称为扩展文本（extended text），如书或很长的报告中就会有大量正文即扩展文本。

谈到眼睛（eye）或视线（eye flow）时，是指你的眼睛就像能独立活动一样。作为一名设计人员，可以控制别人用何种方式在页面上移动“眼球”（视线），所以需要更留意你自己的视线在页面上如何移动。要听从眼睛的“意见”。

两端对齐（justified type）是指一个文本块同时沿左边线和右边线对齐。

分辨率（resolution）是指一个图像的“分辨”程度如何；也就是说，在我们看来是否清楚，是否清晰。这是一个很复杂的话题，这里给出以下几个要点：

印刷页。一般来说，在纸上印刷的图像的分辨率需要达到300dpi（［墨的］点数每英寸）。要总是检查完成印刷的印刷机，看看希望有多大的分辨率。要得到300dpi的图像，可以使用图像编辑应用程序（如Photoshop）将图像大小调整到印刷时所需的大小，并设置为300ppi（每英寸像素数）。

打印时，使用.tif图像，300dpi，CMYK颜色模式。

屏幕页。屏幕上的图像为72ppi（每英寸像素数）。如果这样打印看起来会很粗糙，不过在屏幕上看很不错。使用图像编辑应用程序（如Photoshop）将图像大小调整为屏幕上显示时所需的大小。这说明，如果有一个缩略图图像与一个更大的图像链接，则同一个图像需要两个不同文件！

用于屏幕显示时，使用.jpg图像，72ppi，rgb颜色模式。

线（rule）是画出的一条线。

空白（white space）是指页面上未被任何文本或图片占据的空间。你可能会称之为“空白”空间。新手总害怕留有空白，不过专业设计人员会在页面上使用大量空白。

截留空白（trapped white space）是指页面上的空白空间截留在元素（如文本或照片）之间，以至于没有连续的空白。

资源

Veer.com

MyFonts.com

iStockPhoto.com

Before & After Magazine;

BAMagazine.com

Layers Magazine;

LayersMagazine.com

InDesign pdf Magazine;

InDesignMag.com

索引

A

abbreviations look messy，缩写看起来很乱

acronym for basic design principles，基本设计原则缩略语

Adobe

Acrobat PDF

Opentype

Photoshop

web address，网址

alignment，对齐

basic principle of，基本原则

breaking it，打破

comparison of different text alignments，不同文本的对齐比较

messy alignment，examples of，混乱对齐，例子

mixing，混合

review of principle，原则回顾

sitting on the ground vs. clothesline，地平线与晾衣绳

"soft" vs. "hard" edges，“软”与“硬”边界

strengths of，强度

summary，小结

use baseline of text，使用文本基线

visual connection，视觉连接

all caps，全大写

bad examples of，不好的例子

vs. lowercase form，与小写形式

when to use，何时使用

why not to use，为什么不使用

analogous colors，类似的颜色

angled type，有角度的字体

Anguish Languish

stories from，其中的故事

apostrophes，true，撇号，真实

Arial/Helvetica

don't use it，不要使用

spec another font on web pages，网页上指定另一种字体

asymmetry，非对称

B

baseline，基线

what is it? 这是什么？

use for alignment，用于对齐

blank space. 参见white space

body，body copy, body text，正文

Bolt，Christine

borders，lose them，边框，去掉

bottom out，最低点

boxes，use sparingly，方框，很少使用

breaking the rules，打破规则

brochures，宣传册

design no-nos，设计中要杜绝的问题

design tips，设计提示

folds，allow for，折痕，允许

bullet，项目符号

Burns，Robert

business cards，企业名片

as part of a package，作为包装的一部分

design tips，设计提示

standard size of，标准大小

business package，企业包装

C

Carter，Ross

categories of type，类型的类别

center aligned text，居中对齐文本

examples of，示例

impression of，印象

make it look intentional，使之看起来是有意的

suggestions for，建议

weakness of，弱点

children's books，儿童图书

clothesline，晾衣绳

color，颜色

analogous combination，类似的组合

black，黑色

blue，red，yellow，蓝色，红色，黄色

choosing，how to，选择，如何

CMYK

color models，颜色模型

color wheel，色轮

analogous combination，类似组合

complementary colors，互补色

image of full color wheel，完整的色轮图

monochromatic colors，单色

primary colors，三基色

secondary colors，三间色

shades and tints，暗色和亮色

split complements，分裂互补

tertiary colors，第三色

triads，三色组

complementary colors，互补色

contrast of color in type，文本中颜色对比

comparison of typeface，字体比较

"color"，“颜色”

examples of，示例

cool vs. warm colors，冷色与暖色

effectiveness in marketing，市场营销中的有效性

examples of contrasts in，其中的对比例子

hues，色调

in black-and-white，黑白

monochromatic colors，单色

primary colors，三基色

RGB color model，rgb颜色模型

rosettes of CMYK，CMYK的玫瑰花饰

secondary colors，三间色

shades and tints，暗色和亮色

split complements，分裂互补

tertiary (or third) colors，第三色

tints，亮色

tones of color，色调

triads，三色组

use just a splash，只使用少许

warm vs. cool colors，暖色与冷色

web colors，which model to use，web颜色，使用哪一个模型

white，白色

Wildflower Theory of Color，野花色原论

color palette (Apple's)，调色板（Apple）

combining contrasts in type，结合字体对比

complementary colors，互补色

concord，协调

basic principle of，基本原则

examples，示例

conflict，冲突

basic principle of，基本原则

examples of，示例

how to avoid it，如何避免

Conrad，Joseph

consistency

contrast，对比

basic principle of，基本原则

like wall paint，类似于刷墙漆

review of principle，原则回顾

repetitive element，重复元素

using white space，使用空白

contrasting type，字体对比

basic principle of，基本原则

by color，利用颜色

by direction，利用方向

by form，利用形状

by size，利用大小

by structure，利用结构

by weight，利用粗细

combine the contrasts，结合多种形式的对比

summary，小结

copy machines，stationery for，复印机，信纸

corners，what not to do in them，角落，不要放什么

crap，截留

crayon color model，蜡笔颜色模型

D

Darn Honor Farm

Davis，J. Philip

Davis，Nancy

dazzling，眩目

decorative type examples，装饰字体示例

design，the process，设计，过程

design tips，设计提示

brochures，宣传册

business cards，企业名片

letterhead and envelopes，信笺和信封

newspaper ads，报纸广告

postcards，明信片

web pages，网页

dingbat，装饰符号

direction，方向

basic principle of，基本原则

use for contrast，用于对比

examples of，示例

dpi

Dwiggins，W. A.

E

Egyptian fonts，Egyptian字体

elements，defined，元素，已定义

em spaces as paragraph indents，em作为段落缩进

envelopes，信封

design no-nos，设计中要杜绝的问题

design tips，设计提示

standard size of，标准尺寸

Evans，Miss Dana

exercises，练习

combining contrasts，结合多种形式的对比

redesigns，重新设计

extended text，扩展文本

defined，定义

type good for，适合的字体类型

type not good for，不适合的字体类型

eye，eye flow，眼睛，视线

contrast and，对比

defined，定义

examples of，示例

white space，空白

F

faxing，stationery for，传真，信纸

flag，newsletter，标志，新闻简报

flush left，左对齐

defined，定义

examples of，示例

flush right，右对齐

defined，定义

examples of，示例

flyers，传单

design no-nos，设计中要杜绝的问题

design tips，设计提示

focal point中心点

emphasize the focus，强调中心

in letterhead，信笺中

on flyers，传单上

start with，由……开始

use contrast to create it，用对比来创建

folds in a brochure，宣传册中的折痕

fonts，字体

default font for viewing web sites，浏览网站的默认字体

fonts to let go of，允许的字体，

for contrast，用于对比

for readability，用于保证可读性

for web pages，用于网页

from the '70s，从70年代起

list of fonts used in this book，本书使用的字体表

form contrast，形状对比

G

Geneva on web pages，网页上的Geneva

glossary，术语表

Gobbo，Launcelot，résumé

good design，as easy as . . .，优秀设计，与……一样容易

Gott schall，Edward

gray pages，灰色页面

Guilty Looks

gutter，what is it? 装订线，是什么

H

hang from a clothesline，从晾衣绳挂起

Helvetica/Arial

don't use it，不要使用

spec other fonts on web pages，网页上指定其他字体

hierarchy，use contrast to show，层次体系，使用对比来显示

horseshoes and hand grenades，掷蹄铁和手榴弹游戏

hues (colors)，色调（颜色）

Hugs dog biscuits，Hugs小狗饼干

I

identity package，标识包装

images/photos，specifications for print or screen，图像／照片，印刷或屏幕显示的有关规范

indented text，缩进文本

first paragraphs not indented，第一段不缩进

“typewriter”indents，打字机宽缩进

inspiration，灵感

invisible type，不可见字体

italic form of type，斜体字体

J

Joshua tree，约书亚树

.jpg images，.jpg图像

justified type，两端对齐

K

Katona，Cynthia Lee

L

lab coat ad，实验室工装广告

Ladle Rat Rotten Hut

left aligned text

examples of，示例

impression of，印象

letterhead and envelopes，信笺和信封

design no-nos，设计中要杜绝的问题

design tips，设计提示

marketing information，市场信息

part of a package，包装的一部分

second page of stationery，信纸的第二页

Life，生活

accenting your clothes，强调衣着

dynamic relationships，动态关系

physical closeness implies relationship，物理邻近程度反映关系

rules of，规则

Your Attitude is Your Life，你的观点就是你的生活

Lindbergh，Ann Morrow

line，drawn，线，绘制

M

The Mac is not a typewriter

masthead (flag) of newsletter，新闻刊头

Melville，Herman

Mermaid Tavern business card，Mermaid Tavern企业名片

messy alignment，混乱的对齐

examples of，示例

mini-glossary，迷你术语表

modern type examples，modern字体示例

Mom & Pop letterhead，Mom & Pop信笺

monochromatic colors，单色

monoweight，粗细单一

multiple-page publications，多页出版物

N

newsletters，新闻简报

contrast in，其中的对比

design no-nos，设计中要杜绝的问题

design tips，设计提示

flag examples，刊头示例

repetition in，重复

newspaper ads，报纸广告

design no-nos，设计中要杜绝的问题

design tips，设计提示

newsprint，printing on，新闻纸，打印

New York on web pages，网页上New York字体

O

oblique font style，倾斜字体风格

Old Singleton

oldstyle type examples，oldstyle字体示例

open book/open mouth quiz philosophy，开卷、口头测验策略

OpenType fonts，OpenType字体

O Thou Pale Orb

P

paragraphs，段落

first p. not indented，第一段不缩进

indent one em，缩进1em

no double Returns!　不要两个回车！

parentheses，when not to use，括号，何时不使用

The PC is not a typewriter

PDFs

Peachpit Press

period，two spaces after，点号，之后两个空间

photos，images，照片，图像

Photoshop

pixels，像素

resolution，分辨率

web page size，网页大小

postcards，明信片

design no-nos，设计中要杜绝的问题

design tips，设计提示

ppi

primary colors，三原色

principles of design，设计原则

review of，回顾

printing，印刷

color model for images，图像的颜色模型

on newsprint，新闻纸上

resolution of images for print，用于打印的图像分辨率

proportional type，均衡字体

proximity，亲密性

basic principle of，基本原则

purpose of，作用

review of principle，原则回顾

summary of，小结

pull quotes，引用文字

Q

quad left or right，左对齐或右对齐

quizzes，测验

answers to，答案

categories of type，字体类别

contrast or conflict，对比或冲突

design principles，设计原则

dos and don'ts，可做与不可做

my philosophy on，我的哲学

redesign this ad，重新设计这个广告

serifs，截线

thick/thin transitions，粗／细过渡

quotation marks，引号

R

ragged right，右边参差不齐

adjust ends of lines，调整行尾

Rand，Paul

Rat Tales

readability，可读性

re-design，where to start?　重新设计，从哪里开始？

Red Hen letterhead，Red Hen 信笺

repetition，重复

basic principle of，基本原则

in brochures，宣传册

in newsletters，新闻简报

in web sites，网站

review of principle，原则回顾

summary，小结

report cover，transformation by principles，报告封面，根据原则变换

resolution，分辨率

Return after paragraph，段落后的回车

reverse type, when not to use，反色文字，何时不能使用

RGB

explained，解释

in .jpg images，.jpg图像中

right-aligned text，右对齐文本

examples of，示例

Design Workshop

roman

rules，breaking them，规则，打破

rules (lines)，水线（线）

Rules of Life，人生准则

S

sand font，sand字体

sans serif fonts，sans serif字体

putting two or more on a page，一个页面上放两种或多种

type examples，字体示例

vs. serif

Santa Fe Mac User Group

Sayers，Dorothy L.

screen resolution，屏幕分辨率

Screenwriting Conference in Santa Fe

script type examples，script字体示例

secondary colors，三间色

serifs

horizontal and thick (slab)，水平而粗（平板）

horizontal，thin，水平，细

illustration of，描述

none (sans)，无

quiz on，疑问

slanted，倾斜

shades of colors，暗色

Shakespeare Papers，Shakespeare纸张

Sheldon，Carmen

size，大小

contrasts in，对比

standard business card，标准企业名片

standard envelope，标准信封

type size in business cards，企业名片上的字体大小

slab serif type examples，slab serif字体示例

slanted text，倾斜文本

Sock and Buskin example，Sock和Buskin示例

split complement colors，分裂互补色

steal design ideas，借取设计思想

stress in letterforms，字体中的强调线

structure，结构

basic principle of，基本原则

contrast，对比

symbols，符号

T

tea party invitation，茶话会邀请

telephone numbers，电话号码

Terence English résumé

tertiary colors，第三色

thick/thin transitions，粗/细过渡

little or none，很少或没有

moderate，缓和

quiz on，疑问

radical，剧烈

sans serif

Thomas，Jimmy

threefold brochure，三折本宣传册

.tif images，.tif图像

Times，Times Roman

don't use it，不要使用

spec other fonts on web pages，网页上指定其他字体

tints of colors，亮色

tips on designing，设计提示

brochures，宣传册

business cards，企业名片

flyers，传单

letterhead and envelope，信笺与信封

newsletters，新闻简报

newspaper ads，报纸广告

postcards，明信片

web sites，网站

Tollett，John

tones of color，色调

tracing paper to sketch ideas，在纸上画出大致思想

triads of colors，三色组

true-drawn italic，真绘italic字体

Tschichold，Jan

type，字体

comparison of color in，颜色的比较

dynamic relationships in，动态关系

how to combine，如何结合

in newspaper ads，报纸广告中

justified，what does it mean?　两端对齐，什么意思？

left-aligned，左对齐

watch the ragged edge，看右边的“锯齿”

list of contrasts in，对比方式表

reverse type，反色文字

type choices for web，网页的字体选择

U

The Understanders flyer，Understanders传单

unity in design，设计统一性

unity with variety，多种形式实现统一性

Url's Internet Cafe

brochure，宣传册

newspaper ad，报纸广告

postcard，明信片

web site，网站

V

Verdana

Violate Huskings

W

Warnock Pro OpenType

watermelon quote，关于西瓜的名言

wealth quote，关于健康的名言

by Dorothy Sayers

web pages，web sites，网页，网站

color model for images，图像的颜色模型

design no-nos，设计中要杜绝的问题

images on，图像

proximity on，亲密性

readability on，可读性

resolution of images on，图像分辨率

tips for designing，设计提示

weight contrast，粗细对比

White，Jan

white space，空白

by-product of organization，组织方面的副产品

defined，定义

organization of，组织

trapped，截留

defined，定义

examples of，示例

solutions for，解决方案

Wildflower Theory of Color，野花色原论

Williams，Robin

Williams，Jimmy Thomas

Williams，Shannon

wimp，don't be one，懦夫，不要当

WingDings

Y

Your Attitude is Your Life，你的观点就是你的生活

Z

Zapf Dingbats