带你认识恐惧留白的心理效应(上篇)

最近在做app启动页的时候,做了2个不同的版本,一种的布局主要是在居中的位置并且所放置的信息也相对较多,另一种是页面底部只放置一个LOGO并且大面积留白。个人比较喜欢大面积留白的方案,2种方案排版类似下图,这里拿的是UC浏览器的不同版本的启动页做举例。

刚开始产品问我这样排版会不会太空了,我当时也没有更好的回答只是说这样比较有逼格.....后来产品自行查找了一些其他产品发现确实很多app采用这种排版形式。那么我们接下来探索一下,有没有什么理论来支撑这种大面积留白的布局形式呢?并且在我们面对他人质疑的时候如何有理有据的说服对方,说明我们的设计原由呢?而不是说这样就是好看,就是有逼格,到底谁更专业等站不住脚的解释。

当然启动页的作用是为了加载整个app,为app的呈现所预留时间。大量的留白也是带给用户遐想和期待。当然留白的情况也并非一定适用,具体还要根据产品策略来设计。

一、留白恐惧症的起源

中国清代的青花瓷

其实留白恐惧症从古至今是普遍存在的现象,最具有代表性的是清代的青花瓷的图案纹样。我从小就一直不能理解这样密集的图案有什么美感可言,对我来说倒不如是密集恐惧。

意大利时期的绘画代表

当然不止中国清代的青花瓷,欧洲维多利亚时期也一度出现了更为凌乱冗杂的艺术风格,甚至在平面设计领域出现了维多利亚风格。

平面设计史ing——维多利亚风格   

当时意大利出生的著名文学和艺术评论家 Mario Praz 创造过一个拉丁语词汇,Horror Vacui,意为对留白的恐惧。其实就是针对维多利时期的绘画和设计风格的吐槽,绘画和设计上的矫揉造作,繁琐装饰,每一个细小的空间都需要被填充、塞满,推动这一“设计趋势”的,其实就是对留白的恐惧。

虽然当然由于在长期和平繁荣发展的前途下不可避免的现象,但是也体现了物质富足的人们的精神世界对空白空间的恐惧。

那么相反中国写意山水画为什么偏向于那么多留白呢?

《富春山居》局部,元,黄公望

古人看画和现代人不同,现代人由于互联网的普及,我们看到的画大多是一览众山小。而古人是拿到的画通常是很大的卷轴,一点点的展开细细品味浏览山河间的每一处景致。走到山林密集之间,就需要一些远山水景色交相呼应。这里的留白其实是山水的延伸,以无相表达意向,言有尽而意无穷。没有这些“留白”就无法烘托山水的壮阔。

那么这里的留白总结为两点:

一方面是缓解视觉疲劳,让画面更有节奏,张弛有度。

二是带给人对景色的无限遐想。

二、什么是留白?恐惧留白?

那么话说回来到底什么是留白呢?人们为什么会恐惧留白?

留白的定义:

百度百科解释为:比如画画,画画需要留白.艺术大师往往都是留白的大师,方寸之地亦显天地之宽。南宋马远的《寒江独钓图》,只见一幅画中,一只小舟,一个渔翁在垂钓,整幅画中没有一丝水,而让人感到烟波浩渺,满幅皆水。予人以想象之余地,如此以无胜有的留白艺术,具有很高的审美价值,正所谓“此处无物胜有物”。

寒江独钓图

想象一下上面这幅画如果整个画面画满了水波纹,效果是不是大打折扣呢?

很多人理解的留白就是空白,其实留白是空间的一个负值。它并不一定非得是白色,它相对于其他元素也同属于设计空间布局框架的一部分。留白的使用可以替代分割线将内容、文本、图形、图标等众多视觉元素进行合理的分割,让视觉更容易向内容聚焦。

那么在移动端我们对留白的定义可以理解为:

留白是同属于空间布局框架的一部分,小面积的留白可以起到分割、归纳信息的作用,大的留白可以使用户更专注于内容。

关于恐惧留白:

恐俱留白这句拉丁文,指的是渴望用资讯或物品将空白处填满。就风格而言,正好与极简主义相反。自亚里士多德以来,虽然这个词语在不同领域有不同的意义,但在今天,主要是用来形容不留白的艺术和设计风格。

三、留白的重要作用

恐俱留白越高,价值感就越低

服装店的展示草图方案

我们可以看下上图的不同服装店的展示草图设计方案,最左边的橱窗摆放了模特并悬挂堆叠了很多衣服。中间的橱窗摆放了4个模特,最右边的只放了2个。那么相对的那家店给人感觉这家的衣服更贵呢?哪家感觉最便宜呢?显然是摆放最密集的最贵,摆放留白最多的最贵。

在绘画中留白,留白的主要作用是衬托主要景物以营造意境氛围,再者就是构图分布的需要了。那么我们套用到移动端留白的重要性有哪些呢?

·突出核心内容,使能容更益于阅读

·阐述视觉、信息元素间的关系

·对复杂性的信息归纳整理

·提升app的易用性,摒弃过多的视觉干扰元素

关于以上作用的理解,将在下篇结合关于留白的适用性和不适用性进行讲解方便理解。并探讨下如何回应客户留白太多的疑问。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容

  • 不管你身边是否胜友如云 我总是不离左右 那时还不懂 盲目的感情最是伤人于无形 如果当时...... 后来会不会就没...
    瓊楼小閣主阅读 364评论 0 0
  • 所有的人都在城里挂着笑脸, 四季卖萌。 只有我让岁月裸露着原本, 握笔耕耘, 守一亩瘦田, 让丛草爬满宫格。 如仓...
    条条同学阅读 358评论 0 0
  • 2017.8.15 尊重是一种习惯,而不是做出来的样子! 夏天头发长的太快了,早就寻思着去剪个头发,今天下班有空就...
    板面先生阅读 244评论 0 4
  • 约十年前,乔布斯在旧金山的苹果发布会上,向世界展示了第一台真正的智能手机,第一代iPhone。在此之前,互联网的用...
    思达派阅读 182评论 0 0