写给大家看的设计书(第4版)
上QQ阅读APP看书,第一时间看更新

第1章
引言

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

约书亚树

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

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

所以,下面先来看看有哪些设计原则,知道它们的名字,之后就会逐步控制页面。

训练你的设计师之眼:找到让第二个例子看起来表意更清晰的至少5处地方。(第220页上有一些建议。)

4大基本原则

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

对比(Contrast)

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

重复(Repetition)

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

对齐(Alignment)

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

亲密性(Proximity)

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

一点说明

从繁杂的设计理论中抽取这4条原则时,我考虑过,这些概念性思想应该有一个合适的、便于记忆的缩写词,可以帮助人们记住这些原则。尽管缩写词很好记,但并不太合适上述4个原则的英文首字母缩写为CRAP,是一句不文明用语。——编者注,实在抱歉。

不过,现在在互联网上到处都能发现这个缩写和设计的联系,而这本书就是起源。