MING RI FENG SHANG
25
网页界面设计是什么艺  术  设  计
文|吕  腾
浅析基于情感下扁平化界面设计中的拟物化设计
摘要：目的：分析情感下扁平化界面设计中拟物化设计的体现形式和应用方式。方法：探讨扁平化界面设计在实际应用中的弊端。从情感角度切入指明扁平化缺少情感因素，拟物化交互方式对扁平化设计在情感因素方面的辅助作用。结论：扁平化界面设计摄入情感因素实现写实到抽象的平稳过渡，是界面设计发展的一大趋势。关键词：扁平化；拟物化；界面设计；情感因素
Abstract:It analyses the skeuomorphism in flat interface design based on emotion. It explores deficiencies of flat interface design in practical application. To indicate flat design lacks emotional factors, skeuomorphism provides assistance to flat design in terms of emotion. Adding emotional factors to flat design is a trend in the interface design.
Keywords: flat design; skeuomorphism; interface design; emotional factors
在扁平化设计大行其道的当下，与拟物化设计相比其界面冰冷、缺乏亲和力、学习成本高等等一系列弊端引起了不小的争议。在当前高技术领域竞争日益激烈，围绕着高技术发展的互联网行业发展迅猛。然而高技术与高情感平衡的问题日益突出，扁平化如何加上情感元素，又如何从具象到抽象，它需要借助更多的情感元素实现一个更为平稳的过渡。
一、关于扁平化与拟物化
扁平化风格通常应用在视觉设计领域，它放弃一切装饰效果，所有元素的边界都干净利落，没有任何羽化、渐变或者阴影。相比常见的拟物化设计, 扁平化设计略去了一切仿真元素，它是一种极简的设计方法[1]
。但其缺乏亲和力，学习成本高，界面冰冷等问题成为了它发展的阻力。
拟物化追求模拟现实物品的造型和质感通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现也可适当程度变形和夸张。即使新设计中并不需要原来的功能，但使得新设计满足一定的亲和度需要。甚至连相机拍照的咔嚓声也是如此。拟物化设计更加富有情感，会让用户感觉到亲切学习成本低界面的操控感强更易上手。
可以说，是拟物化设计用直观易理解的物象将数字世界抽象的概念表现出来，大大加快了普通大众接受
数字信息的步伐。对于那些对数字世界不甚了解的人，拟物化设计帮助他们将虚拟世界用户不熟悉的内容与现实世界用户所熟悉的物象产生联系，使其更易理解[2]
。
二、扁平化设计风格的发展趋势1、精致的版面
由于扁平化设计风格摈弃了一些不必要的元素，让阅读者的精力能够更多得集中在内容上面。这个时候对阅读内容的合理呈现、阅读上的视觉引导、内容信息的布局排版变得尤为重要。
2、适当的配
在极简风格为主的扁平化设计中，配的好坏直接成为用户是否愿意停留在界面的关键因素之一。不同的彩带给人们的感情也不尽相同。彩经验是这种反响可传达到最深处的神经中枢，因而影响到精神和感情体验的主要领域。
3、字体的运用
文字是网页内容的主要组成部分，扁平化设计的网页文字更加倾向于字形简洁、布局干净的页面效果。不同风格的字体不同语言的字体都能表达出各种各样的情绪。扁平化风格的界面在字体的选择上也要贴合界面整体气质使字体与网站风格达到高度统一。
4、精致有趣的图形（图标）
无论你用线的形式还是面的形式去表现图形（图标），都要让用户明白你这个图形（图标）所表达的意义。所谓“有趣”就是指图形（图标）所包含的情感因素或活泼或严肃。
5、适当的动效
扁平化加入动效是现在设计的一个趋势。为了让关键操作区域能够提供良好的操作反馈，动效的引入恰到好处的完善了这一重要环节。
三、扁平化界面需要情感元素的补充界面设计英语专业术语全称是User Interface Design，泛指用户的操作界面。它主要研究人与机器、人与自然的关系，通过设计使产品的功能、结构、形态、以及使用环境甚至使用条件等更合理地结合在一起，满足用户的物质需求和精神需求。交互界面设计重点关注人与设计的互动。目标是增强人们理解可以做什么，正在发生什么，以及已经发生了什么。交互设计借鉴了心理学、设计、艺术和情感等基本原则来保证用户得到积极的、愉悦的体验[3]。
但是扁平化设计风格也有自身一定的局限性。拟物化设计具有强大的亲和力同时降低了操作的学习成本。然而扁平化设计做了减法以后，其简洁的图形设计语言无形之中增加了新用户操作上的学习成本；扁平化设计风格缺乏情感元素，界面设计比较冰冷缺乏亲和力；
四、扁平化界面中的拟物化1、扁平化与拟物化的内在关系
“扁平化”与“拟物化”，是两个不同的设计理念。扁平化设计的主要特征，是摒弃一切
复杂的装饰效果，如阴影，透视，羽化、渐变等，不作繁琐的修饰，简洁大方。然而对于扁平化设计的定义，有的认为它是一种抛弃了拟真的视觉效果，看上去更“平”的设计形式，是与“拟物化”设计的相对立的。但是在我们接触扁平化设计的界面中会发现，有些图标中还是会保留下拟物的元素（例如搜索图标上的放大镜）。在该层面上“扁平化”与“拟物化”并不对立冲突，两者是有着内在联系的。所以说完全脱离拟物化的界面设计可以说是不存在的。
2、拟物化的交互方式
谷歌在2014提出的Material Design 是经典的扁平化和拟物化双重合并的设计风格，开创了另一种。它适度在扁平化设计中融入了拟物化的阴影，光线，材质，重点突出了信息的层级和信息内容的传达。其恰当的拟物化动态效果的加入让界面的操作反馈更加突出，大大提升了人及操作的可用性同时满足了人们的情感需求。
拟物化的交互方式大致可以概括为以下三种：
1）情境式拟物化设计：2）行为式拟物化设计：3）功能式拟物化设计：五、结语
扁平化设计的出现开启一种新的界面设计语言，它是信息技术高速发展下的必然产物。它用一种引人注目却又十分简洁的方式，让用户准确地把握其所传达的内容。然而无论是拟物化设计还是扁平化设计并非对立存在，而是在不同的情况下做出的不同设计风格的选择。两者相互促进，相互发展，相互补充共存是打造良好用户体验的关键。繁杂装饰性的拟物化设计已经被淘汰，但是人们对于情感化的需求却是永恒的。
（作者单位：哈尔滨师范大学）
参考文献
[1]秦岁明.扁平化风格在网页界面设计中的应用[J]包装工程2015.3.41
[2]李佳.界面设计中的扁平化设计与拟物化设计之探议[J]艺术与设计：理论 2014(3):55-57
[3][美] 唐纳德・A ・诺曼. 设计心理学1-日常的设计[M].中信出版社，2015

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。