外行人如何看懂設(shè)計 ——讀《寫給大家看的設(shè)計書》有感

《寫給大家看的設(shè)計書》

身為一枚傳播學(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)的重點是圖片,因此畫面并無不妥。)


文章中的許多知識點皆為書中的知識點,只是給大家整理了出來,并配合了我自己的理解。例子也是我自己找的,要是理解和點評得不對請大家多多指教。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,739評論 6 534
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,634評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,653評論 0 377
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,063評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,835評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,235評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,315評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,459評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,000評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,819評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,004評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,560評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,257評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,676評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,937評論 1 288
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,717評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,003評論 2 374

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