身為一枚傳播學(xué)人士,每天都在和品牌、宣傳、策劃、廣告等與之相關(guān)的工作打交道,這些工作都與設(shè)計息息相關(guān)。好的設(shè)計讓人眼前一亮,不好的設(shè)計怎么看怎么別扭。
作為團隊的一員,如何用較為專業(yè)的眼光和術(shù)語,去引導(dǎo)設(shè)計師做出符合產(chǎn)品調(diào)性的設(shè)計是一項難題。這篇文章主要給大家普及在《寫給大家看的設(shè)計書》里涉及到的設(shè)計原則及設(shè)計技巧。
在本書中設(shè)計主要涉及四大原則:親密性原則、對齊原則、重復(fù)原則及對比原則。
一、親密性原則
熟悉運用親密性原則能夠使頁面更為整潔有條理,便于理解。
親密性意味著存在關(guān)聯(lián),如果一個頁面需要放置多種元素(主題、文字、圖片等),并且這些元素理解上存在關(guān)聯(lián),或者相互之間存在關(guān)系,那么應(yīng)該把相關(guān)的元素分在一起,使它們建立更近的親密性。
↑ 此頁面中的元素較多,有照片、實物圖、名字、介紹、價格等,設(shè)計者將相關(guān)的元素分到一起,在不相關(guān)的元素之間留有空白,畫面條理清晰,讓人一目了然。
忌一個頁面有太多孤立的元素。
忌在元素之間留出同樣大小的空白(除非屬于同一組)。
↑上圖中的紅橙黃的介紹內(nèi)容之間留白間隙不大并且并不突出,一眼看上去無法讓人區(qū)分模塊及內(nèi)容,畫面較為凌亂枯燥。
二、對齊原則
運用對齊原則使文本連接在一起,使畫面統(tǒng)一且有條理。
對齊原則即是我們接觸得最多的文本編輯功能,左對齊、右對齊和居中對齊。原則上一個頁面中只使用一種文本對齊方式,但若設(shè)計中的對齊很明確,可以有意識地打破對齊,但一定要表現(xiàn)出這是有意的。對齊原則運用得好的檢驗法則是可以在對齊的對象間畫出“對齊線”。
↑上圖整體采用了兩種對齊方式。右邊文本采用右對齊的方式,左邊文本按照圖片中女人的一滴淚流下的路線對齊,淚水作為區(qū)隔左右文本的線條,有意識的打破右對齊的方式,非常新奇有趣但又不失條理。
忌居中對齊。初學(xué)者在排版文字的時候最喜歡的對齊方式是居中對齊,但這種排版方式較為乏味。若要有效居中,有三種方法:1.嘗試另一種方式;2.變換字體;3.讓居中效果更明顯。
↑上圖采用了居中對齊的排版方式,整體來說較為乏味。
↑上圖采用了居中對齊的排版方式,但是頁面下方的文字居中效果很明顯,左右留白空隙較多,非常吸引眼球。
三、重復(fù)原則
重復(fù)原則主要加強讀者記憶,聯(lián)系作品,為作品提供統(tǒng)一性,并增強視覺效果。
重復(fù)原則多采用多樣性實現(xiàn)統(tǒng)一,用不同的方式去重復(fù)畫面中的元素。加強讀者記憶的重要點是,要確保有足夠多的重復(fù)的元素。
↑上圖為系列作品,作品中采用的重復(fù)的元素為蘑菇頭的美女形象及紅色原色,貫穿作品始終,串聯(lián)整個系列,并加強讀者的記憶點。
↑上圖中的大字(人物名字)中字體相同,造型相同(第一行單詞不加粗,第二行單詞加粗)為重復(fù)的元素,將人物名字聯(lián)系起來,整個畫面形成統(tǒng)一。
忌太多重復(fù)一個元素,注意對比(請看下一小節(jié))的價值。
↑上圖中的整體顏色過于重復(fù),皆為粉色、淡粉色,把重復(fù)用得過濫,混淆重點,圖中需要宣傳的產(chǎn)品并不突出,感覺上也讓人不太舒服,應(yīng)當(dāng)盡量使用多樣性實現(xiàn)統(tǒng)一。
四、對比原則
對比原則主要為頁面增強視覺效果,讓人眼前一亮。
有效的對比=強烈的對比,對比原則主張完全不同,在排版中可以通過字體、線寬、顏色、形狀、大小、空間等產(chǎn)生對比。
↑上圖中的“FRAYED”這六個字母就采用了對比,在字體、形狀、大小、空間這幾個方面跟頁面其余的文字形成強烈的對比,整個畫面更加鮮明有活力。
忌稍有不同。不要將0.5的線與1的線對比,不要將棕色和黑色對比。
↑拿本圖中的文字舉例,作品中的標(biāo)題采用的是與內(nèi)文相同的字體,字號也是稍微大一些而已,看起來并無明顯的區(qū)分。(但本圖中強調(diào)的重點是圖片,因此畫面并無不妥。)
文章中的許多知識點皆為書中的知識點,只是給大家整理了出來,并配合了我自己的理解。例子也是我自己找的,要是理解和點評得不對請大家多多指教。