别赶潮流了!扁平化和拟物化,设计师你该如何选择?
别赶潮流了!扁平化和拟物化,设计师你该如何选择?-移动阅读二维码

2012年,拟物化Skeuomorphic设计之年

2012年是盛产移动和互联网产品的一年,在这其中就有很多拟物化设计风格的产品,其中最受关注的就是苹果产品的设计,因为他们从之前的数字感设计完全转向拟物化设计,而备受业界争议。

UI设计
苹果日历

拟物化设计被定义为“没有更多的设计元素或结构,而终于事物本来的外貌和材质。”最明显的就是拟物化设计的界面中使用的精致的纹理,再比如iBook当中仿真的界面和翻页的动作效果。

交互设计的反馈往往只有两种结果,人们或者喜欢或者讨厌某种交互,几乎没有中间状态。这些拟物化的APP被数以百百万的用户喜爱并下载,然而也有相当多的人对此不屑一顾。约翰·格鲁伯(John Gruber)写了一篇文章,关于这一设计风格如何影响用户界面的设计。

UI设计
iBooks

拟物化的优势

拟物化对使用者是谦逊、易用的,因为拟物化消除陌生感,就像我们每日使用物品的数码翻版,你懂得如何去使用。音频软件,比如Propellerhead Reason从最开始就采用拟物化的设计风格,这就是一个体现拟物化优点的例子——他很好的连接了数码和现实生活,这非常有意义。

UI设计

如果你是一个音乐家,你可以直观地了解这些按钮和开关的用途,如果你不懂乐器,你也可以直接在软件上学习,当接触现实生活中的这些音乐器材的时候,你就会懂得如何使用。这种交互界面的优势就是继承了产品的易用性,而且界面设计的精致细节也常常吸引用户。

拟物化的劣势

实际上,大多数拟物化界面并没有实现功能化,只是花费大量时间在视觉的阴影和质感效果。在可用性方面,拟物化的界面设计,模拟真实物体的设计最终会在某种程度上影响产品的功能性,导致在不同的交互动作中添加更多的点击和菜单,而不能使用更新、更便捷的比如手势等交互方式。坚持传统交互界面的最大的缺陷就在于设计变成了已存在事物的数码复制品,设计师没有更多的自由和空间来发展新型的交互模式。

2013,扁平化Flat design之始

拟物化设计的沉重感多少让人们开始审美疲劳,而让交互设计变得更纤薄和性感的趋势则势在必行。随着Windows 8的Metro界面发布,全新的界面设计,引领了扁平化、更简约、更数码的交互设计趋势。

这中设计很直观地叫做扁平化设计,虽然人们很想换一个更好听的名字。这一设计趋势受到Windows 8、Xbox 360等产品很大的推动,因为这些产品不仅勇于创新,而且获得了前所未有的成功。全新的设计突出产品核心的内容外,没有更多装饰性的设计。

UI设计
UI设计

未来的趋势?

在2013年,扁平化设计的趋势让设计师开始更多地思考数码交互设计,但是把扁平化设计运用在任何界面并不是明智之举,更不是解决任何问题的灵丹妙药。马修摩尔(Matthew Moore)写了篇文章“almost flat design”中谈到介于拟物化和扁平化两种风格中间的方案:既可以让人们关注需求和产品内容,保证内容的可读性和实用性,也就是功能先行的理念。

马修以Google作为这种中间状态的例子,Google在过去的一段时间里,重新设计了整体的交互体验,不仅是网页也包括移动设计:创作更加简单、扁平的交互界面,同时在需要的时候使用阴影和斜面。

UI设计

所以呢?

那么,作为设计师,该怎样做视觉选择。去年,笔者有机会为一个移动导航应用做设计,使用了拟物化设计,打造出一种古老的图书效果,因为那就是古老地图的样子。这一决定是因为有人说图书永远不会被APP所替代,因为手持图书时感受封面、内页,闻着书香,整个感受是不可替代的。虽然无法复制书香和质感,但是通过视觉方式引发一些既有的经验和感觉,才能更好地连接用户和界面。

别赶潮流了!扁平化和拟物化,设计师你该如何选择?

总之,拟物化还是扁平化,重点不在于追赶潮流,潮流只能影响设计外观和样子,并且会慢慢淡去,而被新的潮流所替代。设计师设计一款应用的时候,让外观充分表现产品的内容才是王道。

原文链接:http://designmodo.com/skeuomorphic-vs-digital-interfaces/

本文链接:http://www.mobileui.cn/flattening-and-materialized.html
本文标签: , , , , , ,