扁平化设计为什么这么火

我们姑且不说这个产品成功不成功。笔者当时是妥妥的被Zune的界面设计所震撼，倔强的认定这个设计必将影响其他设计。

然后iPhone出来后，微软又坐不住了。2010年这样，微软从当年Zune设计中积累了的经验，改良了新版的Windows Phone 7的设计，大号字体、明亮的色彩、网格、简洁和扁平的图标主宰了全部风格（当然还有流畅的动画~这个后面谈）。

当metro风格出来后，媒体和设计界在当时反响是真的火热。很是被看好的。扁平化设计也理所当然的被端出了桌面。

Apple 和 iOS 7的转变

图片来自网络

当时候媒体讨论最多的就是苹果会不会随大流放弃拟物化设计，笔者当时自己也是自己YY了蛮久的。不过最终苹果也没能抵抗诱惑，加入了扁平化大军。2013年iOS7发布后，苹果彻底放弃拟物化设计。（我一直在想是不是因为乔大神不在的缘故~~不然我想扁平化也不会辣么轻松的就征服世界..）

图片来自网络

由于苹果的产品是个标杆（各大厂家的"学习"对象●▽● ），用户也都是相对上流一点的（因为真的很贵，当时笔者都没好意思买啊~~(>_<)~~），iOS7的发布使得扁平化设计一夜爆红。拟物化设计几乎瞬间过时。所以扁平化虽然是先由微软弄出来，但却是由苹果推向主流的。

然后就看到各种软件和App的设计一夜之间都尼玛变了~~再后来要是设计个什么东西不和扁平化扯上边就尼玛不好意思拿出来！（当时笔者是妥妥的深有体会啊！唉...╮(╯▽╰)╭）

那些习惯了画拟物风格的设计师，顿时尼玛就傻了眼。原来画一个icon需要好几小时，现在一个新手一上来花个十多分钟就画完了（先不要在意画得好不好）~~那种失落感，我也不知正在看文章的你懂不懂~~╮(╯▽╰)╭  那种感觉就如下面这张gif一样，不好意思。Instagram表示又躺枪了·~

扁平化设计的优点和缺点

想了想，扁平化之所以能够那么火，也确实是有诸多原因的。至少它的优点是绝对的符合当下技术发展需要的。

优点

• 响应式布局

  由于现在终端设备越来越多，并且什么奇葩尺寸都有，为了适应这些屏幕尺寸能够提供使用者优质的阅读体验，响应式的布局设计应运而生。而扁平化设计由于设计简单等特点，RD甚至可以用代码实现设计效果（因为很多时候并没有渐变或是一大张图）。这样的情况下阅读体验想不好都难啊。RD看到这些设计图心里你不知道有多么的开心和温暖！~（除非交互设计得很烂哈·~这里只谈扁平化对响应式布局的好处~）

• 让用户更加注意内容本身，而不是别的不必要的装饰

  因为说实话用扁平化方式设计出来的作品，并没有那么多吸引眼球的东西，太简单（这里主要指界面）。这样用户自然而然的更容易去关注内容本身，而忽略了这个是被设计过的。（但其实真的就是被设计过的，有句话说得好"最后的设计就是没有设计"）

• 感官上和实际轻量化，降低设备硬件要求

  用于设计简单明了，以及扁平化设计多以明快而单一的色彩去设计，去除和减少了那些多余的元素，使得整体界面让人从感官上觉得特别的轻快。从另外一个层面说，由于设计简洁，以至于RD有些地方都可以不切图，而用代码直接写出。甚至一些动画效果也是可以用代码写出。这样就大大降低对硬件的要求。而且最要紧的是安装包妥妥的小了好多啊~（其实扁平化风格是代码仔的最爱才对... -  -）

• 结构层次扁平化

  扁平化设计的理念也在影响着交互方式。可以看到越来越多产品的交互不再像过去那样那么多层级，而是减少归纳整合起来。一目了然的同时，提升了用户体验。
  

缺点：

• 需要一定的学习成本

  乔帮主之所以要iPhone走拟物化风格，其实很大原因在于他对学习成本的极大重视，因而才会在界面中大量的使用隐喻和模仿。他对界面设计的一个理想是，任何年龄的人，任何经历的人，都可以在拿到设备后的几分钟内轻松的掌握它的用法。这也是为什么当年那么多用户拿着iPhone后就爱不释手了·~说个简单的栗子：我爸从来没玩过智能手机，但当他拿着我的ipad时，我都没怎么教他，他居然一下就会了。在这个层面上，扁平化确实有点弱哦。

• 可点击区域模糊

  很多人（特别是没经常接触电子设备的人），第一次看到扁平化设计是有种焦虑感的，因为很多时候不知去按哪里......

• 表现形式单一，同质化严重，缺乏个性

  很多时候，扁平化设计在界面和网页设计中的表现形式少得确实有点可怜。如果去掉这个app的logo，有时候还真是不好区分，尤其是在现在这个你抄我我抄你的时代，你我的产品是辣么辣么的相近~( ˇˍˇ )....何为个性可言啊~

• 高冷、缺乏亲和力

  扁平化设计大都用的是精简或抽象后得到元素，而且甚至有些网站的设计就是同一个颜色一大片，然后敲几个字在中间。卧槽，确实够简洁，高大上，B格大大的有。但这种风格看多了，就会觉得无内容和空洞，甚至有些性冷淡。

通过上面分析扁平化的优缺点，细心的你其实不难发现扁平化的很多缺点都是可以通过一些方法去改善的。其最大的好处还是在于，能够适应技术的发展。并且最大限度的呈现内容本身，而不是展示无用的装饰。（因为在产品设计当中，设计只是为了更好的呈现产品本身而存在的，一旦"设计过了"，就妥妥的变成了一种无用的装饰了。）

图标来自花瓣

因此可以说扁平化设计是顺应时代的产物啊。而事实上发展到今天的扁平化设计确实也在不断的优化自己~使得自己更加的适应时代的发展。但其实要想真正的运用好扁平化设计，绝不是一件简单的事情。练过书法的孩子都应该知道一件事：笔画越少的字越难写的好，反而是那些笔画多的字很容易写好。扁平化设计也是一个道理，它非常的考验一个设计师的基本功。

图片来自网络