界面简化:Apple、Facebook和Airbnb都在遵循的设计风格

发布时间: 2020-11-14

       导读:本文翻译自《Complexion Reduction: A New Trend In Mobile Design》。

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

  近来,一些创新设计的先驱将“简约设计”带到了新的阶段。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主屏幕上很快只是一片会带给你欢乐的五颜六色的闪耀的马赛克了。

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

  界面简化的最终指南

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

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

  2. 更大、更粗、颜色更黑的标题。你看到那个标题了吗?将它增加约20至30像素,让它看起来“重”一些。

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

  4. 增加两倍甚至三倍的留白。甚至四倍留白,多点总没错。

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

  译文出自 :掘金翻译计划,译者 :shixinzhang。

「互联网的一些事」聚焦互联网前沿资讯,行业爆料、小道消息、内幕挖掘,关注互联网热点事件!干货分享,提供各种产品文档、行业报告、设计素材免费下载。官方微信:imyixieshi

本文链接: http://www.yixieshi.com/49625.html (转载请保留)

上一篇: 从网站流量的多样性替长尾把把脉

下一篇: 2014年Amadeus全球代理机票预订份额达40.7%

Copyright © 2012-2020(tech.tipapple.com) 版权所有 Powered by 万站群

本站部份内容来源自网络,文字、素材、图片版权属于原作者,本站转载素材仅供大家欣赏和分享,切勿做为商业目的使用。

如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!