我們每天都會看到很多的廣告鞋既、界面、照片耍铜、視頻邑闺,當(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)的片段萝衩。
看到追夢演藝圈的海報不經(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)秀的海報作品
我們將他們之間的視覺單位進(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)然票腰,這取決于具體情況),就要看看哪些孤立的元素可以歸在一組建立更近的親密性女气,使之成為一個視覺單元杏慰。
要避免的問題
避免一個頁面上有太多孤立的元素。不要在元素之間留出同樣大小的空白炼鞠,除非各組同屬于一個子集缘滥。