把书读薄之《写给大家看的设计书》(一)

前言——如果你不知道它的名字,它就不存在

如果你不知道一件东西的名字,99.9%你会忽略它。

很多年前的一个圣诞节,Robin收到一份圣诞礼物,是一本关于如何认识各种树的书。书中提到的第一种树叫约书亚树,由于它相当怪异,所以当他看到书中的照片时,对自己说:“哦,北加利福尼亚绝对没有这种树,如果我见过,肯定应该有印象。” 之后Robin拿着这本书外出走走。却赫然发现他家附近的6户邻居中,竟有4家的院子里都赫然立着约书亚树。他住在那里已经有13年了,此前从来没有注意过约书亚树。而在他知道了这种树之后,准确的说是他能够说出约书亚树的名字后,树就无处不在了。

设计也是一样,本书将给大家介绍设计世界里无处不在的四个原则,恩,当你能够说出它们的名字之后,你会真正的看到设计的无处不在。

CRAP——设计的“废物”四原则

  • 对比 Contrast
  • 重复 Repetition
  • 对齐 Alignment
  • 亲密性 Proximity

亲密性 Proximity

亲密性是指,人们会下意识的认为彼此靠近的元素存在着某种关联关系。

亲密性 - 示例1

亲密性 - 示例1

示例1中两张海报列了一些花的名字。右边的海报将其中4种花组成一组并与其它的花拉开距离。

哪怕你不懂花,一种花也不认识,你也会下意识的认为右图下部的4种花存在这某种关联,并且有别于另外的一组(6种)花。

这正是亲密性的体现。

亲密性 - 示例2

亲密性 - 示例2

示例2展示了两张刊头。首先看上面那张刊头,几节文字彼此散落,没有将信息的逻辑关系在设计中展示。阅读者的视线不得不在刊头上跳跃数次。而且 "Amusing, perculiar, educative..."在物理上相当靠近"SWEET SWAN SOCIETY"却又没有对齐,让人疑惑。

下面一张图对信息重新做了组织,一眼就知道 "Amusing, perculiar, educative..."是形容"The Shakespeare Papers"。将刊号和日期放在一起也更便于信息的读取。

除了应用亲密性原则,下面一张图还做了另外几件事:

  • 把所有大写都变为小写,只保留合适的首字母大写,这样能留出更多空间,使标题更大、更醒目。
  • 把圆角变为直角,使刊头的外观更简洁、更突出。
  • 将天鹅图放大,超出边线。必须要让它更显眼。

亲密性 - 示例3

亲密性 - 示例3

示例3中,很显然右边是更好的设计。它将逻辑相关的信息聚成一组,并在组与组间留了足够的距离。这是非常常用的列表设计方法,当你明白它应用了亲密性原则,以后就能更有意识的去这么做了。

亲密性 - 示例4

亲密性 - 示例4

示例4中,左边的页面让人看一眼就犯困,很难从中找出关键信息。虽然可能从标题中知道这大约是一场系列读书会活动,可你能很快的回答在哪里,什么时间,有几场读书会吗?

右图则完全不同,哪怕不细看,你也能知道有三场读书会,每场读书会的时间也非常容易找到。左下角的其他信息由于离的足够远,且用了差异明显的字号,你下意识的就知道它不是另一场读书会。

这一切都如同下意识般,无需思考即可给出答案,这是设计的力量。

亲密性 - 示例5

亲密性 - 示例5

示例5,上面这个舞蹈课的宣传卡片,设计者的本意可能希望表现得更有意思,更有活力,不过第一眼看上去,你能说出舞蹈课的时间和地点吗?

根据亲密性原则重新组织信息(如下图所示),可以清楚地表达关键信息,包括:谁、做什么、什么时间以及在哪里。相信我,下面这张图能挽回不少本将流失的潜在顾客。

小结

人们会下意识的认为彼此靠近的元素存在着某种关联关系

利用亲密性原则,只需简单地将相关的元素分在一组,就能自动地实现条理性和组织性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,198评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,663评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,985评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,673评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,994评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,399评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,717评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,407评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,112评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,371评论 2 241
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,891评论 1 256
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,255评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,881评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,010评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,764评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,412评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,299评论 2 260

推荐阅读更多精彩内容