9

设计降噪也能信息丰富

 3 years ago
source link: https://www.woshipm.com/pd/5518100.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

编辑导语:当人们的视线被越来越多信息填满时,简单、简洁明了的设计界面可能反而会更受用户青睐。那么,“设计降噪”这个需求是必要的吗?如果要实现降噪设计,产品应该如何合理布局?本文作者结合案例对设计降噪做了解读,一起来看一下。

9hYrFjyVk8NyOQlcJVyg.jpg

近年的设计大潮中,“降噪”成为了一个显而易见的趋势,花里胡哨的画面和玲琅满目的信息逐渐被更加简洁与时尚的画面所取代。

但我们进行商业设计有一个十分重要的目的,就是尽可能地在画面中包含更多信息,用以向用户传达更多的产品要素与品牌声音,所以丰富的画面又成为了利益目的下的重要手段,这就不得不延伸出一个矛盾:“简洁画面”与“信息丰富”之间的矛盾。

丰富的必要性不言而喻,是出于利益目的,那么,我们相应的是否也该考究下,“设计降噪”的必要性?

一、为何要降噪

是因为时代与潮流的推动,但这不是简单的人云亦云,身为设计师,追随设计潮流是必要的,但探究潮流的必然性,也是精进自身的必修课。

著名科幻小说《三体》中,对未来人类刚迈入宇宙信息大爆炸时代有一段描写:人们的视线中无处不在的充斥着大量全息展示的各类信息,丰富且凌乱,先进但繁杂,而随着科技的迭代,信息越来越少,却越来越关键,大量的不必要信息被隐藏进了人们看不见的后台。

因为当人们刚刚接触到海量信息时,一切都是新鲜与陌生的,为了掌握大量的新资讯,人们不得不把所有的前因后果展示出来,而当大量的前置信息变成约定俗成时,人们需要掌握的就只有“变量”了。

设计同理,我们将时间调回现代,将目光放进设计领域,在设计行业发展的初期,这种新颖的视觉展示形式跟随着载体的发展,在快速迭代的各类终端上进行着大跨步式的发展,载体能承载的信息量越来越多,同时因为民生的发展,可被展现的信息也日渐丰富,这就造成了同一视野范围内信息量的日渐繁杂与增多。

设计降噪也能信息丰富

杂乱且复杂的画面(此图仅供参考不为实际画面)

不停出现的新鲜事物与崭新展现形式。让“丰富”成为了设计发展中的必然要素,同时也是一个必经的阶段,但就如三体中所描述,大量的前置信息会被逐步转入后台,设计中曾经需要展示的各种玲琅满目的新信息,也会随着时间的推移逐步变为约定俗成,逐渐转入“大脑”这个后台。

没错,推动“设计降噪”的大手,正是科技与民生的发展。

设计降噪也能信息丰富

推动“设计降噪”的大手

话又说回来,设计风潮大势不可挡,但身为有商业目的的设计师,却仍需要满足产品与甲方们的信息诉求,于是“丰富”与“降噪”之间的矛盾不可避免,那我们如何进行平衡呢?

二、增加信息量

画面是二维的,空间有限,我们如何在有限的空间内容纳更多信息?

有三种方法:

  1. 拉长展示篇幅,降低展示密度;
  2. 动态画面展示,增加时间因素;
  3. 调用后台信息,开拓更高维度。

前两者其实已经被各行各业的优秀设计师们广泛运用了,举个例子,苹果官网的产品页堪称前两者结合运用的典范之作。

单画幅内的信息展示简洁且专一,再通过流畅的动画衔接不同的页面,让整个设计展示流程简约、美观且丝滑。有珠玉在前,我们对前两种形式不需要做太多剖析。

设计降噪也能信息丰富

苹果官网视觉

因此今天我们重点聊一下第三种:“调用后台信息,开拓更高维度”。

那么更高的维度在哪里呢?还记得我们之前说的,那些逐渐被移入后台的前置信息么?更高的维度就藏在后台——观者的脑中。人脑有一个十分强大的功能,叫做“脑补”,所谓的看见一个八卦,脑中就演完了一部40集的韩剧就是这个原理。

我们对比以下两幅图:

设计降噪也能信息丰富

人设对比图(图片来源:huban.com)

图一中的人物除了长相、性别、服饰,我们几乎得不到任何额外信息,而图二中的人物明显带有更多的人物信息,通过人物的表情、动作、道具等细节,我们可以看出人物的性格,职业,甚至是身后的故事。
明明是同样的篇幅,信息量却差距如此之大,何解?

美术原画设计中有一条重要的评判标准,就是故事性,通过场景中或人物身上的某些细节,给画面添加额外的信息,优秀的原画设计通过各种细节的添加,可以让画面表达出远超过展示篇幅的信息量,通过脑补的方式,非常高效的完成了与观者的交流。

商业设计同理,运用脑补原理进行设计后的画面,就能同冰山一般,仅仅需要露出水面上的一小部分画面,就可承载整座冰山那么大的信息量。

设计降噪也能信息丰富

画面与信息量的对比

这就是脑补的威力,想在不增加画幅与时长的情况下多维度的填充信息,就需要合理的运用脑补,让画面中包含完整的世界观。这就是脑补的威力,想在不增加画幅与时长的情况下多维度的填充信息,就需要合理的运用脑补,让画面中包含完整的世界观。

三、世界观的运用

接下来是世界观在58到家设计中的运用实例。

1. 人物性格设定

58到家身为以保洁产品为主的服务类平台,保洁人员经常会成为画面中的主体,因此为保洁人员设定符合主流消费人群审美与喜好的个性是必不可少的。

设计降噪也能信息丰富

58到家保洁阿姨

我们提炼了家政人员需要重点展示的特点:温和、亲切、可靠,同时因为面对越来越多的年轻消费群体,也为人物塑造了更具个性化的动作表情和工作状态。

设计降噪也能信息丰富

58到家富有故事性的保洁阿姨

除了保洁人员,客户群体塑造同样是丰富信息的重要一环,我们针对当下主流用户群体所做的人物设计能让用户更具有代入感。

设计降噪也能信息丰富

58到家用户

面对不同的场景中可能出现的消费者群体与家政人员都做出了具有代表性与个性化的人物设计后,画面中的人物所传达的信息就更加丰富,搭建世界观就有了一个良好开端。

2. 场景设定

除了人物本身丰富的个性,场景设定对世界观搭建同样重要,因为58到家家政产品的主流用户多为较为年轻的人群,同时一二线城市居多,因此家中场景的设计也应源于消费者喜爱的风格与氛围:干净、整洁、时尚为主。

设计降噪也能信息丰富

58到家室内场景

因为当前大部分主流消费人群整日穿梭于钢铁林立的都市中,对于自然环境与户外生活普遍有向往却无暇亲临,本着艺术源于生活高于生活的原则,我们同时可以在场景中添加更加令消费者感到舒适,但现实中难以实现的场景,如坐落于草地的客厅。

设计降噪也能信息丰富

到家高于生活的梦幻场景

通过干净舒适的室内环境与宽敞明亮的室外元素进行组合,建立出令人向往的梦幻场景。

3. 人物与场景组合

结合之前的人物设定,我们将场景与人物进行组合,将带有丰富信息的人物与营造好氛围的场景组合搭配后,完整的到家世界观便跃然眼前。

设计降噪也能信息丰富

到家世界(示例1)

设计降噪也能信息丰富

到家世界(示例2)

整个画面中的所有元素共同营造出了一幅场景:这里环境整洁宽敞、业主年轻时尚事业有成,家政人员亲切专业精明能干。

设计降噪也能信息丰富

到家世界(示例3)

设计降噪也能信息丰富

到家世界(示例4)

同时在更高的维度——大脑之中,则是观者脑补出在如此理想的画面之外,一定是井然有序的工作,温馨和睦的家庭。

运用有限的画面,结合人物场景的塑造,我们通过引导观者的代入感,让他们脑补出理想场景,并与自己的真实场景进行对比,从而引发出观者的向往之情,促进消费欲望。

四、写在最后

时代与审美在进步,科技与载体也不会停止发展的脚步,这些因素对设计行业的影响是无孔不入的,身为设计师,在精进设计技艺的同时,也需要更深入的了解是什么在推动设计理念的发展与变迁,更好的帮助我们在设计的浪潮中踏浪前行。

作者:赵莫呷

来源公众号:58UXD(ID:i58UXD),58UXD,全称58同城用户体验设计中心。

本文由人人都是产品经理合作媒体 @58UXD 授权发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

给作者打赏,鼓励TA抓紧创作!

</div


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK