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

浅析UI图标拟物化和扁平化的交互方式 　　摘要：随着科技的发展，电脑、手机等硬件和功能方面都趋于同质化，使得UI设计成为用户选择的一个重要条件。UI设计不仅仅是软件的操作入口，也成为平面设计师针对某一类客户人群重要的设计内容。文章从视觉特征的角度对拟物化和扁平化两种风格进行了对比，阐述UI图标设计需要结合体验者情感需求、功能需求，使其在拟物化和扁平化间找到最适合的平衡点。 　　关键词：拟物化；扁平化；视觉特征 　　中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）24-0064-02 　　随着科技的飞速发展，计算机硬件越来越丰富。企业发现仅仅靠硬件性能已经远远不能满足消费者的需求，更不能在市场上立足，占有一席之地。许多企业已经意识到通过深度发掘用户需求，撰写内容、设计界面交互方式，重新设计UI图标能给产品带来了巨大的卖点和利润，使产品不仅能用、易用，更能好用，使自己在商业竞争中脱颖而出。而UI图标从之初的拟物化，到与之相对应的扁平化，二者之间如何平衡取舍，使UI图标视觉表现形式更好地服务于功能是设计师最应该解决的问题。 　　1 UI图标设计的拟物化以及特点 　　所谓拟物化原本是希腊词汇，是指对象仅仅保留了之前的装饰性元素，而这些元素对于当前的功能已不再必要的。其设计核心就是利用一切装饰效果，诸如阴影，透视，纹理，渐变等手段再现原有物体效果，表现出真实世界的物体形态。拟物化设计的特点，就是让体验者能较快的了解产品，同时使体验者与产品的交互方式也是在模拟现实生活的使用过程，而所有的元素都取自于现实，都是运用现实生活中的物体或者是能通过关联到的物体来体现。 　　界面设计领域，拟物化的设计风格是指利用设计元素来模仿现实中的实物，创造出虚拟的三维效果，并产生针对实物性质本身的联想，从而使体验者较容易地做出选择判断。如图标设计中，话机代表电话、聊天代表信息、播放符代表视频等。乔布斯在早期的人机界面中也指出：“当应用中的可视化对象和操作按照现实世界中的对象与操作进行模仿，用户就能快速领会如何使用它。”因此，拟物化风格的优势便是将原本包含较多现实元素的抽象内容具象化，使其更直观地传递给用户，降低学习成本，使用户易于接受，提高产品的认知度。 　　2 UI图标设计的扁平化以及特点 　　然而随着时代发展和拟物化风格的普及，用户或多或少也对其有了一定的审美疲劳，这时体验者更在意的是产品能否高效完成任务，而非过多的装饰效果，为满足体验者的这种诉求扁平化风格应运而生。 　　扁平化是一种二维形态，这种设计的核心理念就是化繁为简，把一个事物尽可能用最简洁的方式表现出来，但简洁不等于简单。如果拟物化是西方的油画，注重写实，那扁平化就更像是中国风的水墨画，注重的是写意。尤其在移动设备上，能尽量多的在较小的屏幕空间显示内容而不显得臃肿，使人有干净整洁的感觉。 　　首先，扁平化的界面通常使用鲜艳、明亮的色块进行设计。形态方面，以圆、矩形等简单几何形态为主，界面按钮和选项也更少。扁平化风格中设计元素的减少，使色彩的使用更加规范，字体标准更加统一，使其形态与整体更加相适应，因此更加容易形成完整一致的模式，也整个界面简洁大方、充满现代感，呈现极简主义的设计理念。 　　其次，扁平化的界面提升系统效率，降低设计成本。拟物化风格在细节处理上占用大量数据，数据量的增加势必提升系统占用空间，降低运算速度。而扁平化风格由于设计元素、色彩的减少，摒弃了过多的装饰，使人机交互过程中效率得到提升，系统功耗减少，提高运算速度，延长待机时间。 　　最后减少体验者使用过程的心理负担。随着硬件设备性能的不断提升，体验者的操作内容和范围也不断增加，拟物化界面的点触样式更容易造成使用过程中的不便，增加体验者心理负担造成疲劳。而扁平化设计的模糊触控范围点触区域，使体验者在使用过程更加自如。 　　3 以视觉为特征的拟物化与扁平化交互融合 　　拟物化相比扁平化的优势在于拟物化设计的图标能够，可以在视觉上更好的表现真实物体形态，模拟出真实物体的材质、质感、细节、光亮等。这样的设计如果描绘的是复古的物品，能使人们产生怀旧的感情；如果描绘的是在日常生活中比较常见的物品，人们会因先入为主的思想更容易对其产生好感。因为拟物化设计最初的灵感来源于工业革命，可以说它造就了设计界的经典。但是就像硬币都是有两个面一样，再好的设计也有它的缺点，首先它会被一个物品的本身而限制它的设计思路，因为它只能被设计成现实生活中所拥有或者是大部分人们大脑中所能描绘出来的东西；其次会被功能所限制设计思路，比如说像网络通信运营商，这种产业在现实生活中根本没有具象的实物或者人们的大脑中没有关联的物品来代替它；然后增大设计成本，并不是所有的物品都是这么复杂的，而那些物品就要迎合大多