产品经理书籍推荐：《写给大家看的设计书 第3版》

 

 
 

1

书籍基本介绍

书籍名称中文：《写给大家看的设计书（第3版）》

书籍名称原文：《The Non-Designer’s DesignBook,Third Edition》

作者：（美）罗宾·威廉斯（Robin Williams）

中文译者：苏金国，刘亮

发行：人民邮电出版社

字数：307千字

出版：2009年1月第1版；

内容摘要：

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

2

作者介绍

Robin Williams是世界著名的设计师、技术专家和畅销书作家。通过写书和授课，她已经影响了整整一代数字设计师。同时，作为Adobe和Mac技术社区内的偶像级专家，她拥有大批拥戴者。她是Publish Magazine、Adobe Magazine等杂志的专栏作家，是MacWorld Expo 等业界重要活动和组织的顾问委员会成员，还创办了SantaFe 电影艺术学院。除本书外，她还著有几十部畅销图书和获奖著作，包括The Non-Designer’s Web Book、Robin Williams Design Workshop、The Little Mac Book 等，有的书已被翻译为15种文字，产生了世界性的影响。

在她的心目中，她永远是一位老师。但谁曾想，她原本不想成为老师，而是想做非洲珍稀动物的兽医，或者海底摄影师，再或者是联合国的翻译官。但是命中注定，她天生就是教师。她说：“我知道，无论脚下的路通向何方，我永远是一位教师。这就是我。在我的阅读小组中，在我的研究中，在我的作品项目里，我总是能找到和他人分享知识的办法。这是让我感到我来到这个世界的目的，这也是我报答世界的方式。”

对于这本书中所提及的4条原则，在内容摘要中也提到“凝练”，Robin Williams也表示，这些概念并不是她发明出来的，“我只是在花大量时间分析研究了很多设计作品之后，把其中最重要的四条准则提取了出来。”

3

书籍部分内容摘录

摘录部分的内容为亲密性、对齐、重复和对比4个基本原则。提倡大家购买正版。

1、基本设计原则

“基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。……它们实际上是相互关联的。只应用某一个原则的情况很少。

对比（Contrast）

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

重复（Repetition）

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

对齐（Alignment）

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

亲密性（Proximity）

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

2、亲密性

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

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

亲密性小结

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

3、对齐

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

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

对齐小结

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

4、重复

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

重复小结

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

5、对比

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

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

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

对比小结

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

Robin在书中除了介绍了4种基本设计原则之外，还向读者介绍了如颜色运用、更多提示与技巧。也介绍了另一部分的重点：字体的设计。这里附上其余内容的章节截图，内容不再赘述，大家看书了解。

提示：

1、本文提到关于作者的生平及言论，来源于图灵社区对于作者Robin Williams的专访，有兴趣可以查找采访全文。

2、摘录部分来源于章节：《第一部分设计原则》。

3、支持正版。