Menu
回到顶部

《谈扁平化设计》

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

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

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


扁平化设计是什么?

 

《谈扁平化设计》

《谈扁平化设计》

 

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

直面屏幕的限制,利用这些参数而不是掩饰它们。

将新的简洁性作为流线设计的出发点,使网站更快更实用。


《谈扁平化设计》


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


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

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


拟物设计是什么?

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

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


《谈扁平化设计》


显性组件:计算器,时钟,日历是它们现实世界的电子对应物

隐性细节:阴影和斜按键,纹理背景甚至时钟上的振动效果也来自其对应的物理产品。



拟物设计的问题

《谈扁平化设计》


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


《谈扁平化设计》

 

  • 由于一直使用与电子形式无关的设计标准,拟物化设计限制了创造力和功能性。

  • 将拟物化元素与少维的元素相融合时,拟物元素看起来有些不一致,而且这些模仿并没多少逻辑。比如,苹果的找朋友应用就有一个看起来像缝合皮革的背景。但该元素与现实世界没有任何关联。

  • 拟物化元素以无功能的装饰占用了宝贵的屏幕空间和载入时间

  • 当与其他无拟物效果的元素组合时,拟物元素看起来有问题,这样就限制了整体设计和其他的元素的效果。


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

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

例子1:


《谈扁平化设计》

 


例子2:

《谈扁平化设计》

 

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



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

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

与之前模仿物理体验的设计不同,扁平设计专为屏幕体验而生。

这种天赋使它能在很多方面提升用户体验


《谈扁平化设计》

 

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


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

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



扁平设计的高适应性

例子1:

 

 

《谈扁平化设计》


 

例子2:

《谈扁平化设计》

 

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



结论

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



日期: 2016-07-21
浏览次数:
推荐案例 Recommended case Products 更多>>
填写您的项目需求,我们在24小时内与您取得联系
  • 您的姓名:
  • *
  • 公司名称:
  • *
  • 地址:
  • *
  • 电话:
  • *
  • 传真:
  • *
  • E-mail:
  • *
  • 邮政编码:
  • *
  • 留言主题:
  • *
  • 详细说明:
  • *
     
关注思乘公众号
二维码
工业设计范儿
北京总部
电话:010-82891480
邮箱:bj@thinkpower.cc
传真:010 - 53058415-602
地址:北京市 海淀区 上地桥东
雅美科技园 A座2040室
深圳办公室
电话:18038058525
邮箱:sz@thinkpower.cc
传真:010-53058415-602
地址:福田区 上梅林 市场雕塑家园
Copyright ©2005 - 2013 北京思乘创新工业设计有限公司