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

創(chuàng)新互聯(lián)今天為你帶來，網(wǎng)頁設(shè)計留白的意義。來來先看看兩張圖，那張圖你認(rèn)為是好的設(shè)計?

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

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

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

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

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

兩者的區(qū)在其實是留白的空間比例。

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

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

1.突出主題

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

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

2.簡化畫面

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

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

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

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

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

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

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

案例點評

總結(jié)

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

創(chuàng)新互聯(lián)還有其他設(shè)計文章，MBE風(fēng)格圖標(biāo)設(shè)計資訊、數(shù)字與設(shè)計、APP界面設(shè)計資訊，點擊可閱覽。

本文題目：網(wǎng)頁設(shè)計留白的意義
網(wǎng)頁地址：http://bm7419.com/news/166523.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、動態(tài)網(wǎng)站、微信公眾號、面包屑導(dǎo)航、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)