扁平化与拟物化设计应用的比较研究

任葆轩 哈尔滨师范大学

拟物化设计是因为其高度模拟现实生活中的物体而得名，而扁平化设计强调设计的抽象化，两种设计风格独立却又有传承。在大多数设计师看来拟物化设计可玩性较强，更加体现设计师在设计产品时想表达的初衷，而在用户体验上多数人又觉得扁平化设计简洁明快。美观因人而异，用比较的方法研究出拟物化和扁平化的优劣。旨在未来的UI设计领域中提供些有意义的借鉴。

1 在手机app中的设计对比

在手机的应用图标及界面中，拟物化设计的设计元素更多，在互动体现方面更有表现力。乔布斯对于设计有一个观点:“好产品不需要说明书，无论是科技达人还是小孩子都能拿起就用”。拟物化设计无疑符合这一标准，它把人们现实生活中的操作体验和逻辑带到虚拟设备中去，使人们第一次使用也不陌生，降低了学习难度。日本设计大师深泽直人有个设计理念——无意识设计。即发现人们本能、神经反射、情绪、经验等熟知却不好表述的元素放大进行设计，使用户对设计产品产生熟悉、惯用的感觉。与其说无意识设计更应该说成是“潜意识习惯”，当我们打开手机看到那个黄色便签的图标，即使不看使用说明，我们也知道那是备忘录软件。当我们打开音乐播放软件我们知道通过如何调节声音大小，因为我们的家里真的就拥有那样调节音量的录音机。这是人们长期在生活中积攒下来经验和神经反射造成的结果；无关美感，拟物化设计随着人们眼光的提高也不再是单纯的拟物，而是在拟物的基础上添加了各种主题风格，比如军事科技风、复古风等。这些主题风格更能展现设计师的功底，拟物化设计拥有的视觉表现力是扁平化设计无法比拟的，吸引力和视觉冲击是拟物化突出的特点。

2 在PC软件中的设计对比

扁平化与拟物化在pc端的应用的对比中，扁平化设计的界面在美观持久度和视觉引导上有更大优势。当人们对电脑的使用操作已经有了路径依赖之后，视觉上的需求就会降低而使用体验上的要求就会提高。扁平化的设计，单色块和简单的图形有减少视觉疲劳的效果。例如Photoshop这款软件的图标变迁:从20实际90年代最初的一只眼睛演变成为cs2版本的一支羽毛，到现在深色底浅色字的图标字母。用户量不断的增多，图标反而越来越简洁，无需多余的设计只用了深蓝色的底加上浅蓝色的边框，再在框的中心贴上PS就清楚的告诉用户这就是Photoshop软件；唐纳德.诺曼说过，设计最重要的目的不是为了体现创意，也不是越复杂越好，设计的本质是——沟通。扁平化设计的简洁突出主要元素，给人的视觉感受也更加干练，当用户打开电脑需要进行复杂工作的时候，扁平化设计的图标界面会减缓人面对复杂问题的心理压力；扁平化用清晰的图形元素创建最简洁的视觉效果，去掉多余的线和框，仅用内容本身来布局内容，为内容留出呼吸空间，还起到视觉引导作用。我们现在常用的wps的操作界面就有很强的视觉引导，简单的图标给功能文字留下的很多空间，人们观看这个按钮的功能一目了然。

3 在移动终端中的应用对比

在移动应用上扁平化的设计优势突出，扁平化的设计可以在移动应用的界面上去除多余信息提供更准确的信息。移动应用主要是指企业级的商务应用，是企业信息化应用场景的完善与扩展，目的是在互联网之上的延伸。扁平化的设计能够使移动应用更有效的扁平化模块化突出功能减少操作。例如北京地铁查询系统，每一种颜色代表一条地铁的线路，应用在扁平化设计的地图上清晰明确的告诉旅客每条线路的信息；再比如在智能电视中爱奇艺的分类界面，棕黄色色块代表电影、蓝色色块代表电视剧、粉色色块代表综艺娱乐、黄色色块代表少儿，这种色块加文字的扁平化设计，除了色彩对用户的心理暗示，更加快捷的用文字加以分类。路德维希.密斯.凡德罗提出:“少即是多”。这种思想使得现代主义达到了空前的高峰，也是UI设计里扁平化设计的基础理论。把不需要的装饰排除掉，只留下基础的主体，突出主体功能，达到视觉上的减法，思想意识上的加法。

4 结束语

其实在UI设计中，并没有拟物化设计与扁平化设计好与不好，只有产品本身的优与劣。只是以前的UI由于受到当时技术的限制过时了。拟物化设计并没有被扁平化设计宣告死亡，扁平化设计也并不是最新的设计理念。拟物化设计融入了扁平化设计，扁平化设计也继承了拟物化设计。在未来的UI设计中一定是视觉展现加用户体验，是拟物化设计与扁平化设计共同发展。

[1]Matt Jones,Gary Marsden ( 美 ) 移动设备交互设计，译.奚丹电子工业出版社，2008

[2]常海，蒋晓，交互设计中的用户控制杆研究[ J ]. 包装工程，2010，31（4）：29-31.

[3]The Design of Everyday Things 设计心理学Donald A.Norman 唐纳德.A.诺曼，中信出版社，2003