海淘科技今天為你帶來，網(wǎng)頁設計留白的意義。來來先看看兩張圖，那張圖你認為是好的設計?

從視覺的角度出發(fā)看來，毫無疑問是下面的設計更加專業(yè)。但是從營銷的角度來看，其實兩張的設計都是對的設計，超市的傳單設計成下面那樣估計沒有大媽敢去買那個菜了。

上面這句英文的字體是不是很小?但是你依然能在0.1秒之內(nèi)看到并且讀完?；貧w留白主題，一定離不開一句話，less is more.這句話是1930年代一位建筑師路德維?！っ芩埂し驳铝_說的。翻譯過來就是：少即是多。

可能你在很多非常裝牛的文章，裝牛的場合，裝牛的大師面前也通過無數(shù)次這個詞，但是相信也有大部分人對此不能有很深的理解。今天在這里用最簡單的語言解釋一次。

留白的目的就是讓主題更加突出 。配角們死光光，就剩下主角了，配角的戲份都less掉了，主角的戲能不more嗎?所以你可以看到上圖，主角那么一丁點大，但是沒有配角啊，所以當然他一個人占了全部的畫面主體了。

如果是書封面，它們的價格將會差異很大。

讓大師登一下場子，原研哉

網(wǎng)頁設計留白的意義

1.突出主題

留白是主體的領地，越多的留白，主體被注視的幾率越高。

左邊一張圖中有，很多的船、綠色植物還有彎彎的河道，右邊的圖中，只有一片河水、一條船以及角落里一抹綠色。這兩張對比，那一張的主題更加突出？明顯右邊更加突出主題-船。左邊內(nèi)容著實豐富，不知道那個是主角，什么都想突出，有時太貪心，就會事與愿違。

2.簡化畫面

簡化：清晰、理性、有逼格;它的反義詞，飽滿：親民、花哨、實用性 我們要根據(jù)產(chǎn)品需要去制定我們的留白比例。對于要突出重點的就要留白比較多一點，那樣信息非常清晰，可以高效的傳達到用戶的腦海中。

但是如果娛樂類的設計，要的就是炫酷狂拽的感覺，讓你覺得好玩，信息靠你自己慢慢找，那就不一樣了。

如果單純從逼格上看，下面優(yōu)化后的這張是更加有逼格的。優(yōu)化后，信息量減少，用戶能更快捷地閱讀完文案，但是在過度簡化后，會在高大上之余，失去親和力，這個和我設定的品牌調(diào)性不一致。所以在為設計簡化的時候，需要考慮品牌本身的調(diào)性。

3.表達自信，增強品質(zhì)感

敢于大膽留白，是對自己的品牌，自己產(chǎn)品的一種自信。

有非常大的留白，是王高端方向走的。如果之前介紹的字體和排版三大招，居中的排版方式是高大上的，但是同時這里采用的促銷字體了，檔次拉回去了一些，當然，這個是符合專題里的產(chǎn)品本身的定位。

從視覺的角度來看，這是一個優(yōu)秀的設計，但是從品質(zhì)的角度來看，這個專題的產(chǎn)品不會是最頭等的產(chǎn)品，從形式、字體都是比較促銷型的。

案例點評

總結

留白，無疑是一劑改善視覺表現(xiàn)的良藥。但是，應該根據(jù)你所做的產(chǎn)品的市場定位，目標人群以及英雄啊方案去定奪留白程度。一般來說，不要給闡釋師奶們、小屁孩一張高留白的設計;不要給香格里拉高富帥小字等，一張過于飽滿的設計;設計應該有產(chǎn)品和營銷定位去延伸，而不是對什么產(chǎn)品都做成高大上。

海淘科技還有其他設計文章，MBE風格圖標設計資訊、數(shù)字與設計、app界面設計資訊，點擊可閱覽。