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

摘要

还在设计华丽而臃肿的 App ? 现在,国外正流行一种「界面简化」的设计风格。

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

译者|shixinzhang

校对|cyseria,wild-flame


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

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

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

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

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

  • 标题更大、更粗
  • 图标更简单、更常见
  • 去除大量的颜色

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

举几个栗子

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

1.jpg

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

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

2.jpg

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

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

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

3.jpg

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

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

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

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

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

4.jpg

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

界面简化的最终指南

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

  • 去除颜色。当然你可以有一种主题色,但是要慎用,尽量只用在指示操作上。剩下的最好都用黑白色,突显你应用的内容。
  • 更大、更粗、颜色更黑的标题。你看到那个标题了吗?将它增加约 20 至 30 像素,让它看起来「重」一些。
  • 简单、辨识度高的图标。应用里的图标(底部导航的图标)最好很常见,周围也不要有什么颜色。把它们从左到右按这种顺序排列;主页、搜索、主要操作、次要操作、个人中心,这样体验更好。
  • 增加两倍甚至三倍的留白。甚至四倍留白,多点总没错。
  • 应用图标颜色更亮些。如果你喜欢设计一些带有闪光和颜色的东西,就做应用图标吧。它可以表现你的个性和品牌,让它脱颖而出吧!

掘金.jpg

头图购自华盖创意

最新文章

极客公园

用极客视角,追踪你不可错过的科技圈.

极客之选

新鲜、有趣的硬件产品,第一时间为你呈现。

张鹏科技商业观察

聊科技,谈商业。