設計原則丨親密性

Robin親密性原則是指:將相關的項組織在一起鞠值,移動這些項矿辽,使它們的物理位置相互靠近钉赁,這樣一來蹄殃,相關的項將被看作凝聚為一體的一個組,而不再是一堆彼此無關的片段你踩。

如果某些信息項或組彼此之間并無關聯(lián)诅岩,這些元素就不應存在很近的親密性(即不應靠近),這樣就能為讀者提供一個直觀的提示带膜,使讀者馬上了解頁面的組織和內容吩谦。

來看看下面這個企業(yè)名片的布局,這是一種很典型的布局膝藕。在這樣小的空間里你看到多少個單獨的元素式廷?你的眼睛要停下來多少次才能看全這張名片上的所有信息?

你的眼睛是不是停過5次芭挽?當然懒棉,這個小小的名片上放置了5項孤立的內容。

你是從哪里開始的览绿?可能是從中間策严,因為中間的短句字體最粗。

接下來看什么饿敲?是不是按從左向右的順序讀妻导?(因為這是英語)

如果已經(jīng)讀到名片的最后(即右下角),你的目光又會移向哪里怀各?


現(xiàn)在有兩個元素都是粗體倔韭,你又該從哪里開始呢?從左上角嗎瓢对?還是從中間開始寿酌?

從哪里開始讀名片?接下來看什么硕蛹?什么時候結束醇疼?對于這些問題你現(xiàn)在還有疑問嗎硕并?

僅僅利用這樣一個簡單的概念,現(xiàn)在這個名片不論從理解上還是從視覺上看都很有條理秧荆。而且這樣一來倔毙,它還能更清楚地表達信息

要花些工夫來判斷哪些項應當分在一組,讓它們建立更近的親密性乙濒,而哪些項應當分開陕赃。

注意,這里還做了另外幾件事:

□把所有大寫都變?yōu)樾懓涔桑槐A艉线m的首字母大寫么库,這樣能留出更多空間,使? 標題更大甘有、更醒目廊散。

□把圓角變?yōu)橹苯牵箍^的外觀更簡潔梧疲、更突出。

□將天鵝圖放大运准,超出邊線幌氮。必須要讓它更顯眼。

因為文字內容需要從背景中凸顯出來胁澳,我把小字體改為Trebuchet字體该互,這樣打印的時候就不會看不太清楚了。

創(chuàng)建廣告?zhèn)鲉尉禄⑿麄鲀杂钪恰⑿侣労唸蠡蛘咂渌霭嫖飼r,你很清楚其中哪些信息在邏輯上存在關聯(lián)胰丁,知道哪些信息應當強調随橘,而哪些信息不用強調〗跤梗可以通過分組形象地表現(xiàn)這種信息机蔗。

要調整文本的大小或字體粗細,或者要改變圖片的大小或放置位置凭语,等等漠烧。正文(所讀內容的主干部分)的大小不一定非得是12點辽聊!作為正文的輔助信息,如期號和新聞簡報發(fā)行年份牙言,字體通常可以小到7或8點怪得。

親密性的思想并不是說所有一切都要更靠近咱枉,其真正的含義是:如果某些元素在理解上存在關聯(lián)卑硫,或者相互之間存在某種關系,那么這些元素在視覺上也應當有關聯(lián)庞钢。除此以外拔恰,其他孤立的元素或元素組則不應存在親密性。位置是否靠近可以體現(xiàn)出元素之間是否存在關系基括。

看看下面這個舞蹈課的宣傳卡片颜懊,設計者的本意可能希望表現(xiàn)得更有意思,更有活力风皿,不過第一眼看上去河爹,你能說出舞蹈課的時間和地點嗎?

根據(jù)親密性原則來組織這些信息(如下圖所示)桐款,可以清楚地表達關鍵信息咸这,包括:誰、做什么魔眨、什么時間以及在哪里媳维。這樣一來就不鍵信息,包括:誰遏暴、做什么侄刽、什么時間以及在哪里。這樣一來就不會失去潛在的顧客朋凉,因為倘若不做此改進州丹,他們有可能不愿在這一大堆雜亂無章的文本中搜尋,并因此放棄杂彭。

你不要認為墓毒,不管怎樣都必須通過自己的設計來突出“舞蹈”這個主題(在這個例子中)。此時亲怠,如果要在簡單表達和并不專業(yè)的設計之間做出選擇的話所计,你應該選擇簡單表達。設計技能需要逐步提高团秽,要先從簡單的表達開始醉箕。

親密性小結

如果多個項相互之間存在很近的親密性,它們將成為一個視覺單元徙垫,而不是多個孤立的元素讥裤。彼此相關的項應當歸在一組。要有意識地注意你是怎樣閱讀的姻报,你的視線怎樣移動:從哪里開始己英;沿著怎樣的路徑;到哪里結束吴旋;讀完之后损肛,接下來看哪里厢破?整個過程應當是一個合理的過程,有確定的開始治拿,而且要有確定的結束摩泪。

根本目的

親密性的根本目的是實現(xiàn)組織性。盡管其他原則也能達到這個目的劫谅,不過利用親密性原則见坑,只需簡單地將相關的元素分在一組建立更近的親密性,就能

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末捏检,一起剝皮案震驚了整個濱河市荞驴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贯城,老刑警劉巖熊楼,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異能犯,居然都是意外死亡鲫骗,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門踩晶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來执泰,“玉大人,你說我怎么就攤上這事合瓢。” “怎么了透典?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵晴楔,是天一觀的道長。 經(jīng)常有香客問我峭咒,道長税弃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任凑队,我火速辦了婚禮则果,結果婚禮上,老公的妹妹穿的比我還像新娘漩氨。我一直安慰自己西壮,他們只是感情好,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布叫惊。 她就那樣靜靜地躺著款青,像睡著了一般。 火紅的嫁衣襯著肌膚如雪霍狰。 梳的紋絲不亂的頭發(fā)上抡草,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天饰及,我揣著相機與錄音,去河邊找鬼康震。 笑死燎含,一個胖子當著我的面吹牛,可吹牛的內容都是我干的腿短。 我是一名探鬼主播屏箍,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼答姥!你這毒婦竟也來了铣除?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤鹦付,失蹤者是張志新(化名)和其女友劉穎尚粘,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體敲长,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡郎嫁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了祈噪。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泽铛。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖辑鲤,靈堂內的尸體忽然破棺而出盔腔,到底是詐尸還是另有隱情,我是刑警寧澤月褥,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布弛随,位于F島的核電站,受9級特大地震影響宁赤,放射性物質發(fā)生泄漏舀透。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一决左、第九天 我趴在偏房一處隱蔽的房頂上張望愕够。 院中可真熱鬧,春花似錦佛猛、人聲如沸惑芭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽强衡。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間漩勤,已是汗流浹背感挥。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留越败,地道東北人触幼。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像究飞,于是被迫代替她去往敵國和親置谦。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內容