浅析UI图标拟物化和扁平化的交互方式

李宜勇

摘要：随着科技的发展，电脑、手机等硬件和功能方面都趋于同质化，使得UI设计成为用户选择的一个重要条件。UI设计不仅仅是软件的操作入口，也成为平面设计师针对某一类客户人群重要的设计内容。文章从视觉特征的角度对拟物化和扁平化两种风格进行了对比，阐述UI图标设计需要结合体验者情感需求、功能需求，使其在拟物化和扁平化间找到最适合的平衡点。

关键词：拟物化；扁平化；视觉特征

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）24-0064-02

随着科技的飞速发展，计算机硬件越来越丰富。企业发现仅仅靠硬件性能已经远远不能满足消费者的需求，更不能在市场上立足，占有一席之地。许多企业已经意识到通过深度发掘用户需求，撰写内容、设计界面交互方式，重新设计UI图标能给产品带来了巨大的卖点和利润，使产品不仅能用、易用，更能好用，使自己在商业竞争中脱颖而出。而UI图标从之初的拟物化，到与之相对应的扁平化，二者之间如何平衡取舍，使UI图标视觉表现形式更好地服务于功能是设计师最应该解决的问题。

1 UI图标设计的拟物化以及特点

所谓拟物化原本是希腊词汇，是指对象仅仅保留了之前的装饰性元素，而这些元素对于当前的功能已不再必要的。其设计核心就是利用一切装饰效果，诸如阴影，透视，纹理，渐变等手段再现原有物体效果，表现出真实世界的物体形态。拟物化设计的特点，就是让体验者能较快的了解产品，同时使体验者与产品的交互方式也是在模拟现实生活的使用过程，而所有的元素都取自于现实，都是运用现实生活中的物体或者是能通过关联到的物体来体现。

界面设计领域，拟物化的设计风格是指利用设计元素来模仿现实中的实物，创造出虚拟的三维效果，并产生针对实物性质本身的联想，从而使体验者较容易地做出选择判断。如图标设计中，话机代表电话、聊天代表信息、播放符代表视频等。乔布斯在早期的人机界面中也指出：“当应用中的可视化对象和操作按照现实世界中的对象与操作进行模仿，用户就能快速领会如何使用它。”因此，拟物化风格的优势便是将原本包含较多现实元素的抽象内容具象化，使其更直观地传递给用户，降低学习成本，使用户易于接受，提高产品的认知度。

2 UI图标设计的扁平化以及特点

然而随着时代发展和拟物化风格的普及，用户或多或少也对其有了一定的审美疲劳，这时体验者更在意的是产品能否高效完成任务，而非过多的装饰效果，为满足体验者的这种诉求扁平化风格应运而生。

扁平化是一种二维形态，这种设计的核心理念就是化繁为简，把一个事物尽可能用最简洁的方式表现出来，但简洁不等于简单。如果拟物化是西方的油画，注重写实，那扁平化就更像是中国风的水墨画，注重的是写意。尤其在移动设备上，能尽量多的在较小的屏幕空间显示内容而不显得臃肿，使人有干净整洁的感觉。

首先，扁平化的界面通常使用鲜艳、明亮的色块进行设计。形态方面，以圆、矩形等简单几何形态为主，界面按钮和选项也更少。扁平化风格中设计元素的减少，使色彩的使用更加规范，字体标准更加统一，使其形态与整体更加相适应，因此更加容易形成完整一致的模式，也整个界面简洁大方、充满现代感，呈现极简主义的设计理念。

其次，扁平化的界面提升系统效率，降低设计成本。拟物化风格在细节处理上占用大量数据，数据量的增加势必提升系统占用空间，降低运算速度。而扁平化风格由于设计元素、色彩的减少，摒弃了过多的装饰，使人机交互过程中效率得到提升，系统功耗减少，提高运算速度，延长待机时间。

最后减少体验者使用过程的心理负担。随着硬件设备性能的不断提升，体验者的操作内容和范围也不断增加，拟物化界面的点触样式更容易造成使用过程中的不便，增加体验者心理负担造成疲劳。而扁平化设计的模糊触控范围点触区域，使体验者在使用过程更加自如。

3 以视觉为特征的拟物化与扁平化交互融合

拟物化相比扁平化的优势在于拟物化设计的图标能够，可以在视觉上更好的表现真实物体形态，模拟出真实物体的材质、质感、细节、光亮等。这样的设计如果描绘的是复古的物品，能使人们产生怀旧的感情；如果描绘的是在日常生活中比较常见的物品，人们会因先入为主的思想更容易对其产生好感。因为拟物化设计最初的灵感来源于工业革命，可以说它造就了设计界的经典。但是就像硬币都是有两个面一样，再好的设计也有它的缺点，首先它会被一个物品的本身而限制它的设计思路，因为它只能被设计成现实生活中所拥有或者是大部分人们大脑中所能描绘出来的东西；其次会被功能所限制设计思路，比如说像网络通信运营商，这种产业在现实生活中根本没有具象的实物或者人们的大脑中没有关联的物品来代替它；然后增大设计成本，并不是所有的物品都是这么复杂的，而那些物品就要迎合大多数的设计来进行复杂化会被功能所限制设计思路；最后是没有新鲜感，因为拟物化本身的特性就是模拟现实生活中的物品，而这必然会使人们比较快的对这个设计产生厌恶感，从而使商标的更换周期变短。

扁平的优点显而易见首先在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。其次随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。但扁平化设计也明显的劣势，传达内容的感情不丰富，甚至过于冰冷。然而我们有趣的发现拟物化的优点正是扁平化的缺点，相比较拟物化的缺点也正是扁平化的优点。

那么作为两种风格泾渭分明、各有优劣的设计手法，设计者应当遵循以人为本的设计原则，取二者之所长，避其短进行合理设计。拟物化设计图形表意的明确性和扁平化设计信息传达的便捷性相结合，与此同时拟物化设计的严谨逻辑关系与扁平化设计的画面简洁性相协调，以达到产品设计更人性化的目的。另外设计风格的使用还应根据不同的年层次、阶段、媒体广告形式等作出不同的选择，以达到最舒适的体验效果。因此以情景、功能为基础的拟物化与扁平化设计相融合，使其相互促进相互发展，共存才是真正为体验者打造良好体验的关键。

4 小结

拟物化和扁平化之间既是矛盾的，又有一定关联，且有着一定程度的相互影响。没有任何设计能直接的抛弃获对立拟物与扁平化设计，拟物和扁平更像是太极中的阴和阳，缺一不可。正如道家的理念一样，任何事物至阴至柔或者至阳至刚都是有悖于天理的。像锤子科技公司这样自称最有情怀、最信仰拟物设计的科技公司也在商标上做出扁平化的妥协，顺应时代的发展。因此在科技飞速发展的今天，只有创新才能生存，才能更好地向前发展，一个好的设计师能够结合体验者情感需求、功能需求在拟物化和扁平化间找到最适合的平衡点，并在不断的平衡中，推动UI的发展。

参考文献：

[1] 孟建华.UI设计与应用[J]. 艺术.生活，2009（4）.

[2] 石梦云. 视觉文化角度下的用户界面设计研究[J]. 现代装饰：理论，2012（4）.

[3] 李洪海，石爽，李霞.交互界面设计[M].北京：化学工业出版社，2011

[4] Elam K.美国编排设计教程[M]. 上海：上海人民美术出版社，2008.

[5] 约翰逊.认知与设计——理解UI设计准则[M].北京：人民邮电出版社，2011.