干貨分享:頁面設(shè)計留白這么多,真的有用嗎?


干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

有一個東西,設(shè)計師們很看重它,而老板和甲方卻想把它填滿……你知道說的是什么嗎?

是的,留白!

留白在設(shè)計里是非常重要的元素,沒有它,很難設(shè)計出一個平衡的版式布局。但如何告訴你的領(lǐng)導或者甲方,使用留白的重要性呢?

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

為什么留白如此重要?

留白指的是設(shè)計里的背景空白空間,圖片、文字、標題和Logo等構(gòu)成設(shè)計里的前景部分。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

作者:Firman-Suci-Ananda

留白讓你的設(shè)計有了呼吸的空間,處理好了留白問題,前景主體部分將會凸顯,用戶就能看到你想表達的信息。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?


幾乎所有的用戶都喜歡整潔、有條理、容易看懂的網(wǎng)站。想想誰愿意花大半天時間去瀏覽一個網(wǎng)站,看了一大堆信息卻找不到自己想要的?

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:adidas中國官網(wǎng)


干貨分享:頁面設(shè)計留白這么多,真的有用嗎?


如果一個網(wǎng)站干凈、簡單,它就能留住用戶。所有的設(shè)計師都希望自己的網(wǎng)站轉(zhuǎn)換率高,而留白在這方面起了很大作用。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:Apple中國官網(wǎng)


留白有哪些好處?

1、留白增加易讀性

如果文字間距安排的合理,段落文字之間的空白區(qū)域使得信息層級關(guān)系清晰明了,頁面也更加有條理和邏輯性。那么就能增加易讀性,用戶體驗也會更好。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?


2、留白增加互動性

如果網(wǎng)頁里填充了大量的文字信息,有時會讓用戶感到害怕。而適當?shù)牧舭捉o了用戶互動參與的時間和呼吸的空間,標題和小標題周圍的留白也能吸引用戶的注意。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:法拉利中文官網(wǎng)


3、留白讓CTA按鈕更加明顯

CTA(Call to action)按鈕對于優(yōu)化網(wǎng)站轉(zhuǎn)化率有很大幫助,可以吸引用戶注冊會員、下載軟件、購買產(chǎn)品等。因此設(shè)計師們需要考慮如何讓CTA按鈕更加明顯。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:Nike中國官網(wǎng)


干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:錘子科技官網(wǎng)

可以設(shè)置清楚的圖標或者增大按鈕的尺寸,另外按鈕旁邊增加大量的留白通常都是非常有效的。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?


4、留白讓頁面更整潔

留白應(yīng)用的恰當,網(wǎng)頁也會顯得有條理,更加干凈整潔,用戶體驗也會更好。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:小米企業(yè)官網(wǎng)


5、留白增加了平衡感

如果不使用留白,網(wǎng)站會看起來雜亂無章,用戶瀏覽網(wǎng)站時也會不知所措。但是,過多的留白也會讓網(wǎng)站看起來太空,沒有內(nèi)容。因此,恰當?shù)牧舭卓梢誀I造平衡感,視覺上也更具現(xiàn)代感。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?


6、留白造成了元素分割

留白可以分割內(nèi)容里的不同元素,讓用戶瀏覽不同的部分。網(wǎng)站用戶一般會選擇他們最感興趣的去閱讀,使用留白分割不同的元素,則給用戶提供了選擇的自由。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

作者:Stugbear

盡管留白有如此多的好處,但所謂蘿卜白菜各有所愛,有人喜歡干凈整潔的頁面,而有人偏好內(nèi)容繁多、顏色豐富的網(wǎng)站。就像一些人習慣用Google搜索,而另外的人喜歡“擁擠”的雅虎頁面。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

因此留白問題一直是個爭論的熱點問題,一些設(shè)計師認為留白能帶來更好的用戶體驗,而其他人則認為留白沒有任何好處。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

是否使用留白,還是要看設(shè)計師自己對網(wǎng)站用戶的分析和理解。留白不僅僅是指“空白”,留白設(shè)計的巧妙,可以增加設(shè)計感,吸引用戶的注意,提高易讀性。

干貨分享:頁面設(shè)計留白這么多,真的有用嗎?

來源:Worktile官網(wǎng)

設(shè)計師的工作是為用戶服務(wù),平衡性和易讀性是用戶體驗的重要因素。使用留白時要考慮網(wǎng)站呈現(xiàn)的內(nèi)容和用戶對象,合理的排版布局、巧妙的留白可以有助于提高網(wǎng)站的用戶滿意度,提升網(wǎng)站的轉(zhuǎn)化率。

匯包裝,一站解決產(chǎn)品包裝定制需求,17年經(jīng)驗/包裝盒制作廠家,一分鐘就給到您產(chǎn)品的包裝預(yù)算,萬款案例讓您快速做出決策,最快看到樣品及量產(chǎn)所需時間,讓您產(chǎn)品銷量開始暴增!

往期精彩:
創(chuàng)意圖形設(shè)計,logo設(shè)計參考(給你靈感)
波普藝術(shù),天藍色的咖啡包裝設(shè)計媲美“小藍杯”
那個包裝設(shè)計收費70萬的設(shè)計師終于對良品鋪子下手了
自古紅藍出CP,米粉包裝大玩紅藍CP,這設(shè)計我打十分
自古紅藍出CP,米粉包裝大玩紅藍CP,這設(shè)計我打十分
通話完全免費,請放心接聽
我們的來電顯示:13585166199 025-84486366

提交成功后請接聽您的專屬呼叫中心系統(tǒng)客服電話

免費通話.

在線
客服

在線客服服務(wù)時間:9:00-23:00

撥打
電話

13585166199
13357720636
7*24小時客服服務(wù)熱線

智能
客服

關(guān)注
微信

官方小程序
關(guān)注官方微信
頂部