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

2022-06-13    分類: 網(wǎng)站建設(shè)

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

網(wǎng)頁設(shè)計(jì)留白

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

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

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

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

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

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

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

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

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

1.突出主題


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

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

2.簡(jiǎn)化畫面

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

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


如果單純從逼格上看,下面優(yōu)化后的這張是更加有逼格的。優(yōu)化后,信息量減少,用戶能更快捷地閱讀完文案,但是在過度簡(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)品本身的定位。

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

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

總結(jié)

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

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

標(biāo)題名稱:網(wǎng)頁設(shè)計(jì)留白的意義
網(wǎng)址分享:http://www.muchs.cn/news23/166523.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、網(wǎng)站策劃ChatGPT、網(wǎng)站設(shè)計(jì)全網(wǎng)營銷推廣、電子商務(wù)

廣告

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

搜索引擎優(yōu)化