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

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

过去的几个月中，一些创新设计的先驱将“简约设计”带到了新的阶段。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. 应用图标颜色更亮些。如果你喜欢设计一些带有闪光和颜色的东西，就做应用图标吧。它可以表现你的个性和品牌，让它脱颖而出吧！

本文文字及图片出自 雷锋网

你也许感兴趣的：

• 用格式塔原理分析页面中的用户体验
• 界面难看但好用：关于软件“可用性设计”的思考
• 用户的注意力极其重要，在网页设计中如何引导？
• 一个好的界面设计应该注意的 75 个原则
• 界面设计中七个不能违反的法则
• 用户界面设计：为什么动效如此重要？
• 那些爱不释手的加载动效设计
• 手机小屏幕界面设计原则
• 如何在网页界面设计中正确的留出空白空间
• 【外评】电脑从哪里获取时间？