留白這個(gè)概念，對(duì)于設(shè)計(jì)師的你來說，應(yīng)該不陌生啦！今天html5模版網(wǎng)(m.suosuyi.cn)跟大家再來聊聊留白設(shè)計(jì)如何應(yīng)用在我們的APP或是網(wǎng)頁(yè)中。而且運(yùn)用更多的留白設(shè)計(jì)有什么好處呢？

所謂留白，有時(shí)也稱作負(fù)空間，兩者是同一個(gè)概念。盡管這個(gè)術(shù)語(yǔ)尤其指留“白”，但它所指的區(qū)域并不一定要是白色的。它只是網(wǎng)頁(yè)布局中環(huán)繞各元素的空白空間。同時(shí)你可以閱讀《剖析網(wǎng)頁(yè)設(shè)計(jì)色彩中“留白”的奧秘與技巧》

我們應(yīng)該都明白：如果把留白設(shè)計(jì)發(fā)揮的比較好，留白確實(shí)可以為APP設(shè)計(jì)或是網(wǎng)頁(yè)設(shè)計(jì)帶來大量的好處。不應(yīng)減少app設(shè)計(jì)或是網(wǎng)頁(yè)設(shè)計(jì)中的留白，相反，應(yīng)該增加網(wǎng)頁(yè)中的負(fù)空間。

比如國(guó)內(nèi)外一些知名的大眾品牌已經(jīng)在朝這個(gè)方向前進(jìn)，更多的設(shè)計(jì)師們也在追隨他們的腳步。

好處一：留白=奢華，提升品牌的檔次

因?yàn)榇蠹叶加X得留白更多的網(wǎng)站或APP，它的內(nèi)容比屏幕空間更重要。所以，品牌也顯得更盡奢華，因?yàn)樗鼱奚烁嗥聊豢臻g，反而將焦點(diǎn)匯聚在內(nèi)容信息上。

奢華的品牌了解這層隱喻，通常都使用更多留白來達(dá)到這一確切效果。

好處二：留白設(shè)計(jì)提升搜索流暢度和體驗(yàn)感

著名的3大搜索引擎谷歌跟百度，雅虎等等主界面的設(shè)計(jì)。

還有大品牌網(wǎng)站的APP界面設(shè)計(jì)也是如此。

好處三：內(nèi)容的閱讀性和易讀性得到應(yīng)有的大幅提升

用好留白，任何網(wǎng)站的可讀性與易讀性都會(huì)得到改善。如果一個(gè)頁(yè)面上的文字過于擁擠，它就會(huì)妨礙舒適的閱讀體驗(yàn)，從而阻礙整體用戶體驗(yàn)。更多的留白使文字更易瀏覽，從而提升閱讀體驗(yàn)，也更易理解。

好處四：讓顏色更鮮明，增強(qiáng)對(duì)比度

也許留白最直接，盡管也是最簡(jiǎn)單的益處，就是突出網(wǎng)頁(yè)中的其他色彩，使它們更加鮮艷。這點(diǎn)對(duì)于吸引訪客目光大有幫助，因?yàn)轭伾顪\、飽和度甚至濃度都更加突出。

不過我們也要注意使用留白設(shè)計(jì)，留白不是浪費(fèi)空間。更多APP和網(wǎng)頁(yè)設(shè)計(jì)師們?cè)絹碓蕉鄴仐壷暗恼`解，認(rèn)為設(shè)計(jì)頁(yè)面時(shí)應(yīng)該盡可能在屏幕內(nèi)填塞每個(gè)元素、每種顏色。適當(dāng)運(yùn)用留白設(shè)計(jì)才是我們追求設(shè)計(jì)的更高境界。

下面我們來欣賞下使用留白設(shè)計(jì)比較好的APP界面設(shè)計(jì)作品欣賞吧。

這個(gè)APP設(shè)計(jì)作品遵循了突出品牌內(nèi)容、提升可讀性與易讀性、合理采用極簡(jiǎn)扁平化色彩搭配，讓整個(gè)app看起來非常清新，大氣，時(shí)尚。