前言——如果你不知道它的名字，它就不存在
如果你不知道一件東西的名字，99.9%你會忽略它解阅。
很多年前的一個圣誕節(jié)，Robin收到一份圣誕禮物泌霍，是一本關(guān)于如何認識各種樹的書。書中提到的第一種樹叫約書亞樹述召，由于它相當(dāng)怪異朱转，所以當(dāng)他看到書中的照片時，對自己說：“哦积暖，北加利福尼亞絕對沒有這種樹藤为，如果我見過，肯定應(yīng)該有印象夺刑∶迮保” 之后Robin拿著這本書外出走走分别。卻赫然發(fā)現(xiàn)他家附近的6戶鄰居中，竟有4家的院子里都赫然立著約書亞樹存淫。他住在那里已經(jīng)有13年了耘斩，此前從來沒有注意過約書亞樹。而在他知道了這種樹之后桅咆，準(zhǔn)確的說是他能夠說出約書亞樹的名字后括授，樹就無處不在了。
設(shè)計也是一樣岩饼，本書將給大家介紹設(shè)計世界里無處不在的四個原則荚虚，恩，當(dāng)你能夠說出它們的名字之后籍茧，你會真正的看到設(shè)計的無處不在版述。
CRAP——設(shè)計的“廢物”四原則
- 對比 Contrast
- 重復(fù) Repetition
- 對齊 Alignment
- 親密性 Proximity
親密性 Proximity
親密性是指，人們會下意識的認為彼此靠近的元素存在著某種關(guān)聯(lián)關(guān)系寞冯。
親密性 - 示例1
示例1中兩張海報列了一些花的名字渴析。右邊的海報將其中4種花組成一組并與其它的花拉開距離。
哪怕你不懂花简十，一種花也不認識檬某，你也會下意識的認為右圖下部的4種花存在這某種關(guān)聯(lián)，并且有別于另外的一組（6種）花螟蝙。
這正是親密性的體現(xiàn)恢恼。
親密性 - 示例2
示例2展示了兩張刊頭。首先看上面那張刊頭胰默，幾節(jié)文字彼此散落场斑，沒有將信息的邏輯關(guān)系在設(shè)計中展示。閱讀者的視線不得不在刊頭上跳躍數(shù)次牵署。而且 "Amusing, perculiar, educative..."在物理上相當(dāng)靠近"SWEET SWAN SOCIETY"卻又沒有對齊漏隐，讓人疑惑。
下面一張圖對信息重新做了組織奴迅，一眼就知道 "Amusing, perculiar, educative..."是形容"The Shakespeare Papers"青责。將刊號和日期放在一起也更便于信息的讀取。
除了應(yīng)用親密性原則取具，下面一張圖還做了另外幾件事：
- 把所有大寫都變?yōu)樾懖绷ィ槐Ａ艉线m的首字母大寫，這樣能留出更多空間暇检，使標(biāo)題更大产阱、更醒目。
- 把圓角變?yōu)橹苯强槠停箍^的外觀更簡潔构蹬、更突出王暗。
- 將天鵝圖放大，超出邊線庄敛。必須要讓它更顯眼俗壹。
親密性 - 示例3
示例3中，很顯然右邊是更好的設(shè)計铐姚。它將邏輯相關(guān)的信息聚成一組策肝，并在組與組間留了足夠的距離。這是非常常用的列表設(shè)計方法隐绵，當(dāng)你明白它應(yīng)用了親密性原則之众，以后就能更有意識的去這么做了。
親密性 - 示例4
示例4中依许，左邊的頁面讓人看一眼就犯困棺禾，很難從中找出關(guān)鍵信息。雖然可能從標(biāo)題中知道這大約是一場系列讀書會活動峭跳，可你能很快的回答在哪里膘婶，什么時間，有幾場讀書會嗎蛀醉？
右圖則完全不同悬襟，哪怕不細看，你也能知道有三場讀書會拯刁，每場讀書會的時間也非常容易找到脊岳。左下角的其他信息由于離的足夠遠，且用了差異明顯的字號垛玻，你下意識的就知道它不是另一場讀書會割捅。
這一切都如同下意識般，無需思考即可給出答案帚桩，這是設(shè)計的力量亿驾。
親密性 - 示例5
示例5，上面這個舞蹈課的宣傳卡片账嚎，設(shè)計者的本意可能希望表現(xiàn)得更有意思莫瞬，更有活力，不過第一眼看上去郭蕉，你能說出舞蹈課的時間和地點嗎乏悄？
根據(jù)親密性原則重新組織信息（如下圖所示），可以清楚地表達關(guān)鍵信息恳不，包括：誰、做什么开呐、什么時間以及在哪里烟勋。相信我规求，下面這張圖能挽回不少本將流失的潛在顧客。
小結(jié)
人們會下意識的認為彼此靠近的元素存在著某種關(guān)聯(lián)關(guān)系卵惦。
利用親密性原則阻肿，只需簡單地將相關(guān)的元素分在一組，就能自動地實現(xiàn)條理性和組織性沮尿。
