超越扁平：「界面简化」正在成为移动应用设计新趋势

 极客公园微信号：geekpark

界面简化

本文作者为 Michael Horton，原标题：Complexion Reduction: A New Trend In Mobile Design，稀土掘金编译。

译者｜shixinzhang

校对｜cyseria，wild-flame

我们生活在一个「极简风格」的世界有些时候了，接下来会怎么样呢？

过去的几个月中，一些创新设计的先驱将「简约设计」带到了新的阶段。Facebook、Airbnb 和 Apple 都遵循一种相似的「界面简化」的设计风格来凸出产品的内容，这种设计影响了移动设计的新趋势。

究竟什么是「界面简化」？

什么？你从来没听说过这个概念？好吧，因为它是我命名的 :）。最近我留意到一种超越扁平化设计、极简设计的新设计趋势，它与简化设计也没有关系。有些人可能认为它只是极简设计下一阶段在移动端的实现，但是我认为这两者完全不同。下面是描述新趋势的一些特点。我决定给它命名为「界面简化」。没人不同意吧？:）

风靡硅谷的新趋势有以下特点：

• 标题更大、更粗

• 图标更简单、更常见

• 去除大量的颜色

使用这种设计的结果呢？一些受人喜爱的应用的界面越来越像同一个品牌下的产品。

举几个栗子

五月初 Instagram 发布新版界面时我开启注意到这种新趋势。

官方介绍新版界面做了去除整个应用大部分的蓝色、深灰色，加粗标题，简化底部导航栏跟图标等改变。剩下的是一款标题明显、内容突出、功能清晰的黑白主色调界面。我喜欢这种简洁的界面，同时想起了另一款我追随好久的平台 Medium。Medium 从 2012 年开始就使用黑白色基调，每次改版都在简化界面，实际上人们都不知道 Medium 是「界面简化」的发起人之一。恭喜 Medium !

在 Facebook 发布 Instagram 新版界面后不久，我发现 Airbnb 跟 Instagram 看起来也太像了！这是 Airbnb 四月份发布新版界面后我第一次使用，但是我的感觉是早就见过这种界面。

虽然一个月后 Airbnb 的新版 UI 没有像 Instagram 发布新设计界面时那样被大肆报道（可能是因为它没有换一款让人眼前一亮的应用图标），它还是遵循了很多「界面简化」的要点的。

Airbnb 移动端新界面的标题更大更粗，同时去除了不必要的图片和背景色，简化了图标让它们更容易辨认功能。剩下的是一款内容突出、功能清晰的黑白主题界面。

Apple 最近也加入了「界面简化」的设计风潮。这个月初，科技界巨头苹果公司在它们的 WWDC 大会上发布了许多用户期待的东西，其中包括所谓的「最最最牛的 iOS 版本」iOS 10 正式版（或许跟 iOS 8 相比的确牛一些:(）。

在 WWDC 上有一个内容吸引了我，Apple Music 的新版 UI。新版 UI 最大的改动是用户体验的变化和一些其他特点，其中最先吸引我的是整体界面的美感。Macword 全职作家 Caitlin McGarry 对新版界面描述道：「这是一个全新的界面，大号的卡片布局，显眼的字体，白色简洁的背景，让专辑封面更加耀眼」。

听起来是不是有点耳熟？Apple Music 的设计跟 Instagram 、Airbnb 的设计风格略有不同（后者用的是完全填充的图标，Apple Music 怎么不换呢？），但是关键元素都是一样的：显眼的标题，黑白色调的界面。

这些应用的新版界面意味着什么呢？

正如我开始所说，将来会有越来越多的应用看起来长得都很相似。为什么这么说？就跟 NFL（美国国家足球联盟）一样，科技圈里到处都是山寨版。这些新版设计普遍受到好评（有些人可能一开始会抱怨这些黑白界面中没有什么特点，但是没多久他们就会适应了。人们使用软件都是为了使用它的功能，而不是为了它的特点），所以我希望所有应用都能加入这股「界面简化」的热潮中！

这意味着你的 iPhone 主屏幕上很快只是一片会带给你欢乐的五颜六色的闪耀的马赛克了。

现在不论你是否支持这种单色调的设计风格，都要承认它是一种进步。产品的设计从之前的崇尚浮夸，开始逐渐演化的更聚焦于用户。在过去的产品设计流程中，用户体验师或者产品经理将原型图交给设计师，然后扔下句：「做的好看点。」设计师花费好多时间填色、去色、改色，却一直没有注意到最好的解决方法就在他们面前，那些原型图！在如今更加完整的设计流程中，设计师和体验师的界限越来越模糊，设计师不必那么担心没有尽到他们的责任（比如把界面做的好看些），从而可以专注于为他们的用户创造最好的产品。

界面简化的最终指南

现在你也看好「界面简化」并且准备跟随这种风潮？好的，遵循以下指导, 没多久你的应用就能大火特火！

· 去除颜色。当然你可以有一种主题色，但是要慎用，尽量只用在指示操作上。剩下的最好都用黑白色，突显你应用的内容。

· 更大、更粗、颜色更黑的标题。你看到那个标题了吗？将它增加约 20 至 30 像素，让它看起来「重」一些。

· 简单、辨识度高的图标。应用里的图标（底部导航的图标）最好很常见，周围也不要有什么颜色。把它们从左到右按这种顺序排列；主页、搜索、主要操作、次要操作、个人中心，这样体验更好。

· 增加两倍甚至三倍的留白。甚至四倍留白，多点总没错。

· 应用图标颜色更亮些。如果你喜欢设计一些带有闪光和颜色的东西，就做应用图标吧。它可以表现你的个性和品牌，让它脱颖而出吧！

（头图购自华盖创意）