扁平化和拟物化设计风格，设计师你该如何选择？

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 扁平化和拟物化设计风格，设计师你该如何

选择？

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

2012年，拟物化Skeuomorphic设计之年

1

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ|

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

2

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ|

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

交互设计的反馈往往只有两种结果，人们或者喜欢或者讨

3

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 厌某种交互，几乎没有中间状态。这些拟物化的APP被数以百百万的用户喜爱并下载，然而也有相当多的人对此不屑一顾。约翰·格鲁伯（John Gruber）写了一篇文章，关于这一设计风格如何影响用户界面的设计。 iBooks

4

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 拟物化的优势

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

5

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ|

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

26

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 一些既有的经验和感觉，才能更好地连接用户和界面。

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

2012年是盛产移动和互联网产品的一年，在这其中就有很

27

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 多拟物化设计风格的产品，其中最受关注的就是苹果产品的设计，因为他们从之前的数字感设计完全转向拟物化设计，而备受业界争议。

2012年，拟物化Skeuomorphic设计之年

2012年是盛产移动和互联网产品的一年，在这其中就有很多拟物化设计风格的产品，其中最受关注的就是苹果产品

28

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 的设计，因为他们从之前的数字感设计完全转向拟物化设计，而备受业界争议。 苹果日历

拟物化设计被定义为“没有更多的设计元素或结构，而终于事物本来的外貌和材质。”最明显的就是拟物化设计的界

29

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 面中使用的精致的纹理，再比如iBook当中仿真的界面和翻页的动作效果。

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

30

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 于这一设计风格如何影响用户界面的设计。 iBooks

拟物化的优势

31

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 拟物化对使用者是谦逊、易用的，因为拟物化消除陌生感，就像我们每日使用物品的数码翻版，你懂得如何去使用。音频软件，比如Propellerhead Reason从最开始就采用拟物化的设计风格，这就是一个体现拟物化优点的例子——他很好的连接了数码和现实生活，这非常有意义。

如果你是一个音乐家，你可以直观地了解这些按钮和开关

32

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 的用途，如果你不懂乐器，你也可以直接在软件上学习，当接触现实生活中的这些音乐器材的时候，你就会懂得如何使用。这种交互界面的优势就是继承了产品的易用性，而且界面设计的精致细节也常常吸引用户。

拟物化的劣势

33

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

34

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ|

2013，扁平化Flat design之始

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

35

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 品的内容才是王道。

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

2012年，拟物化Skeuomorphic设计之年

41

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 2012年是盛产移动和互联网产品的一年，在这其中就有很多拟物化设计风格的产品，其中最受关注的就是苹果产品的设计，因为他们从之前的数字感设计完全转向拟物化设计，而备受业界争议。 苹果日历

42

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 拟物化设计被定义为“没有更多的设计元素或结构，而终于事物本来的外貌和材质。”最明显的就是拟物化设计的界面中使用的精致的纹理，再比如iBook当中仿真的界面和翻页的动作效果。

交互设计的反馈往往只有两种结果，人们或者喜欢或者讨厌某种交互，几乎没有中间状态。这些拟物化的APP被数

43

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ| 以百百万的用户喜爱并下载，然而也有相当多的人对此不屑一顾。约翰·格鲁伯（John Gruber）写了一篇文章，关于这一设计风格如何影响用户界面的设计。 iBooks

拟物化的优势

44

ＬＣＰＬＥＥ｜石｜家｜庄｜标｜志｜设｜计｜ＷＷＷ．１ＨＥＮＧ．ＮＥＴ|

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

45

本文来源：https://www.bwwdw.com/article/mjrx.html