编者按:许多设计师至今都活在被客户/甲方/产品所支配的恐惧当中。反复调整的细节和各种反趋势的需求扼杀着设计师追求好设计的梦想。今天的文章,我们来看看设计师 Rizwan Javaid 是如何解决留白的问题~

“留白太多了。”

从入行开始到现在,我频繁听到这样的反馈,尖利而刺耳。然后我会抱着怀疑的态度重新审视我的设计。接下来的情况想必很多设计师都很熟悉了:用大量并没有什么意义的装饰元素,极不情愿地、一点一点地将精心设计的留白给填起来。最初的成就感逐渐消退,靠在椅子上全身不得劲,对于即将出货的设计稿毫无热情。生无可恋。

紧接着,还得悉心安抚提出意见的领导/客户/运营/产品/甲方。

这种感觉很熟悉吧?

Oatmeal Comic 的漫画“设计师是如何坠入地狱”将网页设计师最常遭遇的坑爹局面勾勒了出来。“留白太多了”其实只是一个间接的要求,当设计师的这个据点失守,再后退就是地狱和深渊了,因为通常这意味着,后面还有一大堆诸如“我不喜欢蓝色”,“我要七彩的LOGO”以及“我觉得这种风格不够流行,能换个手写字体嘛?”这样的问题。这就是一个悲伤的故事,并且这个故事一再上演。

时至今日,我遭遇的针对留白的吐槽,背后基本都隐藏着一大堆别的修改意见。而作为设计师,我们的职责当中有一项特别关键:说服这些留白恐惧症患者,留白是设计中重要的组成部分,也是带来优秀用户体验的基石。

“通常留白被认为是活跃的元素,并非固定不变的背景。”— Jan Tschichold

留白恐惧症

意大利出生的著名文学和艺术评论家 Mario Praz 曾经创造过一个拉丁语词汇,Horror Vacui,意为对留白的恐惧。这个词是这位批评家对维多利亚时期凌乱冗杂的艺术风格的吐槽,面对着这个追求繁复细节的时代,每一个细小的空间都需要被填充、塞满,推动这一“设计趋势”的,难道不是对留白的恐惧么?

Horror Vacui 的典型案例

巴比伦的秋天,Jean Duvet ,1555.

The Fairy Feller’s Master, Richard Dadd ,1855–1864.

OB Log 的表单

Argren.net。这个网站的设计师是Frithjof Arngren。

http://art.yale.edu/

那么,留白是什么?

概念想必大家都很熟悉。留白的另外一个名字是负空间,它并不一定非得是白色,它也是一种设计元素。留白是设计师手中的重要工具,合理的留白将内容、文本、图形、图标和不同的视觉元素分隔开来,说它是空间布局的框架也不为过。

留白有不同的类型。文本的行间距和网格之间的间隙属于小留白,它让内容具备了更强的可读性。而页面中大面积无内容的区域则是大留白,它们让视觉更容易向内容聚焦。

留白的重要性:

·提升内容的可读性
·强调内容
·阐明了其他视觉元素之间的关系
·提升复杂性

留白所构建的空间关系,让内容的可理解性提高了20%,降低了认知负荷。

如何正确回应“留白太多了”这种问题

客户:首页上的留白太多了吧?

你的回复:你网站的用户打开首页会寻找特定的信息,如果添加太多非必要的信息,会极大的分散他们的注意力,这些令人分心的元素甚至可能让他们忘记来这儿干啥。有个比较出名的Hick 定律,其内容指的是,你给用户提供的内容越多,他们作出决定的时间就越长。

客户:产品页面上留白太多了吧?

你的回复:这个页面的目标是增加产品的销售。实际上用户更倾向于低复杂度的信息,他们像要更快地搞明白产品本身的特点,易于理解的内容与图片能够让他们快速了解产品本身的功能和实用性。有个名为 Occam Razor 的规则指出,竟品当中,更加简单直白的那个更容易被用户所选择。所以,使用简约大气的布局更容易获得用户的青睐。

客户:控制面板上的留白太多了!

你的回复:控制面板为用户提供关键信息,希望用户能够借助这些信息作出正确的决策。关键意思是少而精,必不可少,如果额外的信息和非关键信息在控制面板上大量的堆砌,会将关键的信息给稀释掉,影响整个决策的。突出重点,降低信噪是控制面板应该具备的基本素质。

客户:功能介绍页上的留白是不太多了?

你的回应:简单清晰地在网页上介绍产品的功能,本质上是希望能帮用户更好的了解产品特征。用户想要找到真正对他们有用的信息,这是主要的需求,也是迫切的需求。根据 灵活性-可用性权衡机制,页面设计需要在产品获取信息的广度和深度上达到平衡,也就是说需要在灵活展示和重点突出上作出抉择与平衡。有针对性地给用户提供关键信息,谨防提供过多内容导致用户信息过载。

客户:注册表单上的留白多到爆了好么!

你的回应:你的注册表单页面是用来给用户注册的,用户通常希望能尽快完成注册,开始使用产品,而不是被冗杂的注册字段淹没!有些设置可以在用户完成注册之后再行添加,过多的注册条目将会导致用户注册的比例降低。

结语

现在你知道如何面对客户和甲方的“留白恐惧症”了吧?他们只是单纯的希望不要那么空,而你需要解释清楚其中的缘由。设计是讲道理的,想要告别被客户支配的恐惧,让他们明白其中利弊是关键。

【留白可以这样玩】

  1. 《干货来了!如何在LOGO 设计中运用好留白?》
  2. 《豪斯先生平面课堂!浅聊平面设计的留白技巧》
  3. 《无物胜有物!20个帮你学会运用留白的轻网站》
  4. 《由浅入深学留白!手把手帮你学会在网页设计中运用负空间》

原文地址:uxplanet
原文作者:Rizwan Javaid
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

点赞
收藏 2

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏