设计新趋势:化繁为简

我们在这个“极简主义”的世界生活已经有些时日了,之后又将去向何方?

过去几个月来,设计创新领域的先行者们,将“极简设计”推向了一个新的高度。Facebook、Airbnb和Apple都遵循着近似的原则,简化它们的核心产品,这种“化繁为简”(Complexion Reduction)的新趋势就在它们的移动端设计中得到体现。

“化繁为简”究竟是什么?

你是不是从没听说过“化繁为简”的趋势?那是肯定的,因为这只是我创造出来的术语。最近我留意到一种新的趋势,它超越了扁平化设计,也超越了极简设计,独立性在逐渐削弱。有些人会说,这只是极简设计运用到移动端领域时开启的新阶段,但我认为它截然不同。有一些明确的共性和特征可以定义这种新趋势。所以我决定给它起个名字。起个名没什么问题吧?

这种横扫硅谷的热门新趋势,有以下这些决定性特征:

  1. 加大加粗的标题
  2. 更简单更普遍的图标
  3. 减少彩色的使用

结果呢?许多我们喜爱的应用界面,开始越来越像是出自同一品牌。

证据

早在5月份,Instagram发布了新设计的UI时,我第一次注意到这种新趋势。

他们此次改版的变化,其中包括去除了无处不在的蓝色和深灰色,加粗了标题,简化了底部导航栏和图标。只留下黑白界面和醒目的标题,突显内容,功能清晰。我很欣赏这套简洁有序的界面,并且同时想起我仰慕已久的另一个平台:Medium。Medium自从2012年发布以来,黑白界面就用得炉火纯青,从那以后每次设计改版,都在去除繁杂;实际上Medium正是化繁为简的开山鼻祖之一,他们自己都不知道这点。真是要恭喜Medium!

Facebook的同行们更新了Instagram的界面之后不久,我打开了Airbnb,它看起来如此熟悉,令我深受震撼。自从他们4月份发布了新设计以来,这是我第一次打开这个应用,但我感觉这一套界面分外熟悉。

Airbnb的UI改版产生的媒体影响力,并没有一个月后Instagram的改版那么大(可能因为它没有一个光彩夺目的新图标),但它也使用了许多相同的化繁为简技巧。

移动端的改版设计采用了更大更粗的标题,去除了不必要的图形和色彩,简化了图标,使它们更通用、易识别。只留下黑白界面,突显内容,功能清晰。

Apple是最近的一个例子,设计师们迷上了化繁为简的趋势。本月初,Apple的WWDC大会上,这个科技巨人发布了一系列值得期待的更新,包括iOS 10的发布,他们正在进行调试,“iOS有史以来最重大更新!”(不过由于iOS 8时也这么说,所以至少是iOS 8以来最重大的更新)

发布会中有一点特别吸引我。那就是Apple Music的改版设计。虽然它改版的最重要方面是用户体验提升和新增功能,但我首先注意到的是它的朴素。Caitlin McGarry,Macworld的本报记者就很准确地描述了这次更新,“它有一套全新外观,巨大的卡片、加大加粗的字体、干净的白背景,突显唱片艺术。”

听起来很熟悉吧?这套设计与Instagram和Airbnb的设计略微有所区别(他们用的是实心图标!Apple在搞什么?)但关键元素都在:加大加粗的标题,黑白界面。

所有这些意味着什么?

我在上文提过,这意味着越来越多你喜爱的应用会变得很相似。为什么?就像国家橄榄球联盟(NFL),科技界也是个相互模仿的圈子。这些改版设计都得到了积极正面的反馈(有些人抱怨这些黑白界面“缺乏个性”,但他们很快就适应了。你打开一个应用是为了它的功能,并不是个性),所以我预测,新老应用都会踏上化繁为简的浪潮。

这意味着iPhone的主屏很快就会变成一块彩色的马赛克,这些鲜艳的入口会引领你进入游乐场。

现在,无论你是否支持这种单色的时尚,它毫无疑问是一个发展方向。产品设计流程正在发展和进化,不再是从前那种分离式的方式,鼓励过多的设计。现在的流程更趋于整体,真正用户。在从前的产品设计流程中,UI设计师可能会接过UX或产品给出的原型图,要求“把它做漂亮点”。然后设计师就会画上数小时、数天来添加、去除、调整颜色,或许最好的方案可能就一直摆在他们面前……直接用原型图!由于在如今这个整体的设计流程中,UX和UI设计师的界限正变得模糊,设计师不必过分操心自己的具体职责(例如把它做漂亮点),转而最终目标,为用户打造最棒的产品。

化繁为简的终极指南

你是否已经接受了化繁为简的趋势,并准备好踏上这波浪潮了?很好,遵循这些指南,你马上就会创造出优秀的应用。

  1. 去除彩色。当然,你可以保留一种颜色,但要极度克制地使用它。其他一切最好是黑白的。让内容来为应用填充颜色。
  2. 加大、加粗、加黑的标题。看到标题了吗?把它加到20至30像素,并且加重。
  3. 简洁、纤细、易辨识的图标。你的图标最好是通用的,也不能使用彩色。如果想做得更好,应该按这个顺序来排列:主界面、搜索、主操作、次要操作、我。
  4. 留白区域变为原来的两倍……不对,要三倍。甚至可以到四倍。这一点绝不能出错。
  5. 应用图标更鲜艳。如果你就是喜欢设计一些鲜艳闪耀的东西,可以用在应用图标上。这是体现个性和品牌的地方,要让它光彩夺目!

swarmnyc

译文地址:可乐橙

作者:Michael Horton

译者:可乐橙

(0)

相关推荐

  • 2018年设计流行趋势

    干货!专为UI设计师整理的25条设计流行趋势,想知道2018是否会延续2017年的设计方向?和我们一起来看吧- 又一年过去了,2017有许多设计上的创新,那么今年又将会出现怎样的变化呢?我们从2017 ...

  • 2015年LOGO设计年度趋势报告!

    编者按:这是一篇姗姗来迟的译文.Bill Gardner 每年年中都会发布这么一篇诚意满满的文章,分析每年的LOGO设计的发展趋势,供设计师作为参考. 每年都会有数以千计的优秀LOGO设计涌现,它们迎 ...

  • 8个你需要知道的2017年App UI设计流行趋势

    小编:首先非常感谢@喪心病狂十六夜貓的翻译与分享.UI行业的设计风格是不断在变化的,我们需要了解并掌握这些流行的表现方法,这样才能做出适合当前需要的好设计以及更好的完成客户和老板的要求.除去这些不说, ...

  • 未来企业APP发展的四大新趋势

    操作方法 01 伴随着企业APP客户端应用的不断普及,手机移动互联网的市场潜力展现在商家的面前,越来越多的企业主在探寻未来移动互联网的新趋势,希望在日益成熟的多媒体市场中觅得商机.伴随着手机移动互联网 ...

  • PPT布尔运算怎么设计新的图形?

    ppt中可以使用布尔运算得到新的图形,布尔运算包括联合.相交.相减.该怎么使用呢?下面我们就来看看详细的教程. 1.下面就来介绍下布尔运算的基本操作方法. 2.打开PPT,任意绘制两个图形,比如下图. ...

  • ZBrush如何设计新笔刷

    ZBrush如何设计新笔刷

  • ZBrush怎么设计新笔刷?

    最近常有用户问ZBrush中的笔刷该怎样制作,这个问题小编其实已经回答了很多遍了,为方便更多人,小编特意制作了这篇经验,希望能帮助更多人. 1.在Tool工具下选择Plane3D模型,双击并在视图区域 ...

  • 一组精选的国外优秀WEB网站欣赏

    小编:在网页设计中,视觉效果很重要,它应该能够在第一时间吸引用户目光.而Web设计灵感总能帮助我们走在设计新趋势的前沿,来增加作品的吸引力.今天小编精心收集了这组国外的全屏设计的网站来欣赏,希望也能为 ...

  • 从小白到资深UI/UX设计师的7个步骤

    成为资深UI/UX设计师你需要看看这篇文章,一个国际设计会议分享大神的之谈,结尾有惊喜~ 最近,我收到了很多人的类似问题: 我怎样才能更好地了解UI/UX相关知识? 我是一个程序员/市场经理/社会媒体 ...