設(shè)計師必備四大基本原則你懂了多少丨1-親密性原則

我們每天都會看到很多的廣告鞋既、界面、照片耍铜、視頻邑闺,當(dāng)這些作品呈現(xiàn)在我們面前的時候,我們會很容易的分辨出哪些好看棕兼,哪些不好看陡舅,但是我們卻常常說不出其好看的原因,或者我們自己平時做的作品的時候伴挚,總是覺得怪怪的不知道怎么修改靶衍,而當(dāng)我們了解了設(shè)計中的四大基本原則后,你會發(fā)現(xiàn)這背后的一切都是有套路而言茎芋。

四大基本原則是由美國羅賓·威廉姆斯(RobinWilliams)在《寫給大家看的設(shè)計書》中提出的摊灭,他認(rèn)為設(shè)計有以下四個原則:

1、親密性(Proximity)

彼此相關(guān)的項應(yīng)當(dāng)靠近败徊,歸組在一起帚呼。如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元皱蹦,而不是多個孤立的元素煤杀。這有助 于組織信息,減少混亂沪哺,為讀者提供清晰的結(jié)構(gòu)

2沈自、 對齊(Alignment)

任何東西都不能在頁面上隨意安放。每個元素都應(yīng)當(dāng)與頁面上的另一個元素有某種視覺聯(lián)系辜妓。這樣能建立一種清晰枯途、精巧而且清爽的外觀忌怎。

3、 重復(fù)(Repetition)

讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)酪夷×裥ィ可以重復(fù)顏色窒百、形狀少欺、材質(zhì)川尖、空間關(guān)系角钩、線寬、字體当犯、大小和圖片藏斩,等等著淆。這樣一來片择,既能增加條理性潜的,還可以加強(qiáng)統(tǒng)一性

4字管、對比(Contrast)

對比的基本思想是啰挪,要避免頁面上的元素太過相似。如果元素(字體纤掸、 顏色、大小浑塞、線寬借跪、形狀、空間等)不相同酌壕,那就干脆讓它們截然不同掏愁。要讓頁面引人注目,對比通常是最重要的一個因素卵牍,正是它能使讀者首先看這個頁面果港。


親密性(Proximity)

Robin 親密性原則是指:將相關(guān)的項組織在一起,移動這些項糊昙,使它們的物理位置相 互靠近辛掠,這樣一來,相關(guān)的項將被看作凝聚為一體的一個組释牺,而不再是一堆彼此無關(guān)的片段萝衩。

這個簡單的例子很好地闡釋了這個概念。這正反映了親密性的概念没咙,在一個頁面上猩谊,物理位置的接近就意味著存在關(guān)聯(lián)(實際生活中也是如此,你和誰親近就和誰走的近)祭刚。

看到追夢演藝圈的海報不經(jīng)讓我們感覺回到了十年前的設(shè)計水平牌捷,面對這些鋪滿整個頁面的散亂文字與圖片墙牌,使用戶的視覺不知道該停留在什么地方,不是在從何開始暗甥,從何結(jié)束喜滨,閱讀順序又是什么。當(dāng)我看到純潔的心靈文字的時候淋袖,視線不自覺的給上方的人群圖片吸引鸿市;當(dāng)我看到Into Chinese Showbiz的紅色字體的時候視線又會給畢志飛導(dǎo)演圖片所吸引。這樣一幅作品要閱讀完所有內(nèi)容對讀者來說是一件很耗費(fèi)精力的事情即碗。

當(dāng)我們看到這一組海報的時候焰情,我們第一感覺會很整潔、清晰有層次剥懒,這組海報不論從理解上還是從視覺上看都很有條理内舟,更加清楚的表達(dá)出信息。視覺順序上我們會第一眼看到主體圖片初橘,其次是大標(biāo)題验游、然后是副標(biāo)題最后是一些說明性文字,整個閱讀順序很清晰保檐,能夠一眼看到重點(diǎn)耕蝉。

而這一組作品和追夢演藝圈的海報之間的區(qū)別是什么呢?其中最重要的是親密性原則夜只,對畫面中的元素進(jìn)行歸類整理垒在,讓有關(guān)聯(lián)的元素歸類在一起,變成一組畫面的視覺單位扔亥。

如這張海報场躯,把圖片作為一組畫面視覺單位,LOGO作為第二組視覺單位旅挤,主標(biāo)題作為第三組視覺單位踢关,標(biāo)題英文翻譯作為第四組視覺單位,最后詳細(xì)說明性文字作為第五組視覺單位粘茄。


單個的元素進(jìn)行完親密性原則后签舞,我們要對畫面的視覺單位進(jìn)行親密性原則的設(shè)計了。

當(dāng)看到這組畫面的時候柒瓣,這個項目符號顯得非常不合群瘪菌,不知道它是與左邊的有關(guān)系還是與右邊的有關(guān)系,這看起來他們就是四個項目符號單獨(dú)成為一個視覺單位嘹朗,這個是錯誤的做法师妙。

經(jīng)過親密性原則的修改后它們間的關(guān)系就清晰了,我們可以立刻分辨出哪些項目符號屬于哪些項目屹培,也可以馬上看出有兩列項目清單默穴,而不是一列項目符號怔檩,一些信息,一列項目符號蓄诽。

我們再來看下優(yōu)秀的海報作品

這里不難看出薛训,視覺單位與視覺單位之間的區(qū)分很明顯。

我們將他們之間的視覺單位進(jìn)行劃分出來仑氛,不難發(fā)現(xiàn)乙埃,他們視覺單位之間的距離沒有出現(xiàn)同等距離的,2和3的距離比1和2的距離小锯岖,所以2和3之間的關(guān)系更親近介袜,同理可得1和4的關(guān)系更親近(當(dāng)然這里還運(yùn)用了重復(fù)原則)


親密性小結(jié):

如果多個項相互之間存在很近的親密性,它們將成為一個視覺單元出吹,而不是多個孤立的元素遇伞。彼此相關(guān)的項應(yīng)當(dāng)歸在一組要有意識地注意你是怎樣閱讀的捶牢,你的視 線怎樣移動:從哪里開始;沿著怎樣的路徑;到哪里結(jié)束;讀完之后鸠珠,接下來看哪里?整個過程應(yīng)當(dāng)是一個合理的過程,有確定的開始秋麸,而且要有確定的結(jié)束渐排。

根本目的

親密性的根本目的是實現(xiàn)組織性。只需將相關(guān)的元素分在一組就能自動實現(xiàn)條理 性和組織性灸蟆。如果信息很有條理驯耻,將更容易閱讀,也更容易被記住次乓。

判斷小技巧

微微瞇起眼睛吓歇,統(tǒng)計眼睛停頓的次數(shù)來數(shù)一數(shù)頁面上有多少個元素孽水。如果頁面上的項超過 3 ~ 5 個(當(dāng)然票腰,這取決于具體情況),就要看看哪些孤立的元素可以歸在一組建立更近的親密性女气,使之成為一個視覺單元杏慰。

要避免的問題

避免一個頁面上有太多孤立的元素不要在元素之間留出同樣大小的空白炼鞠,除非各組同屬于一個子集缘滥。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市谒主,隨后出現(xiàn)的幾起案子朝扼,更是在濱河造成了極大的恐慌,老刑警劉巖霎肯,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件擎颖,死亡現(xiàn)場離奇詭異榛斯,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)搂捧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門驮俗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人允跑,你說我怎么就攤上這事王凑。” “怎么了聋丝?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵索烹,是天一觀的道長。 經(jīng)常有香客問我潮针,道長术荤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任每篷,我火速辦了婚禮瓣戚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘焦读。我一直安慰自己子库,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布矗晃。 她就那樣靜靜地躺著仑嗅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪张症。 梳的紋絲不亂的頭發(fā)上仓技,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機(jī)與錄音俗他,去河邊找鬼脖捻。 笑死,一個胖子當(dāng)著我的面吹牛兆衅,可吹牛的內(nèi)容都是我干的地沮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼羡亩,長吁一口氣:“原來是場噩夢啊……” “哼摩疑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起畏铆,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤雷袋,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后辞居,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體楷怒,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡寨腔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了率寡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片迫卢。...
    茶點(diǎn)故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖冶共,靈堂內(nèi)的尸體忽然破棺而出乾蛤,到底是詐尸還是另有隱情,我是刑警寧澤捅僵,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布家卖,位于F島的核電站,受9級特大地震影響庙楚,放射性物質(zhì)發(fā)生泄漏上荡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一馒闷、第九天 我趴在偏房一處隱蔽的房頂上張望酪捡。 院中可真熱鬧,春花似錦纳账、人聲如沸逛薇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽永罚。三九已至,卻和暖如春卧秘,著一層夾襖步出監(jiān)牢的瞬間呢袱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工翅敌, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留羞福,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓哼御,卻偏偏與公主長得像坯临,于是被迫代替她去往敵國和親焊唬。 傳聞我的和親對象是個殘疾皇子恋昼,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容