最近在做app啟動(dòng)頁(yè)的時(shí)候熬尺,做了2個(gè)不同的版本,一種的布局主要是在居中的位置并且所放置的信息也相對(duì)較多谓罗,另一種是頁(yè)面底部只放置一個(gè)LOGO并且大面積留白粱哼。個(gè)人比較喜歡大面積留白的方案,2種方案排版類似下圖檩咱,這里拿的是UC瀏覽器的不同版本的啟動(dòng)頁(yè)做舉例揭措。
剛開(kāi)始產(chǎn)品問(wèn)我這樣排版會(huì)不會(huì)太空了,我當(dāng)時(shí)也沒(méi)有更好的回答只是說(shuō)這樣比較有逼格.....后來(lái)產(chǎn)品自行查找了一些其他產(chǎn)品發(fā)現(xiàn)確實(shí)很多app采用這種排版形式刻蚯。那么我們接下來(lái)探索一下绊含,有沒(méi)有什么理論來(lái)支撐這種大面積留白的布局形式呢?并且在我們面對(duì)他人質(zhì)疑的時(shí)候如何有理有據(jù)的說(shuō)服對(duì)方炊汹,說(shuō)明我們的設(shè)計(jì)原由呢躬充?而不是說(shuō)這樣就是好看,就是有逼格讨便,到底誰(shuí)更專業(yè)等站不住腳的解釋充甚。
當(dāng)然啟動(dòng)頁(yè)的作用是為了加載整個(gè)app,為app的呈現(xiàn)所預(yù)留時(shí)間霸褒。大量的留白也是帶給用戶遐想和期待伴找。當(dāng)然留白的情況也并非一定適用,具體還要根據(jù)產(chǎn)品策略來(lái)設(shè)計(jì)废菱。
一技矮、留白恐懼癥的起源
中國(guó)清代的青花瓷
其實(shí)留白恐懼癥從古至今是普遍存在的現(xiàn)象眉反,最具有代表性的是清代的青花瓷的圖案紋樣。我從小就一直不能理解這樣密集的圖案有什么美感可言穆役,對(duì)我來(lái)說(shuō)倒不如是密集恐懼。
意大利時(shí)期的繪畫(huà)代表
當(dāng)然不止中國(guó)清代的青花瓷梳凛,歐洲維多利亞時(shí)期也一度出現(xiàn)了更為凌亂冗雜的藝術(shù)風(fēng)格,甚至在平面設(shè)計(jì)領(lǐng)域出現(xiàn)了維多利亞風(fēng)格耿币。
當(dāng)時(shí)意大利出生的著名文學(xué)和藝術(shù)評(píng)論家 Mario Praz 創(chuàng)造過(guò)一個(gè)拉丁語(yǔ)詞匯,Horror Vacui韧拒,意為對(duì)留白的恐懼淹接。其實(shí)就是針對(duì)維多利時(shí)期的繪畫(huà)和設(shè)計(jì)風(fēng)格的吐槽,繪畫(huà)和設(shè)計(jì)上的矯揉造作叛溢,繁瑣裝飾塑悼,每一個(gè)細(xì)小的空間都需要被填充、塞滿楷掉,推動(dòng)這一“設(shè)計(jì)趨勢(shì)”的厢蒜,其實(shí)就是對(duì)留白的恐懼。
雖然當(dāng)然由于在長(zhǎng)期和平繁榮發(fā)展的前途下不可避免的現(xiàn)象烹植,但是也體現(xiàn)了物質(zhì)富足的人們的精神世界對(duì)空白空間的恐懼斑鸦。
那么相反中國(guó)寫意山水畫(huà)為什么偏向于那么多留白呢?
古人看畫(huà)和現(xiàn)代人不同,現(xiàn)代人由于互聯(lián)網(wǎng)的普及墩虹,我們看到的畫(huà)大多是一覽眾山小嘱巾。而古人是拿到的畫(huà)通常是很大的卷軸,一點(diǎn)點(diǎn)的展開(kāi)細(xì)細(xì)品味瀏覽山河間的每一處景致诫钓。走到山林密集之間旬昭,就需要一些遠(yuǎn)山水景色交相呼應(yīng)。這里的留白其實(shí)是山水的延伸尖坤,以無(wú)相表達(dá)意向稳懒,言有盡而意無(wú)窮。沒(méi)有這些“留白”就無(wú)法烘托山水的壯闊慢味。
那么這里的留白總結(jié)為兩點(diǎn):
一方面是緩解視覺(jué)疲勞场梆,讓畫(huà)面更有節(jié)奏,張弛有度纯路。
二是帶給人對(duì)景色的無(wú)限遐想或油。
二、什么是留白驰唬?恐懼留白顶岸?
那么話說(shuō)回來(lái)到底什么是留白呢腔彰?人們?yōu)槭裁磿?huì)恐懼留白?
留白的定義:
百度百科解釋為:比如畫(huà)畫(huà),畫(huà)畫(huà)需要留白.藝術(shù)大師往往都是留白的大師辖佣,方寸之地亦顯天地之寬霹抛。南宋馬遠(yuǎn)的《寒江獨(dú)釣圖》,只見(jiàn)一幅畫(huà)中卷谈,一只小舟杯拐,一個(gè)漁翁在垂釣,整幅畫(huà)中沒(méi)有一絲水世蔗,而讓人感到煙波浩渺端逼,滿幅皆水。予人以想象之余地,如此以無(wú)勝有的留白藝術(shù)污淋,具有很高的審美價(jià)值顶滩,正所謂“此處無(wú)物勝有物”。
想象一下上面這幅畫(huà)如果整個(gè)畫(huà)面畫(huà)滿了水波紋寸爆,效果是不是大打折扣呢礁鲁?
很多人理解的留白就是空白,其實(shí)留白是空間的一個(gè)負(fù)值赁豆。它并不一定非得是白色救氯,它相對(duì)于其他元素也同屬于設(shè)計(jì)空間布局框架的一部分。留白的使用可以替代分割線將內(nèi)容歌憨、文本着憨、圖形、圖標(biāo)等眾多視覺(jué)元素進(jìn)行合理的分割务嫡,讓視覺(jué)更容易向內(nèi)容聚焦甲抖。
那么在移動(dòng)端我們對(duì)留白的定義可以理解為:
留白是同屬于空間布局框架的一部分,小面積的留白可以起到分割心铃、歸納信息的作用准谚,大的留白可以使用戶更專注于內(nèi)容。
關(guān)于恐懼留白:
恐俱留白這句拉丁文去扣,指的是渴望用資訊或物品將空白處填滿柱衔。就風(fēng)格而言,正好與極簡(jiǎn)主義相反愉棱。自亞里士多德以來(lái)唆铐,雖然這個(gè)詞語(yǔ)在不同領(lǐng)域有不同的意義,但在今天奔滑,主要是用來(lái)形容不留白的藝術(shù)和設(shè)計(jì)風(fēng)格艾岂。
三、留白的重要作用
恐俱留白越高朋其,價(jià)值感就越低
我們可以看下上圖的不同服裝店的展示草圖設(shè)計(jì)方案王浴,最左邊的櫥窗擺放了模特并懸掛堆疊了很多衣服脆炎。中間的櫥窗擺放了4個(gè)模特,最右邊的只放了2個(gè)氓辣。那么相對(duì)的那家店給人感覺(jué)這家的衣服更貴呢秒裕?哪家感覺(jué)最便宜呢?顯然是擺放最密集的最貴钞啸,擺放留白最多的最貴簇爆。
在繪畫(huà)中留白,留白的主要作用是襯托主要景物以營(yíng)造意境氛圍爽撒,再者就是構(gòu)圖分布的需要了。那么我們套用到移動(dòng)端留白的重要性有哪些呢响蓉?
·突出核心內(nèi)容硕勿,使能容更益于閱讀
·闡述視覺(jué)、信息元素間的關(guān)系
·對(duì)復(fù)雜性的信息歸納整理
·提升app的易用性枫甲,摒棄過(guò)多的視覺(jué)干擾元素
關(guān)于以上作用的理解源武,將在下篇結(jié)合關(guān)于留白的適用性和不適用性進(jìn)行講解方便理解。并探討下如何回應(yīng)客戶留白太多的疑問(wèn)想幻。