海淘科技今天為你帶來(lái)，網(wǎng)頁(yè)設(shè)計(jì)留白的意義。來(lái)來(lái)先看看兩張圖，那張圖你認(rèn)為是好的設(shè)計(jì)?

從視覺(jué)的角度出發(fā)看來(lái)，毫無(wú)疑問(wèn)是下面的設(shè)計(jì)更加專業(yè)。但是從營(yíng)銷的角度來(lái)看，其實(shí)兩張的設(shè)計(jì)都是對(duì)的設(shè)計(jì)，超市的傳單設(shè)計(jì)成下面那樣估計(jì)沒(méi)有大媽敢去買那個(gè)菜了。

上面這句英文的字體是不是很小?但是你依然能在0.1秒之內(nèi)看到并且讀完。回歸留白主題，一定離不開(kāi)一句話，less is more.這句話是1930年代一位建筑師路德維希·密斯·凡德羅說(shuō)的。翻譯過(guò)來(lái)就是：少即是多。

可能你在很多非常裝牛的文章，裝牛的場(chǎng)合，裝牛的大師面前也通過(guò)無(wú)數(shù)次這個(gè)詞，但是相信也有大部分人對(duì)此不能有很深的理解。今天在這里用最簡(jiǎn)單的語(yǔ)言解釋一次。

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

如果是書(shū)封面，它們的價(jià)格將會(huì)差異很大。

讓大師登一下場(chǎng)子，原研哉

網(wǎng)頁(yè)設(shè)計(jì)留白的意義

1.突出主題

留白是主體的領(lǐng)地，越多的留白，主體被注視的幾率越高。

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

2.簡(jiǎn)化畫(huà)面

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

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

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

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

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

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

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

案例點(diǎn)評(píng)

總結(jié)

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

海淘科技還有其他設(shè)計(jì)文章，MBE風(fēng)格圖標(biāo)設(shè)計(jì)資訊、數(shù)字與設(shè)計(jì)、app界面設(shè)計(jì)資訊，點(diǎn)擊可閱覽。