扁平化设计一瞥：它为什么非常重要

译者： blissfulbullet 原文地址： uxmag.com

我们迎来了新一波互联网扁平化设计的浪潮，当前的趋势报告指出，扁平化设计越来越火。

当然你可以简单地认为扁平化设计只是另一个转瞬即逝的美学潮流。

不过一旦你深入去了解它的设计原理，你将会明白，扁平化设计不仅仅只是“看上去很美”。

扁平化设计是什么？

扁平化设计是极简主义的直系亲属，不过它更复杂和多样化一些。扁平设计既兼顾了极简主义的原则又可以应对更多的复杂性；通过去掉三维效果，这些设计将锐度和清晰度融为一体。本质上讲，扁平化设计有两个目的：

• 直面屏幕的限制，利用这些参数而不是掩饰它们。
• 将新的简洁性作为流线设计的出发点，使网站更快更实用。

扁平化设计并不意味着任何涉及维度的元素都是不合适的。例如， 这个网站用清晰的方式塑造了有角度的插图。但是整个潮流趋向于简单和简约主义。按键使用了朴素的颜色并锐化了边角。设计去掉了阴影，斜边和渐变等效果。

扁平化设计回应了拟物化设计存在的问题

每个行为都有一个回应。在电子设计世界里，扁平设计部分作用就是回应拟物化设计。但扁平化设计不仅仅是一种艺术处理方式；它针对的是拟物设计带来的功能问题。

拟物设计是什么？

也许你对该词汇很陌生，拟物化是一种实践，它将现实实物的样子整合到设计中：将曾经的功能变成了装饰。当遇到新的电子概念，工具和应用时，该设计能引起用户的熟悉感。这种原理随处可见；塑料椅子复制了木质椅子的外形就是现实世界的一个好例子。

在电子世界，拟物主义与苹果的产品息息相关，这些产品提供电子世界拟物设计的绝佳例子。我们来看一下苹果的控制面板的设计。

• 显性组件：计算器，时钟，日历是它们现实世界的电子对应物
• 隐性细节：阴影和斜按键，纹理背景甚至时钟上的振动效果也来自其对应的物理产品。

拟物设计的问题

拟物设计背后的原理有很多内容，但在电子设计领域使用这些原理带来了很多的问题。比如，苹果控制面板中的模拟时钟比电子时钟更难读，点击计算器的按键要比用键盘输入花费更多的时间。坚持使用拟物设计产生了不少的问题：

• 由于一直使用与电子形式无关的设计标准，拟物化设计限制了创造力和功能性。
• 将拟物化元素与少维的元素相融合时，拟物元素看起来有些不一致，而且这些模仿并没多少逻辑。比如，苹果的 找朋友应用就有一个看起来像缝合皮革的背景。但该元素与现实世界没有任何关联。
• 拟物化元素以无功能的装饰占用了宝贵的屏幕空间和载入时间
• 当与其他无拟物效果的元素组合时，拟物元素看起来有问题，这样就限制了整体设计和其他的元素的效果。

扁平化设计带来的解决方案

扁平化设计直面数字体验真正的限制，去掉了拟物设计强加的约束。正常情况下，屏幕上的任何物体看起来都不会有3D效果，所以为什么我们不去拥抱去掉花哨点缀后的美（更注重一些实用性的功能）。

例子1：

例子2：

以上面 LayerVault的网站为例：例子1中，老版的设计体现了一种精细的拟物设计范例，我们之前提到过，当与扁平，简洁的其他网站元素相结合时，该设计看起来有些怪。将例1与例2的扁平设计方案相比，例2中没有任何更突出或者更功能化的元素。原来的设计分散了用户的注意力，而修改后的版本引导用户注意重要的信息。

扁平设计是拟物设计和简约设计的和谐统一

以下两点概括了扁平设计能够成为持久，全面设计策略的原因：

• 与之前模仿物理体验的设计不同，扁平设计专为屏幕体验而生。
  
• 这种天赋使它能在很多方面提升用户体验
  

扁平设计取得了简约设计和拟物设计的精华，并将这些元素融合为一体。类似与拟物设计，扁平设计看起来既友好又亲切。 扁平设计通过展现清晰动人的 界面来实现界面的友好性，而不是伪装或者扭曲界面来模仿熟悉的元素。类似于简约主义，扁平设计脱去了华丽的虚拟元素，只展现必要的功能。但它没有简约主义那样严格；如同上面的例子展示的一样，合理得当的 装饰是必要的。

扁平设计是用户体验最完美的形式

扁平设计不仅统一了简约设计和拟物主义的设计目的，它有自己独特的可用性思想。通过脱去冗余的形式，它适用于快速加载的网站，简洁的代码和高适用性。它在每一类应用上都能展现自己的美；不论是桌面还是 手机屏幕，扁平设计保持一如既往的清晰和适应。

扁平设计的高适应性

例子1：

例子2：

查看如上例子1和例子2中 Windows Phone的设计，我们就能看出这些应用是如何简单，漂亮地相互结合。微软选择与之前苹果主导的设计彻底划清界限，它决定使用更好的界面设计；在以上两个设计块中都采用了明亮的色彩块，整体的排版和图片看起来优雅大方。

结论

扁平设计的特点能使网站既实用又好看。它发现熟悉感对于用户体验来说非常重要，但它通过合理的方式创造这种感觉。同时，它能适应于新的发现，趋势和想法。扁平设计使我们更靠近新的电子设计形式，即功能和美观的和谐统一的设计。