写给大家看的设计书：实例与创意（修订版）

杨庆康　译

北京

图书在版编目（CIP）数据

写给大家看的设计书：实例与创意/（美）威廉姆斯（Williams,R.），（美）托列特（Tollett,J.）著；杨庆康译.--3版（修订本）.--北京：人民邮电出版社，2015.3

ISBN　978-7-115-38340-2

Ⅰ.①写…　Ⅱ.①威…②托…③杨…　Ⅲ.①平面设计　Ⅳ.①J534

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

版权声明

Robin Williams Design Workshop,second edition(ISBN：0-321-44176-1)

Robin Williams and John Tollett Copyright © 2007

Authorized translation from the English language edition published by Peachpit Press.

All rights reserved．

本书中文简体版由美国Peachpit Press授权人民邮电出版社出版。未经出版者书面许可，对本书任何部分不得以任何方式进行复制或抄袭。

版权所有，侵权必究。

◆著　[美]Robin Williams　John Tollett

译　杨庆康

责任编辑　赵轩

责任印制　张佳莹　焦志炜

◆人民邮电出版社出版发行　　北京市丰台区成寿寺路11号

邮编　100164　　电子邮件　315@ptpress.com.cn

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

北京盛通印刷股份有限公司印刷

◆开本：889×1194　1/20

印张：13.8

字数：453千字　　2015年2月第3版

印数：8001-11000册　　2015年2月北京第1次印刷

著作权合同登记号　图字：01-2009-5746号

定价：69.00元

读者服务热线：(010)81055410　印装质量热线：(010)81055316

反盗版热线：(010)81055315

内容提要

本书是两位世界级设计师的经典合著。他们用简练有趣的语言让复杂的设计问题变得通透易懂。

从标志到名片，再从广告牌到宣传册，这里汇集了你经常遇到的设计项目，以及6位明星大师的精彩设计实例。阅读本书，不仅能够使你在设计中有章可循，还会激发你的设计创意。

本书实例丰富，简明易读，适合设计专业学生以及设计相关行业的读者阅读。

前言

这一定很不错……

难道你对以下的评论不感到厌烦吗？“整天坐在那里去创意设计一定很不错。”“你太幸运了，不用工作就可以享受乐趣。”而你却在为明天早上的一个大型会议熬夜工作，你的头脑一片空白，钟表似乎也比平常走得更快了。或者，更糟糕的是，这份差事可能已经算是你的一次大休，如果这个项目做得好，紧接着你会迎来更多超乎你需求的工作。可是，设计为什么看上去如此令人厌烦呢？

如果你从来没有陷入上述窘境，或许是因为你是一个传奇式的设计天才，你从来都不需要应付恐惧、匮乏、不安全感、猜疑和我们这群凡人设计师的局限。如果真是这样，恐怕你就不会读这本书了。

如果你只是一个凡人设计师，欢迎你，很高兴得知我们并不孤单。说到“凡人设计师”，我指的是那些正在增进技能、获取经验的道路上前行的有志设计师，那些现在不出名（还未出名）的设计师，那些正在苦苦寻觅设计类书籍以丰富知识、提供有关设计过程的真知灼见的设计师。

嗨！真巧啊！那正是我们写作和设计本书时设定的目标读者。我们希望，我们在设计中实际使用的方法会对你，并在你处理平面设计项目时有所帮助。拥有了极好的数字工具和各种资源，唯一妨碍你成为世界顶级设计师的，就是缺少一个机遇，让你释放对这个世界的想象力。不过，机遇和有实力的客户，迟早会来的。

通过我们用到的实例和本书自身的设计，我们试图传递一种精神——充满乐趣地进行设计探索和实验。这种切身体验到的乐趣能够开启你的想象之门，从而将紧张的任务转化成令人满意的、有创造力的练习。

当面临交付截止日期带来的时间压力时，我们都会倾向于采用最安全的设计方法，比如使用常规字体和利用居中对齐法进行设计。但是本书鼓励你超越上述设计方法去探索，并且在探索的过程中收获乐趣。这里举的几个例子旨在帮助你激发灵感火花，发散创造性思维，从而令你在工作中完成以前所不能完成的事情。我们希望这本书可以让你在将来的设计师生涯中获得更多的乐趣。但最重要的是，我们期望听到你这样说：“哦，我不是在工作，我每天都在玩儿。”

灵感闪光！

许多设计师在遵守规则与打破规则上同样无能,而好的设计师两者都能兼顾。

吉姆●艾丽

沙凡那港艺术与设计学院

1．你已经知道多少了？

在这一部分中，我们想要确认，在给你灌输更多先进理念之前，你已经拥有了基本的知识储备。当然，即使你还不具备这些基础，你也可以从本书中学到很多东西。但是为了进一步讲解知识，我们假设你已经对设计有了一定的了解。因为我已经为刚入行的设计师写过许多书籍了，因此这个简介就有了一点“试金石”的意义。如果你不能回答这些问题，可以先看一下《写给大家看的设计书》[1] 。这些问题不仅仅局限于设计方面，而是关于当代设计师为了做出自己的成果所要知道的所有东西，以及我们要圆满完成工作所必须面对的技术层面上的东西。

我们推荐的大部分书籍都在“写给大家看的设计书”（Non-Designer,s）系列中。或许你现在已经是一名设计师，但是发现在“写给大家看的设计书”中还有你需要学习的东西，可是你又难以“屈尊”去买那些为“非设计师”准备的书。那么，恳求你妈妈去把它买回来，用棕色纸包装后再寄给你。再在封面上贴一张照片，这样就没人知道你拥有“那样”一本书了。要么把封面撕掉，或者自己克服一下，放轻松！我们所有人都要去学习更多东西，不论我们认为自己现在正处于什么水平。

基本原则都有哪些？

你能否用语言来说明为什么一个设计“有效”而另一个无效？你能否向客户解释清楚为什么他们那愚蠢的设计想法不能体现他们的专业服务水平，而为什么经过你改进的新版本却可以做到？当看到一个设计糟糕的页面时，你能否用语言解释清楚为什么它看起来那么幼稚，并且用语言阐明为了使它看上去更加精致，还要做些什么？能够用词语来解释概念可以帮助你抓住问题的关键，快速找到解决方法，让你的客户信服你超群的设计能力。

1． 你能否给出5种理由来说明为什么下面的宣传页看起来很外行？

2．观察下面这张典型商业名片的布局，你是怎样识别出它来自本地某家复印店众多样本中呢？

如果不能回答这两页的问题，你需要仔细阅读《写给大家看的设计书》。

3． 比较这两种设计。它们都是中心对称的，但是其中一个比另一个看起来更加精致。尽管右边的设计仍然是中心对称布局，但什么样的变化令它的外观更好看了呢？

4． 在下面的例子中，应用哪一个简单的原则能够立即使它看起来更加专业？

5． 观察这两种设计。你的眼球自然而然地被哪一个设计吸引住了？在这个例子中，能够吸引你眼球的设计原则可以用什么词语表达？它是怎么做到的？

你的排版设计能力如何？

平面设计就是文字。如果作品上没有文字，就不能称之为平面设计——那是美术。每一位设计师都应该对字形和排版设计有一个彻底的了解。你可能拥有一个出色的布局、一个很棒的文案和一张完美的照片，并且有人可能已经为此付了一大笔钱，但是如果你的撇号看起来像从打字机里掉出来的，句号后面留出了两个空格，那么你就没有自己想象得那么好。很久以前，设计师并不必担心诸如撇号属于哪里，问号该在引号内还是引号外的问题，因为专业排字工人会做这些工作，但是现在每一位设计师都应该像了解设计本身一样去了解这些细节。

1． 快速说出下面句子中5处严重的排版错误。

2． 下面每一个词组都有什么排印上的错误？

3． 你怎样才能打出这些符号®™©•？

4． 比如在下面的句子中résumé or voilà，你如何设置重音符号？

5． 句号应该位于插入语的外面还是里面？你怎么处理那些直接跟在斜体或粗体之后的标点符号？什么时候“its”里面有一个撇号？下面这个短语的空格中应该填哪些排字符号：rock _n_ roll？

6． 说出下面一栏文字中的5 个排版错误。

1． 将左边一栏中的字体种类与右边一栏中代表性的例子相匹配。

2． 你能说出下面样式组合中出现的问题吗？怎样才能使图像更加有力度？

3． 哪些东西是左边段落拥有而右边段落没有的？这种技巧能达到什么效果？

1． 字间隔空、特定字距调整、字距配对、自动字距、手工字距、区域字间距和字距调整之间的区别是什么？在软件中你是怎么应用它们的？

2． 为了从排版技术上改善下面这句引语，必须做些什么？

3． 观察下面两段话。哪一段更易于阅读，尤其是当它不仅仅是一个段落，而是整页文章时？说出3个理由。不改变字体，怎样做才能使另一段尽可能地易于阅读？

如果你无法回答上面这些问题，请先阅读《写给大家看的设计书》。

你的色彩理论如何？

以前的平面设计师只需要为一种色彩担心——CMYK，而现在因为我们在电脑上处理图像，把图片放到网页上，用台式彩色喷墨打印机或高档胶印机打印图片，所以我们必须理解在这个过程中所有的色彩变化，并知道应该选择哪种颜色模式，这样做不仅仅是为了最后结果，也是为了过程中的每一步。

1． CMYK代表什么？

2． RGB代表什么？

3． 什么时候使用CMYK 图像？什么时候使用 RGB 图像？

4． 什么时候你会将图片扫描成CMYK格式，什么时候选择扫描成RGB格式？

5．当你将颜色模式由RGB调为CMYK时，屏幕上会发生什么变化？

6． 什么是位深度？它如何影响打印的图像？

7． 每英寸像素总数（ppi，有时称做dpi）如何影响屏幕上展现的图像，比如网页上的图像？也就是说，在屏幕上300ppi的图像比72ppi的图像看起来更好吗？

8． 如何改进你的显示器的分辨率？

印刷怎么样？

在本书中我们可能会用到下面问题中出现的一些术语。我们必须假设，如果你购买了这本高级的设计类书籍，当我们在谈论诸如“注意这个龟纹（moire pattern）”、“这个网屏（halftone screen）太粗糙了”或者“叫打印员来，弄清楚他们想用多大的每英寸线数值（lpi）”时，你了解我们指的是什么。但即使你不了解这些术语，也不会影响你阅读本书！我们只想让你知道，如果你想了解这些知识，可以在哪里找到它们。

1． 这本书是用三色、四色、五色还是全色印刷的？

2． 什么是专色？

3． 什么是原色？

4． 每英寸像素总数（dpi）如何影响纸面打印图像？也就是说，尽管都用全色，300dpi打印的图像比72dpi的图像看起来更好吗？

5． 什么是线屏？每英寸线数值（lpi）如何影响打印的图像？

6． 什么是网板？

7． 什么是双色版？如何制作？

8． 什么是龟纹？为什么要避免它？怎样避免它？

9．什么是四色网目调（separations）？

10．什么是染色？

11．什么是色品，什么时候会用到它？

12．下面展示的宣传页是一色、两色还是三色作品？设计师需要为几种墨色付款？

你知道文件格式吗？

本书中我们会提及EPS、TIFF、GIF和JPEG格式，并且我们假设你知道它们的含义，哪一个程序能够创建哪一种文件格式，原始文件格式是什么，怎样使用每一种格式？

1．什么是原始文件格式？

2．什么是光栅格式？

3．什么是矢量格式？

4．什么是EPS格式？

5．什么是TIFF格式？

6．什么是GIF格式？什么时候会用到它？

7．什么是JPEG文件？

8．什么是压缩方法，什么时候需要用到它？

9．上面提及的几种格式中哪些是压缩格式？

10．EPS和TIFF格式中哪一种更适合用非PostScript[2] 语言的打印机来打印，比如彩色喷墨打印机？为什么？

11．对于一个印刷项目来说，哪一种格式最适合用来扫描逼真的图像？

12．下面的图片最有可能是TIFF格式还是EPS格式？

13．下面的图片最有可能是TIFF格式还是EPS格式？

你对字体有多少了解？

过去与现在是那么不同。过去设计师不必了解关于字体的任何事情，对印刷也可以一无所知，但是现在大多数设计师必须亲自处理所有事情。知道如何在技术层面上处理你的字体非常重要，这样你的作品才会被正确地打印出来。

要成为一名伟大的设计师并不一定要知晓这其中的每一个细枝末节——但是如果你要制作自己的作品就必须了解字体。或者，如果你在监督其他人的工作，而他又不了解字体技术，你就必须能够识别出由此导致的问题。

1．什么是PostScript字体？

2．什么是TrueType字体？

3．什么是OpenType 字体， 它的优点是什么？

4．哪些字体文件在Mac系统和PC系统中都可以用？

5．什么是PostScript打印机， 怎么判别你的打印机是否是PostScript打印机？

6．如果收集有大量字体， 你需要一个字体管理程序。你能否说出三种Mac系统字体管理程序或者两种PC系统程序？

7．如果没有使用字体管理程序， 如何安装新字体？

8．在哪种情况下， 想要避免使用TrueType字体？

仅适用Mac系统用户：

9．每一个PostScript字体都包含两部分。它们是什么？

10．PostScript 字体分离的两部分应该相应存储在什么地方？（知道了这个问题的答案就解决了98%的字体问题。）

你是否计划要做网页设计？

设计的基本原则适用于所有媒介。但是每一种媒介都有其独有的特质，比如人们如何在其中工作，如何使用它，如何在里面找到自己需要的东西等。网络与其他媒介尤其不同。例如，当观看电视广告时，用户不需要弄清楚如何从商业广告的一部分转到另一部分——他们仅仅是坐在那儿，事情就发生了。大多数人都知道怎样去使用一本书，以及从它的目录和索引中找到需要的东西。但是让浏览者更加简便地从网站的一部分浏览到下一部分是设计师的工作，而这些事情在其他媒介上我们并不需要做。因为在另一本书里，已经涵盖了这类资料和关于搭建网站的所有技术事宜，所以在本书中我们不再讨论这个问题。

1． 至少说出网页设计与印刷设计的5个不同点。

2． 用垂直布局和水平布局来表现设计的主体元素，哪一种布局会让网页看起来更好？

3． 网页上的图像是 RGB 模式还是CMYK模式？

4． 哪一种文件格式最适合网页上的照片？

5． 网页上一个 300ppi 的图像会比72ppi的更好吗？

6． 一些显示器显示照片的效果比其他显示器要好。是什么使得一个显示器让图片看起来更好或更糟？

7．在网页上的默认文本里可以放心地使用哪些字体？在网页图形上可以使用哪些字体？

8．对于一个网页来说， 理想的文件大小是多少，包括所有图像在内？

9．什么是CSS， 为什么它很重要？

10．什么是抗锯齿，它如何影响网页图形？

如果你不能回答这些问题，可以先看一下《写给大家看的设计书》。

11．说出使得下面的网页看起来很业余的6个特征。诚然，很少有网页真的看起来如此糟糕（或许实际存在的数量比我们承认的要多），但是许多网页会有一个或多个这样的特征，这些特征实际上在向世人大喊：“我是视觉文盲！”

拥有一个创意文件夹

没有哪一个设计师是徒手工作的。所有设计师的工具箱里必备的标准工具是他收集的书籍，这些书籍展现了世界各个地方富有创造力的人们的成果。同样，你也应该拥有这样一个创意文件夹，也可以称为交换档案或资料档案。它是一个简单的文件夹（或者是一整个抽屉），里面充满了你从杂志、宣传册、海报、面包包装纸和其他任何吸引你的注意力、让你感觉设计很棒的东西上撕下的广告。把它放到你的创意文件夹里，最好再贴上标签说明是什么让它如此出众。当你开始一项全新的项目时，仔细浏览一下这些书籍和创意。这可不是抄袭——它是一种非常传统的学习形式。当你发现一个好的创意，并将这个理念运用到你的具体项目中去时，它就融入了你的项目，发生改变，最终成为你自己的东西。

这是我们所收集的设计类书籍中的一小部分。每年新的“年刊”都会出版，用来展示那些在版面设计、标志、总体设计、网页设计及其他领域中最优秀的案例。也有很多教授设计、排版的书籍，里面全是很棒的创意和建议。当你因缺乏方法而毫无进展时，将它们全部浏览一遍，我们保证你会获得灵感，发现一条独一无二的路子。要不是主动收集世界各地大师们的作品，并从中获益，你或许就不会触发这些灵感了。