您正在使用IE低版浏览器,为了您的雷峰网账号安全和更好的产品体验,强烈建议使用更快更安全的浏览器
此为临时链接,仅用于文章预览,将在时失效
专栏 正文
发私信给稀土
发送

0

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

本文作者: 稀土 2016-08-23 18:04
导语:还在设计华丽而臃肿的 app 吗? 你 OUT 了! 国外最近流行一种 “界面简化” 的设计风格,时间不多了,赶紧上车!

雷锋网按:本文翻译自《Complexion Reduction: A New Trend In Mobile Design》。

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

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

| 究竟什么是“界面简化”?

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

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

  • 标题更大、更粗

  • 图标更简单、更常见

  • 去除大量的颜色

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

| 举几个栗子

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

| 界面简化的最终指南

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

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

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

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

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

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

雷锋网注:转载请联系我们授权,并保留出处和作者,不得删减内容。译文出自 : 掘金翻译计划译者 : shixinzhang

雷峰网原创文章,未经授权禁止转载。详情见转载须知

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

分享:
相关文章

专栏作者

稀土掘金,挖掘最优质的互联网技术 https://juejin.im
当月热门文章
最新文章
请填写申请人资料
姓名
电话
邮箱
微信号
作品链接
个人简介
为了您的账户安全,请验证邮箱
您的邮箱还未验证,完成可获20积分哟!
请验证您的邮箱
立即验证
完善账号信息
您的账号已经绑定,现在您可以设置密码以方便用邮箱登录
立即设置 以后再说