前言——如果你不知道它的名字,它就不存在
如果你不知道一件东西的名字,99.9%你会忽略它。
很多年前的一个圣诞节,Robin收到一份圣诞礼物,是一本关于如何认识各种树的书。书中提到的第一种树叫约书亚树,由于它相当怪异,所以当他看到书中的照片时,对自己说:“哦,北加利福尼亚绝对没有这种树,如果我见过,肯定应该有印象。” 之后Robin拿着这本书外出走走。却赫然发现他家附近的6户邻居中,竟有4家的院子里都赫然立着约书亚树。他住在那里已经有13年了,此前从来没有注意过约书亚树。而在他知道了这种树之后,准确的说是他能够说出约书亚树的名字后,树就无处不在了。
设计也是一样,本书将给大家介绍设计世界里无处不在的四个原则,恩,当你能够说出它们的名字之后,你会真正的看到设计的无处不在。
CRAP——设计的“废物”四原则
- 对比 Contrast
- 重复 Repetition
- 对齐 Alignment
- 亲密性 Proximity
亲密性 Proximity
亲密性是指,人们会下意识的认为彼此靠近的元素存在着某种关联关系。
亲密性 - 示例1
示例1中两张海报列了一些花的名字。右边的海报将其中4种花组成一组并与其它的花拉开距离。
哪怕你不懂花,一种花也不认识,你也会下意识的认为右图下部的4种花存在这某种关联,并且有别于另外的一组(6种)花。
这正是亲密性的体现。
亲密性 - 示例2
示例2展示了两张刊头。首先看上面那张刊头,几节文字彼此散落,没有将信息的逻辑关系在设计中展示。阅读者的视线不得不在刊头上跳跃数次。而且 "Amusing, perculiar, educative..."在物理上相当靠近"SWEET SWAN SOCIETY"却又没有对齐,让人疑惑。
下面一张图对信息重新做了组织,一眼就知道 "Amusing, perculiar, educative..."是形容"The Shakespeare Papers"。将刊号和日期放在一起也更便于信息的读取。
除了应用亲密性原则,下面一张图还做了另外几件事:
- 把所有大写都变为小写,只保留合适的首字母大写,这样能留出更多空间,使标题更大、更醒目。
- 把圆角变为直角,使刊头的外观更简洁、更突出。
- 将天鹅图放大,超出边线。必须要让它更显眼。
亲密性 - 示例3
示例3中,很显然右边是更好的设计。它将逻辑相关的信息聚成一组,并在组与组间留了足够的距离。这是非常常用的列表设计方法,当你明白它应用了亲密性原则,以后就能更有意识的去这么做了。
亲密性 - 示例4
示例4中,左边的页面让人看一眼就犯困,很难从中找出关键信息。虽然可能从标题中知道这大约是一场系列读书会活动,可你能很快的回答在哪里,什么时间,有几场读书会吗?
右图则完全不同,哪怕不细看,你也能知道有三场读书会,每场读书会的时间也非常容易找到。左下角的其他信息由于离的足够远,且用了差异明显的字号,你下意识的就知道它不是另一场读书会。
这一切都如同下意识般,无需思考即可给出答案,这是设计的力量。
亲密性 - 示例5
示例5,上面这个舞蹈课的宣传卡片,设计者的本意可能希望表现得更有意思,更有活力,不过第一眼看上去,你能说出舞蹈课的时间和地点吗?
根据亲密性原则重新组织信息(如下图所示),可以清楚地表达关键信息,包括:谁、做什么、什么时间以及在哪里。相信我,下面这张图能挽回不少本将流失的潜在顾客。
小结
人们会下意识的认为彼此靠近的元素存在着某种关联关系。
利用亲密性原则,只需简单地将相关的元素分在一组,就能自动地实现条理性和组织性。