拟物化和扁平化界面设计风格

今天跟大家一起分享下苹果手机中两个经典的界面设计风格—– 拟物化、扁平化。

初识拟物化

在IOS7系统之前的版本才有拟物化的，之后的版本就不是了。典型的实例就是iphone4手机的界面。

若印像不深，我帮大家回忆一些常见的拟物化场景。

记得iphone 手机上的iBook应用吗？

它看起来就像你家里的书架——即有书架的视觉线索：木质纹理、阴影和纵深感等效果。

还有就是早期阅读类App中的翻书效果。

这些都是真实地模拟现实的物品。

什么是拟物化

模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现。当然也可适当地进行变形和夸张。

拟物化的起源

在计算机界面设计领域，拟物化设计起源于图像界面设计，一般使用高光、纹理、材质、阴影等效果来模拟现实物品，目的是使用户在视觉上更加熟悉和亲和，加强了计算机界面和现实物品的联系，降低用户使用的学习成本。正如苹果公司的人机界面指南中写到的一样：当应用中的可视化对象和操作按照现实世界中的对象与操作模仿，用户就能快速领会如何使用它。

拟物化的优点：

可感知。通过对实际物体虚拟“拟物化”，可以帮助用户在情感层面上易于接受，减低学习成本。就像我第一次看到iBook的书架效果时，我惊讶到了，当然我的惊讶是用程序能模拟如此真的现实物品，而且是很简单的一段代码。然后我按照家里操作书架一样，在iBook上取书，放书，完全没有多余的学习成本。

直观性。通过大家都熟悉的图标、图示等符号化语言，能让信息传达的更加直观，高效。这个典型的例子就是男女厕所门口的标识，一个男女通用符号标示就能满足不同人群的需求。若是使用中文文字来标示，那对于不懂中文的外国人就看不懂了。若再加上英文标示，那也不能解决中英文不懂的用户人群。所以使用大家都熟悉的标示，可以更直观，让大家更容易懂。

前面说了两个拟物化的优点，其实它也有些缺点的。我个人认为它最大的缺点是：刻意的追求物品的逼真效果，忽略了图标展示的真正含义（即向用户传递信息）。也就是说为追求拟物化而拟物了，从而模糊了图标本身的意义。而这个缺点，恰恰是扁平化设计风格主推的。

什么是扁平化设计

扁平化设计通俗来说就是拟物化设计的一个相对面，扁平化设计更注重视觉的极简主义，抛弃了渐变、阴影、纹理、高光等拟真视觉效果，而采用简单的图形与色彩，从而打造出一种看上去更“平”的界面。它的重点就是:省去一些繁枝褥节，一切从简，直接了当地向用户传递信息，让用户更加专注于当前的信息。

最开始推出扁平设计的公司是微软（并非是苹果公司），其中代表产品是Win8 Metro 。 

然而让大家熟悉并发扬光大扁平化设计风格的是苹果公司，他们在2013年的WWDC大会上，推出了基于扁平化界面设计的IOS7，该系统采用全新的用户设计界面，去除了以前的拟物化设计的纹理和质感属性，完全从用户体验入手，将细致微妙的动画效果、优雅的色彩搭配和独特不凡的功能图层融为一体，是操作更简洁，界面更干净。想要了解IOS7和IOS6这两套界面的细节差异，可以看这篇文章。

拟物化，扁平化，孰优孰劣？

关于这两种设计的风格的存在，并不是有你没我，有我没你的非此即彼的关系。目前来说扁平化压倒性的胜利，但也不是说拟物化已经死去。通过对苹果手机各个产品的细心发现：拟物化和扁平化是共存的。

以IOS7+的系统为例：

1.苹果手机设置中的ON/OFF开关，还依旧保留着的拟物化灵感（一个真实的旋钮）。即从白色圆形旋钮下方浅浅的阴影可以看出一个真按钮的蛛丝马迹。

2.iOS中新闻应用程序图标，它参考了一堆报纸的意象。

3.iOS中邮件应用程序的图标，它显示一个纸信封的样子。左图：新闻， 右图：邮件

以上这些都能说明两种设计风格不是相互冲突的，而是相互共存。我们呢，可以采用这两种风格来为我们的产品，设计最合适的界面。

以上就是我关于拟物化和扁平化的一些个人见解，多谢。

参考资料：

https://wenku.baidu.com/view/f7e16959a717866fb84ae45c3b3567ec102ddca9.html