flat

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

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

 

何为网站的扁平化设计?

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

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

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

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

拟物设计是什么?

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

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

拟物设计的问题

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

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

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

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

网站版本1:

网站版本2:

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

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


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

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

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

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

扁平化设计1:
英国网站设计

扁平化设计2:
英国网站设计

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

是否要用扁平化设计?

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

文章翻译来自译言网