扁平化网站设计: 时髦?还是实用?

2013年已过大半，我们迎来了新一波互联网扁平化网站设计的浪潮，目前的报告显示，扁平化网站设计越来越受到网络行业的重视。
为什么呢？或许你可能会觉得扁平化设计只是一个简单的’流行元素’。然而一旦你深入去了解扁平设计的原理，你就会明白，网站扁平化设计不仅仅只是“看上去很美”。随着英国鱼眼网站设计去一探究竟吧！

何为网站的扁平化设计？

扁平化设计是极简主义的直系亲属，不过它更复杂和多样化一些。扁平设计既兼顾了极简主义的原则又可以应对更多的复杂性；通过去掉三维效果，这些设计将锐度和清晰度融为一体。本质上讲，扁平化设计有两个目的：
1.直面屏幕的限制，利用这些参数而不是掩饰它们。
2.将新的简洁性作为流线设计的出发点，使网站更快更实用。

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

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

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

拟物设计是什么？

也许你对该词汇很陌生，拟物化是一种实践，它将现实实物的样子整合到设计中：将曾经的功能变成了装饰。当遇到新的电子概念，工具和应用时，该设计能引起用户的熟悉感。这种原理随处可见；塑料椅子复制了木质椅子的外形就是现实世界的一个好例子。
在电子世界，拟物主义与苹果的产品息息相关，这些产品提供电子世界拟物设计的绝佳例子。我们来看一下苹果的控制面板的设计。

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

拟物设计的问题

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

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

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

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

网站版本1:

网站版本2:

扁平的网页设计是拟物网页设计和极简网页设计的和谐统一

以下两点概括了扁平设计能够成为持久，全面设计策略的原因：
与之前模仿物理体验的设计不同，扁平设计专为屏幕体验而生。
这种天赋使它能在很多方面提升用户体验

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

网站的扁平设计提供最完美的户体验

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

网站扁平设计拥有更好的浏览器和浏览平台适应性：

扁平化设计1：

扁平化设计2:

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

是否要用扁平化设计？

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

文章翻译来自译言网