作者：【美】威廉姆斯（Robbin Williams）
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
写给大家看的设计书(第4版)试读：
本书上一版读者评论
“这个世界，设计无处不在，然而多数人未必有机会学习专业的设计。实际上，设计不仅仅是专业设计师的事情。比如，我是从事前端开发的，虽然绝大部分时间是和代码打交道，但我需要维护自己的 blog，需要做幻灯片，更重要的是需要能够理解且欣赏视觉设计师的作品并实现它。如果我懂得设计，我肯定可以做得更好更专业，并能够提出建设性的意见。我想，类似的场景不仅适于我，也一定会适于你。所以，当我看完这本《写给大家看的设计书》时，我认为它是一本可以推荐给大家看的设计书。”——鄢学鹍（网名秦歌、三七），天猫前端开发团队负责人 “不要认为，你只要把内容写出来就够了，那仅仅是陈述。‘未经设计’就好像是一场无聊的会议，下面的听众昏昏欲睡。‘经过设计’就好比马云的演讲，即使文化程度不高的听众也会听得津津有味……本书中的例子浅显易懂，生动有趣，让所有非专业设计人员在写邮件、PPT 等日常文件时不再对版式束手无策。”——豆瓣网友 Roger “这是国内在设计方面首屈一指的入门书。作者将设计领域那些太多‘可意会不可言传’的理念用具体的例子展示出来，并能清晰阐述‘色彩’等很复杂的概念。推荐！”——豆瓣网友 Alex Dong “看看这本书，你会对设计有个大概的概念，然后就会在审美时变得不那么手足无措。”——豆瓣网友甲 “我相信这本书里的四大法则一定会给美术基础薄弱的人带来最简单最有效的应对方法。作为从未接触过排版的专业美术人员，这本书可以说是我读过的最优秀的入门教材，不仅浅显易懂，很多容易被专业人士忽略的小细节也会被单独拿出来进行细致的分析。书中案例很多，并全部进行了修正前后的对比，简洁清晰，一目了然！五星推荐 ！”——当当网读者变色琉璃 “书里的理论与实例结合，条理脉络清晰，并且非常富有趣味性。很多你以前一直这么做但却不知道为什么这么做，看了它以后你会恍然大悟。而你以前不知道要这么做的，看了它以后，你就知道了。”——当当网读者翔翎 “学会设计，是人生的必修课。如果每个人都有一点设计的知识，那么这个社会将无比优雅、文明。本书给你一些浅显的技巧、简单的原则，不仅让你平时做的 Word 文档更令老板赏识，而且令你生活的素养和品味也有很大的提升！强烈推荐！”——当当网读者 tengmasen “我没有画画的天份，总觉得 PPT 制作、课件开发等美工设计是一个我永远无法企及的环节。直到有一天，我学会了运用这本书上的原理，突然发现原来我也可以给专业的设计人员挑挑毛病、提提建议呢。”——豆瓣网友何佳瑾 “设计看起来很炫很酷，但只要了解一些本书中介绍的基本设计常识，每一个人都可以做出不俗的作品来。”——当当网读者 dglxp “作者打破了大量理论叙述的模式，注重实际举例对比，而且很多道理能应用在生活、工作之中。”——当当网匿名读者在，印刷品和出版物之多绝对今非昔比。作为广告、宣传册或图书的出版发行人，
每一位出版者都希望读者能轻松地阅读他们的作品。
出版者乃至读者都希望出版物的重点突出，
主题明确，读者对这方面的要求尤显强烈。
如果读起来很费劲，读者根本不会为它劳神，
反之，对于看上去赏心悦目、条理清晰的读物，
读者则会喜爱有加，因为这将有助于他们的理解。
出于这个原因，重要的部分必须突出，
不重要的部分则要淡化……
现代排版技术也必须适当改进
才能跟上时代发展的速度。
如今，我们再不能在一个小小的信笺
或其他环节上花费太多工夫，
即使是距离现在不算太远的 19 世纪 90 年代
为此所花的时间，
如今看来也让人无法接受。
现代排版技术也必须适当改进
才能跟上时代发展的速度。
如今，我们再不能在一个小小的信笺
或其他环节上花费太多工夫，
即使是距离现在不算太远的 19 世纪 90 年代
为此所花的时间，
如今看来也让人无法接受。
本书适合你吗
有些人需要设计页面，但完全没有设计背景，或者在设计方面没有经过正规培训，本书正是为这些人所写的。本书并不只针对那些设计光鲜包装或者“宏篇”宣传册的人，我所指的可以是普通的秘书，也许老板刚刚要求他们设计时讯报道；或者是某个活动的志愿者们，正准备发布有关活动的信息；也可能是小企业负责人，正在自己设计广告；或者是那些聪明的学生，他们深谙一个秘诀：论文越漂亮，越有可能得高分；也许是那些专业人员，他们认识到演示稿越吸引人就越能受到好评；也可能是教师，他们知道，如果讲授的信息组织得当，学生就能更好地接受并做出反应；还可能是统计人员，他们会发现数字和统计结果经过适当的组织，也能让人乐于阅读而不是使人昏昏欲睡，诸如此类的还有很多很多。
本书假设你没有足够的时间或者兴趣来专门学习设计和排版技术，但是又很想知道如何才能让页面看上去更好一些。倘若如此，本书肯定会令你满意。我们的前提很老套，还是那句格言：知识就是力量。看到一个设计得不好的页面时，大多数人可能会说他们不喜欢这个页面，但是对于如何修改却毫无头绪。本书指出了 4 大基本概念，几乎每一个精良的设计中都用到了这 4 个概念。这些概念非常明确也很具体。如果你不知道哪里出了问题，又怎么能进行修正呢？一旦认识了这些概念，就会注意到你的页面中是否已经应用了这些概念。只有找出问题所在，方能得出解决方案。
仅仅靠这样一本书，并不能完全取代设计学院里 4 年的正规学习。我并不指望你在读完本书后就立刻成为一个才华过人的设计人员。不过我敢保证，你再也不会以原来的眼光看页面了。我相信，如果遵循了这些基本原则，你的设计看上去会更专业、更有条理、更统一，也更有趣。你会感到自己已经具备了一定的水平。
放轻松，我们开始吧。第一部分设计原则
本部分内容● 第 1 章 引言● 第 2 章 亲密性● 第 3 章 对齐● 第 4 章 重复● 第 5 章 对比● 第 6 章 4 大基本原则复习● 第 7 章 颜色运用● 第 8 章 更多提示与技巧第 1 章 引言
本章篇幅较短，将从一般意义上解释 4 大基本原则，各个原则将在后面的章节中更详细地解释。不过，首先我想告诉你一个小故事，正是这个小故事使我意识到，能够准确陈述问题是何等重要，因为明确这些原则是掌握它们的关键。约书亚树
很多年前的一个圣诞节，我收到一份圣诞礼物，是一本关于如何认识各种树的书。当时我住在父母家，所有礼物都打开后，我决定出去走走，认一认邻居家的树。出去之前我读了书的一部分。其中提到的第一种树是约书亚树，只需要两个线索就能认出它。由于约书亚树相当怪异，所以看到书中它的照片时，我对自己说：“哦，北加利福尼亚绝对没有这种树。这种树太怪异了。如果我见过，肯定应该有印象，可我以前从来没有见过。”
之后我拿着这本书走出家门。我的父母住在一个小巷子里，这里共有 6 家住户。其中 4 家的前院里都赫然立着约书亚树。我住在那里已经有 13 年了，此前居然从未注意过约书亚树。我在这个街区转了转，发现似乎每一家布置新居时都会到苗圃买约书亚树，至少 80% 的住家前院都种有约书亚树。而我在此之前居然从来没有注意过！在我知道了这种树之后，我是说在我能够说出它的名字后，它就无处不在了。这正是我要强调的：一旦能够说出什么东西的名字，就会很容易注意到它。你就会掌握它，拥有它，让它受你所控。
所以，下面先来看看有哪些设计原则，知道它们的名字，之后就会逐步控制页面。
训练你的设计师之眼：找到让第二个例子看起来表意更清晰
的至少 5 处地方。（第 220 页上有一些建议。）
训练你的设计师之眼：找到让第二个例子看起来表意更清晰
的至少 5 处地方。（第 220 页上有一些建议。）4 大基本原则
以下是对基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。尽管我在后面将逐个讨论各个原则，不过要记住，它们实际上是相互关联的。只应用某一个原则的情况很少。
对比（Contrast）
对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。
重复（Repetition）
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。
对齐（Alignment）
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
亲密性（Proximity）
彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。
一点说明
从繁杂的设计理论中抽取这 4 条原则时，我考虑过，这些概念性思想应该有一个合适的、便于记忆的缩写词，可以帮助人们记住这些原则。尽管缩写词很好记，但并不太合适1，实在抱歉。
1上述 4 个原则的英文首字母缩写为 CRAP，是一句不文明用语。——编者注
不过，现在在互联网上到处都能发现这个缩写和设计的联系，而这本书就是起源。第 2 章 亲密性
在新手的设计中，单词、短语和图片四处分布，连角落也不放过，它们占据了每一处空间，以至于根本没有任何留白，这种情况比比皆是。看上去似乎是设计者们不敢留有空白。不过要知道，如果一个设计中充斥着太多的内容，这个页面会显得杂乱无章，读者也无法从中很快看到所需的信息。
Robin 亲密性原则是指：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。
如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性（即不应靠近），这样就能为读者提供一个直观的提示，使读者马上了解页面的组织和内容。
下面这个简单的例子很好地阐释了这个概念。这正反映了亲密性的概念，在一个页面上，物理位置的接近就意味着存在关联（实际生活中也是如此）。
如果我们看到这样两个人走在街上，他们的关系并不明确。
他们有关系吗？他们认识彼此吗？
现在，这两个人之间的亲密性告诉我们，他们之间存在关系。
在页面上也是同样。
来看看下面这个企业名片的布局，这是一种很典型的布局。在这样小的空间里你看到多少个单独的元素？你的眼睛要停下来多少次才能看全这张名片上的所有信息？
你的眼睛是不是停过 5 次？当然，这张小小的名片上放置
了 5 项孤立的内容。
你是从哪里开始的？可能是从中间，因为中间的短句字体最
粗。
接下来看什么？是不是按从左向右的顺序读？（因为这是英
语。）
如果已经读到名片的最后（即右下角），你的目光又会移向
哪里？
你是不是还会全盘再巡视一番，确保自己没有遗漏任何角
落？
如果再添点乱，情况会怎样呢 ?
现在有两个元素都是粗体，你又该从哪里开始呢？从左上角
吗？还是从中间开始？
读完这两项之后，接下来看什么？也许你会在这些粗体词之
间看来看去，紧张兮兮地想找出角落里还隐藏着哪些词尚未
看到。
你知道什么时候才算完吗？
你的朋友是不是也像你这样？他们会不会用不同的方式读这
个名片？
如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性（即紧密性）意味着存在关联。
如果把类似的元素组织为一个单元，马上会带来很多变化。首先，页面会变得更有条理。其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外，“空白”（字母以外的空间）也会变得更有组织。
之前的名片存在这样一个问题：名片上的每一项看上去都与
其他任何项没有关联。这样一来，首先不清楚从哪里开始读
名片，另外不知道何时才算结束。
如果对这张企业名片做一点调整——把相关的元素分在一
组，使它们建立更近的亲密性，看看会发生什么。
从哪里开始读名片？接下来看什么？什么时候结束？对于这
些问题你现在还有疑问吗？
仅仅利用这样一个简单的概念，现在这张名片不论从理解上
还是从视觉上看都很有条理。而且这样一来，它还能更清楚
地表达信息。
亲密性的使用很微妙，不过相当重要。布局的时候一定要明确元素和其所属元属是否在一起，留意无关元素。
请注意这两栏中的项目符号，看看它们和相关联的项目间的
距离。中间的项目符号事实上离有些左栏的项目更近。看起
来几乎就像是 4 个单独的列一样，其中有两列是项目符
号。
现在关系就清晰了，我们可以立刻分辨出哪些项目符号属于
哪些项目，也可以马上看出有两列项目清单，而不是一列项
目符号，一些信息，一列项目符号，再来更多的信息。
数字看起来就像是一个单独的单元，与文字无关。
当数字和信息靠得更近时，我们就能发现数字和文字之间的
关系了。
将类似的项归为一组来建立很近的亲密性时，有时需要做一些修改，如需要调整文本的大小或字体粗细，或者要改变图片的大小或放置位置，等等。正文（所读内容的主干部分）的字号不一定非得是 12 磅！期号和新闻简报发行年份等正文的辅助信息，可以占据相当小的位置。
应该强调什么以及如何组织信息都已经明确了，现在就来实践一下。
这张明信片看起来很平淡，没有任何东西能吸引你来看一看
正文，或许，除了那两颗心。但是更关键的是，需要一分钟
才能找到真正重要的信息。
不用改变很多（不过，需要改变的还有不少，详见第 5
章），只要把有关联的元素放在一起，然后在不同单元间增
加合适的空间，就让信息变得更直观。
训练你的设计师之眼：找到至少 8 个让第二个例子看起来
更加专业的不同。（建议在第 220 页。）
亲密性原则并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。除此以外，其他孤立的元素或元素组则不应存在亲密性。位置是否靠近可以体现出元素之间是否存在关系。
不看正文来回答这些问题：
左图，这个系列活动组织了多少场读书会？
右图，这个系列活动组织了多少场读书会？
我们看一眼就能回答右边的传单上列了多少场读书会，因为
每场读书会的信息都被归入有逻辑的亲密关系中（另外，活
动名称现在加粗了，使用的是对比原则）。请注意，三场读
书会之间的空白是相同的，显示出这三组之间有某些关系。
就算文本字号小到不能阅读，你也马上就能知道有三个活
动。
虽然传单底部的小块文字小到无法阅读，你也知道那是什
么，对不对？一定是售票信息和联系方式。你马上就知道这
个单元并不是另一场活动，因为它和其他区块之间的亲密性
是不同的。
首先，根据理解对信息进行分组（这个工作心算完成，也可
以在纸上把想法简单画出来）；你知道该怎么办。然后在页
面上对文本进行实际分组。
训练你的设计师之眼：找到至少 5 个让第二个例子看起来
更清晰、表达更流畅的地方。（建议在第 220 页。）
看看下方左侧的列表，这些花有什么关联吗？是不是有某些共同点？再看看下方右侧的列表，你又怎么想？看起来最后三种花似乎和其他的有某些区别。你一眼就看出来了。甚至在还没有意识到的时候就看出来了。因为最后三种花在布局上和列表中的其他项目是分开的，所以你知道它们有些不同。
空白可以表达关系，所以直接的暗示就是最后三种花是不同
的。
只要瞥一眼就能从页面上得到这么多信息，这可真是奇妙。
所以，你的责任就是要确保读者获得正确的信息。
创建广告传单、宣传册、新闻简报或者其他出版物时，你很清楚其中哪些信息在逻辑上存在关联，知道哪些信息应当强调，而哪些信息不用强调。可以通过分组形象地表现这种信息。
在这个列表中的每一个元素都与其他所有元素凑在一起，所
以无法看出它们之间的关系，甚至标题为粗体的情况下也无
从知道这些信息项的组织。
仍然是这个列表，现在通过在彼此之间增加一些空白看起来
已经形成了多个组。相信你自己也肯定做过这种工作，这里
只是建议要有意识地这样做，而且要投入更大的力度。
你必须要知道如何使用软件中的段前段后间距设置，这样你
就能在某个文字区域的元素间使用完全相同的空白了。
在上面，我缩紧了所列项目之间的行距，让它们具有更近的
亲密性。这样就可以给粗体标题上方设置更大的空间了。
下面显示了一个很典型的简报刊头。这里有多少个单独的元素？单从放置的位置看，能不能看出某些信息项与其他项存在关联？
要花些工夫判断哪些项应当分在一组，让它们建立更近的亲
密性，而哪些项应当分开。
右上角的两项相互之间有很近的亲密性，这意味着它们之间
存在某种关系。不过这两项真的应该有某种关系吗？
下面的例子建立了正确的关系。
请注意，这里还做了另外几个调整。我把圆角变为直角，使
刊头的外观更简洁、更突出；把标题字号加大，使布局更合
理；把一些文字颜色调暗，这些字与其他字的对比度就没那
么突兀了。
训练你的设计师之眼：至少找到 3 个让第 2 个例子表意更
清晰的不同之处。（建议在第 220 页。）
也许你在自己的工作中已经用过亲密性原则，不过可能做得还不够充分，还没有最有效地发挥它的作用。仔细看看你的那些页面，看看页面上的那些元素，再看看哪些元素应当分在一组。
试读结束[说明：试读内容隐藏了图片]