留白這個概念,對于設計師的(de)你來說,應該不陌生啦!今天我就跟大家再來聊聊留白設計如(rú)何應用在我們的(de)APP或是網頁設計中。而且運用更多的(de)留白設計有什麽好處呢(ne)?
所謂留白,有時也稱作負空間,兩者是同一(yī)個概念。盡管這個術語尤其指留“白”,但它所指的(de)區域并不一(yī)定要是白色的(de)。它隻是網頁布局中環繞各元素的(de)空白空間。
我們應該都明白:如(rú)果把留白設計發揮的(de)比較好,留白确實可(kě)以為(wèi)APP設計或是網頁設計帶來大量的(de)好處。不應減少app設計或是網頁設計中的(de)留白,相反,應該增加網頁中的(de)負空間。
比如(rú)國內(nèi)外一(yī)些知名的(de)大衆品牌已經在朝這個方向前進,更多的(de)設計師們也在追随他們的(de)腳步。
好處一(yī):留白=奢華,提升品牌的(de)檔次
因為(wèi)大家都覺得留白更多的(de)網站或APP,它的(de)內(nèi)容比屏幕空間更重要。所以,品牌也顯得更盡奢華,因為(wèi)它犧牲了更多屏幕空間,反而将焦點彙聚在內(nèi)容信息上。
奢華的(de)品牌了解這層隐喻,通常都使用更多留白來達到這一(yī)确切效果。
好處二:留白設計提升搜索流暢度和(hé)體驗感
著名的(de)3大搜索引擎谷歌跟百度,雅虎等等主界面的(de)設計。
還有大品牌網站的(de)APP界面設計也是如(rú)此。
好處三:內(nèi)容的(de)閱讀性和(hé)易讀性得到應有的(de)大幅提升
用好留白,任何網站的(de)可(kě)讀性與易讀性都會得到改善。如(rú)果一(yī)個頁面上的(de)文字過于擁擠,它就會妨礙舒适的(de)閱讀體驗,從而阻礙整體用戶體驗。更多的(de)留白使文字更易浏覽,從而提升閱讀體驗,也更易理(lǐ)解。
好處四:讓顔色更鮮明,增強對比度
也許留白最直接,盡管也是最簡單的(de)益處,就是突出網頁中的(de)其他色彩,使它們更加鮮豔。這點對于吸引訪客目光大有幫助,因為(wèi)顔色深淺、飽和(hé)度甚至濃度都更加突出。
不過我們也要注意使用留白設計,留白不是浪費空間。更多APP和(hé)網頁設計師們越來越多抛棄之前的(de)誤解,認為(wèi)設計頁面時應該盡可(kě)能在屏幕內(nèi)填塞每個元素、每種顔色。适當運用留白設計才是我們追求設計的(de)更高(gāo)境界。
下面我們來欣賞下使用留白設計比較好的(de)APP界面設計作品欣賞吧(ba)。
這個APP設計作品遵循了突出品牌內(nèi)容、提升可(kě)讀性與易讀性、合理(lǐ)采用極簡扁平化色彩搭配,讓整個app看起來非常清新,大氣,時尚。