教你如何改善App的性能

扁平化设计由于其简洁的外表，更少的按钮和选项使得界面干净整齐，从而减少认知障碍的产生。扁平化设计更是功能上的简化于与重组，相比于拟物化而言，扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来。

以下为译文：

扁平化设计仅仅只是一个漂亮的外表，还是一个性能利器，从而触发一场UI革命？实践证明是后者。

Tyler Kieft 是Instagram一名工程师，他详细解释了这其中的缘由，更详细的内容请关注他在@scale会议上的演讲: 标准安卓手机上的Instagram 。这个演讲是由Facebook提供的，是“如何在实际情况下设计移动应用程序”系列的一部分，这里的“实际情况”是指那些手机速度更慢、屏幕更小、网络比美国更慢的地方。

为标准手机设计App和高端手机并不一样，Instagram团队需要重新思考他们的设计。从Tyler的谈话中得到的启示之一是转变到扁平化设计，因为这将让应用程序更美观、更实用、并且还能大大提高性能。

这的确出乎我的意料，我曾经认为扁平化设计只是构建更美观的UI。现在想想真是愚蠢之极。感谢Tyler如此详细的解释了扁平化设计的好处， Instagram说明了一切。

扁平化设计是反拟物化，它采用简单的元素、简单的排版、单调的颜色以及简单的设计。

使用扁平化设计，Instagram可以减少120 ms的冷启动时间，同时应用程序更美观、更好用、并且更专注将内容传送到不同大小的手机上。

那么扁平化设计是如何实现的呢？

转变到扁平化设计

为了更专注性能，Instagram重写他们的UI。
Instagram在2012年发布Android版本时，只有3个人的团队，花了大约4个月完成。其中两个工程师，一个设计师。Android版本使用了和iOS版本相同的设计。
使用的丰富的渐变特性和大量的UI元素。
过渡到扁平化设计后，产品更简单和更美观。没有更多的渐变，没有更多的阴影。
通过采用扁平化设计，他们得到的经验是：

扁平化设计使开发量更小，开发代码更快、更新产品更快，这对开发人员来说是个好消息。
扁平化设计带来的是性能的提升，不仅开发人员做的少，而且速度更快。

新Android版本的目标就是利用他们从iOS7扁平化设计中学习到的经验来重新设计：

让它更扁平、更快。这不是重写，导航模式并没有改变。
要有强烈的屏幕空间意识。用全新的眼光看待每一块屏幕，尽量让设计能更好地适应所有的屏幕尺寸。
让它更美观。这是Instagram团队所做一切的基础。

整体效果发生了显著的简化，那么发生了那些变化呢？

去掉所有的渐变和光滑按钮。让图标回归鲜明的轮廓，取代渐变效果。保留纯色和扁平形状，以便UI融入背景。
去掉评论图标，使评论占据屏幕的全部宽度，给予评论更多的文本空间。屏幕上重点强调内容，让小屏幕手机用户有更多的空间来读正文内容。
拍照功能的重新布局。在小手机上，动作按钮设计在屏幕的顶部，而大屏幕手机所有的命令在底部。
App上不必要的UI全部去掉，让用户更多的关注内容。chrome搜索屏幕从三层减为两层。这给了小手机很多空间，给内容很多空间。

为什么扁平化设计

APK将更小，这对小型网络非常适合。神奇的是Asset tinting（我从来没听说过的东西）。Asset tinting意味着assets，在这种情况下是图像、可以以编程方式着色。例如，一个灰色的心可以通过编程方式变为红色。
加载较少的assets。这意味着UI显示更快并且以更少的内存来存储位图。每个需要被显示的assets必须以闪存的方式读取并且解码成一个位图。越少这么做，App就会越快。
更快的迭代时间。如果你想改变颜色或重新开发，你不需要一个设计师了，需要的事更改代码和编译。
结果：