帶你認(rèn)識(shí)恐懼留白的心理效應(yīng)(上篇)

最近在做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)格耿币。

平面設(shè)計(jì)史ing——維多利亞風(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ú)物勝有物”。

寒江獨(dú)釣圖

想象一下上面這幅畫(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)想幻。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末粱栖,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子脏毯,更是在濱河造成了極大的恐慌闹究,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件食店,死亡現(xiàn)場(chǎng)離奇詭異渣淤,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)吉嫩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門价认,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人自娩,你說(shuō)我怎么就攤上這事用踩。” “怎么了忙迁?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵脐彩,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我姊扔,道長(zhǎng)丁屎,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任旱眯,我火速辦了婚禮晨川,結(jié)果婚禮上证九,老公的妹妹穿的比我還像新娘。我一直安慰自己共虑,他們只是感情好愧怜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著妈拌,像睡著了一般拥坛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上尘分,一...
    開(kāi)封第一講書(shū)人閱讀 51,146評(píng)論 1 297
  • 那天猜惋,我揣著相機(jī)與錄音,去河邊找鬼培愁。 笑死著摔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼逝段,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了摹察?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤倡鲸,失蹤者是張志新(化名)和其女友劉穎供嚎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體峭状,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡查坪,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了宁炫。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片偿曙。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖羔巢,靈堂內(nèi)的尸體忽然破棺而出望忆,到底是詐尸還是另有隱情,我是刑警寧澤竿秆,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布启摄,位于F島的核電站,受9級(jí)特大地震影響幽钢,放射性物質(zhì)發(fā)生泄漏歉备。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一匪燕、第九天 我趴在偏房一處隱蔽的房頂上張望蕾羊。 院中可真熱鬧喧笔,春花似錦、人聲如沸龟再。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)利凑。三九已至浆劲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間哀澈,已是汗流浹背牌借。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留割按,地道東北人膨报。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像哲虾,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子择示,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 不管你身邊是否勝友如云 我總是不離左右 那時(shí)還不懂 盲目的感情最是傷人于無(wú)形 如果當(dāng)時(shí)...... 后來(lái)會(huì)不會(huì)就沒(méi)...
    瓊樓小閣主閱讀 366評(píng)論 0 0
  • 所有的人都在城里掛著笑臉束凑, 四季賣萌。 只有我讓歲月裸露著原本栅盲, 握筆耕耘汪诉, 守一畝瘦田, 讓叢草爬滿宮格谈秫。 如倉(cāng)...
    條條同學(xué)閱讀 359評(píng)論 0 0
  • 2017.8.15 尊重是一種習(xí)慣扒寄,而不是做出來(lái)的樣子! 夏天頭發(fā)長(zhǎng)的太快了拟烫,早就尋思著去剪個(gè)頭發(fā)该编,今天下班有空就...
    板面先生閱讀 244評(píng)論 0 4
  • 約十年前,喬布斯在舊金山的蘋果發(fā)布會(huì)上硕淑,向世界展示了第一臺(tái)真正的智能手機(jī)课竣,第一代iPhone。在此之前置媳,互聯(lián)網(wǎng)的用...
    思達(dá)派閱讀 182評(píng)論 0 0