@MartinRGB 我們先從基本的說起,設計中的留白區(qū)域并不能顧名思義,設計中的留白區(qū)域不局限于白色,留白的"白"指的不是顏色的"白",而是空白的"白",留白區(qū)域指的是某一區(qū)域無額外元素,無裝飾,處于空白的狀態(tài)。
留白的優(yōu)秀案例——但是還有一點裝飾——Layervault的個人網(wǎng)站。從本質上講,留白區(qū)域是"未使用的區(qū)域",盡管留白區(qū)域看起來未使用,沒什么作用,但實際上留白區(qū)域的作用相當大,給予設計呼吸的空間,提供了布局上的平衡。留白區(qū)域的環(huán)繞與陪襯,良好的襯托出中心區(qū)域的表現(xiàn)。
我們?yōu)楹我匾暳舭祝?/h2>
如果你在瀏覽網(wǎng)站,當布局太糟糕時,你會很費力的才能確定信息內容;太緊密的字間距、段間距,沒有明顯的區(qū)分隔斷(或者說沒有足夠的留白空間),那么這個網(wǎng)站的用戶體驗肯定是很差的。
上面已經(jīng)提到過了,更平衡的布局,元素更清晰的呈遞效果,更能吸引用戶注意。 Dan Edwards 的個人網(wǎng)站,采用了很多留白,留給了字體和設計作品足夠的空間。保持層次感,留白區(qū)域能夠很好的指引用戶,如果元素過多,那么用戶的注意力會分散。留白能夠讓用戶盡快的尋找到所需要的信息,提高用戶體驗。 了解重要性之后,下一步要做的事情就是學會去做。 其實我喜歡稱之為KIS原則,我討厭愚蠢(Stupid)這個字眼!但是保持一切簡潔,是設計亙古不變的道理,沒有必要完全填滿。某些情況下,"不完整才是完整,殘缺才是完美。"設計師的任務就是利用(布局,留白,色彩,尺寸,字體)來營造一個視覺焦點,吸引用戶的注意力。 設計做的簡潔一點,不但設計師輕松,開發(fā)者也輕松,當然,用戶瀏覽起來也輕松。去除不必要、不重要的元素,只保留必要元素。 Squarespace使用了材質、色彩、留白、字體營造了一種純凈的品味 原文地址:webdesign 留白區(qū)域的好處
如何在設計中使用留白?
KISS 原則(Keep It Simple, Stupid)
而且不要為了留白而一味留白,要注意設計元素之間的聯(lián)系性。如果留白用的好,既能保持聯(lián)系性、一致性,又能讓設計通俗易懂,從而提高了網(wǎng)頁的適用性。
優(yōu)設網(wǎng)翻譯:@MartinRGB
轉摘請注明優(yōu)設網(wǎng)譯文出處,謝謝各位小編。
================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是一個分享網(wǎng)頁設計、無線端設計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設計講座:每月邀請國內互聯(lián)網(wǎng)公司設計前輩及行業(yè)總監(jiān)在群內及YY語音(YY頻道:156982)分享實戰(zhàn)經(jīng)驗。
設計微博:擁有粉絲量49萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ,歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網(wǎng)站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設計 微信號:【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設計101例
已累計誕生 753 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓