廢話不多說,25學(xué)堂直接跟大家聊聊APP設(shè)計(jì)當(dāng)中留白的四大功效。當(dāng)然,留白也是APP界面設(shè)計(jì)當(dāng)中頁面排版的秘密武器。之前25學(xué)堂也分享過《剖析網(wǎng)頁設(shè)計(jì)色彩中“留白”的奧秘與技巧》和《在APP設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)中,使用留白設(shè)計(jì)的四點(diǎn)好處》
每一位APP設(shè)計(jì)師必須會(huì)使用的留白這個(gè)隱形的頁面排版武器。
APP設(shè)計(jì)留白功效一:減輕頁面帶給用戶的負(fù)擔(dān)。
APP的首屏對一個(gè)應(yīng)用來說非常重要,因此一些比較復(fù)雜的應(yīng)用首屏都堆積了大量的入口。如果無節(jié)制的添加,頁面中包含的內(nèi)容太多時(shí),會(huì)給人一種頁面狹窄的感 覺,給用戶帶來強(qiáng)烈的壓迫感,所以元素太多有時(shí)候反而不是好事。
留白能使頁面的空間感更強(qiáng),視線更開闊,通過留白來減輕頁面的壓迫感,使用戶進(jìn)入一種輕松 的氛圍。
APP設(shè)計(jì)留白功效二:弱化元素與元素之間的阻隔
我們可以通過留白區(qū)分元素的存在,弱化元素與元素之間的阻隔。
比如表單項(xiàng)與表單項(xiàng)之間,按鈕與按鈕之間,段落與段落之間這種有聯(lián)系但又需要區(qū)分的元素用留白的方式可以輕易造成一種視覺上的識別,同時(shí)也能給用戶一種干凈整潔的感覺。
APP設(shè)計(jì)留白功效三:突出重點(diǎn),差異化表達(dá)。
通過留白去限制頁面中的差異使內(nèi)容 突出是最簡單自然的表達(dá)方式。減少頁面的元素以及雜亂的色彩,讓用戶可以快速聚焦到產(chǎn)品本身,這種方法在電商類的APP上被大量的使用。
同時(shí)留白也是一個(gè)隱形的對比元素。大面積的對比可以突出重點(diǎn)或者是突出層次。
APP設(shè)計(jì)留白功效四:突出頁面視覺布局有節(jié)奏感
25學(xué)堂的小編認(rèn)為在app內(nèi)很多板塊之間的也是可以局部去突出個(gè)性或特點(diǎn)的。留白可以賦予頁面輕重緩急的變化,也可以營造出不同的視覺氛圍,通過留白去改變版式再配合四大原則可以產(chǎn)生出不同的效果。
留白的技巧一種存在我們的ui設(shè)計(jì)或者APP設(shè)計(jì)當(dāng)中,不一定刻意去表達(dá),只是我們在設(shè)計(jì)的時(shí)候,注意下留白帶給我們的視覺感受和我們想要表達(dá)是否一致就可以了。
同時(shí)各位偉大的設(shè)計(jì)師,要明白留白不是一定要用白色去填充界面,而是營造出一種空間與距離的感覺,自然與舒適境界。
希望各位學(xué)以致用??梢院煤玫娜ナ褂昧舭走@把頁面排版武器。讓大家有所收獲!25學(xué)堂感激不盡!
以上內(nèi)容來源:http://uxren.cn/?p=28589
全站高品質(zhì)素材免費(fèi)下載!