传统元素在手机交互设计中的应用范文

摘要：

在现代移动互联网高速发展的浪潮中，传统平面设计逐渐向新媒体交互设计转变，以智能手机APP交互设计为代表的移动互联网应用设计正逐渐快速发展。目前，国内交互设计发展滞后于智能手机的发展，手机应用交互设计仍停留在满足用户功能需求的层面，很少有智能手机应用深入挖掘人们对文化与情感的诉求。无论是现代的市场环境导致了设计方向的改变，还是出于传承中华文化的考虑，将中国传统元素与交互设计融合都是值得研究和思考的。所以应从交互界面、动效设计、情感化设计、用户体验等多方面着手，以塑造出充满创新意义的以智能手机为代表的移动新媒体应用设计界面。

关键词：

传统元素；互联网；交互设计；UI；APP

一、目前手机交互设计的现状

随着移动互联网及智能手机的不断发展，智能手机APP正深刻影响着人们衣食住行的各个方面。用户出行打车使用滴滴出行APP，订餐使用饿了么、百度外卖、美团外卖等APP。通过这些操作简便的App，用户减少了等车、等餐的时间。在现代移动互联网高速发展的浪潮中，传统平面设计逐渐向新媒体交互设计转变，以智能手机APP交互设计为代表的移动互联网应用设计正逐渐快速发展。手机应用的设计风格从拟物化的界面设计逐渐转向更直观、简洁的扁平化设计。目前，国内交互产品设计设计发展滞后于智能手机的发展，手机应用交互设计仍停留在满足用户功能需求的层面，很少有智能手机应用深入挖掘人们对文化与情感的诉求。从国外传入中国的设计理论几乎都是以欧美国家的设计理念为主导，界面设计中很少能看到较为符合中国人审美潮流的设计。

二、中国传统元素加入交互设计的必要性

有着五千年文明史的中国，经过无数风雨沧桑，创造了伟大的中华文明。在历史的长河中，华夏儿女创作了一个又一个传奇，以万里长城为代表的中国古迹为世人敬仰。随着中国经济的飞速发展，人们的物质生活水平在不断提高，生活也越来越便捷。然而，与此同时，中国的传统文化却逐渐在人们的意识中消退，许多优良的传统被人们忘记、抛弃。目前随着国家的伟大复兴，中国文化应将传统的中国元素与新兴技术相结合，借助互联网平台在世界范围内进行快速传播，从而扩大人们的认知领域，增加世界对中国传统文化的了解。将中国传统元素加入交互设计既是一种创新，同时也是传播中国传统文化、增加交互设计活力的必要趋势。创新逐渐开始成为互联网产品设计中的重中之重。我们几乎天天都能看到行业中各类推陈出新的“新”生代，在感叹这些创新的时候，将原有成熟的中国元素加入交互设计中，会给用户带来更多怀旧的体验。将中国传统元素融入用户手机APP中，使中华文明元素无处不在，当我们使用APP时，这既对中国传统文化进行了宣传，又可以吸引用户去探究其意义，使中国传统元素被有效地传承。人类通过眼睛来获取信息建立自己的视觉资料库。因此，将存在于书本之上的中国元素突破传统媒介的传播方式，以新媒体的视觉形式呈现在群众眼前，可以吸引群众的注意力，使用户产生点击欲。

三、中国传统元素与交互设计的融合策略

现在的手机界面很多都较为简洁和扁平化。苹果手机拥有自身品牌的iOS系统，并进行了扁平化风格设计；小米手机拥有自身品牌的miUI系统，并开发了小米的众多应用；微软拥有自己的一套WindowsPhone系统，并首先将扁平化设计融入其中。我们可以根据安卓系统的可适应性设计一款含中国风元素的UI界面，融入中国传统文化的元素并将其推广。现在市场上将中国元素加入交互设计中的案例屈指可数，从创新方面来说，这是设计师从未思考的地方，更是值得研究的地方。

（一）从界面元素交互分析从交互的角度考虑，交互设计是一个迭代过程，通过交互设计评估，可以及早发现设计中的缺陷，进而能进一步完善交互流程。通过交互评审，也可发现交互设计中可行、合理或优秀的地方，从而为后续产品的交互设计提供借鉴。因此，是否满足用户体验是手机产品交互设计的评估标准。由于用户体验是用户使用产品过程中的感受，具有较强的主观性，所以，目前用户体验还没有一个具体的标准。当交互设计产品层级比较深的时候，设计师要清楚地了解这个产品有多少二级页面，多少三级页面，并要考虑页面之间的关系——它们是否可以用到不同页面中的内容，是否需要重新进行构造设计等，以及标签栏、按钮、对话框、框等空间使用的便利性和icon绘制的精细性。一个页面的好坏要注意这些细节的把控。例如有两个页面都需要二级标签栏，你如果出两套样式，说明你并没有思考icon控件的问题，这样很大程度会造成FE（前端开发）资源浪费，而用户也会对控件的实际意义产生疑惑。二级标签栏，在从属内容样式的设计表达不清的时候，用户可能把这个二级标签栏看成是一个可点击的icon。根据交互的形式，在表现上可以采用中国元素来替代原有的二级标签栏、列表、按钮等等，例如古琴、文房四宝、灯笼等元素来替代二级标签中的音乐、信息、照片等功能的图标。通常可以使用具有中国元素的UI手机交互主题设计实现推广，这样的案例也随处可见。

（二）从动效设计角度分析当今互联网行业发展迅速，谷歌推出了全新的设计语言MaterialDesign，这是谷歌拿出媲美苹果的设计，也是将来界面设计的新趋势。这说明了现在的设计并不仅局限于平面的展示，也更多地趋向于动效的展示。现在的用户群体，很大程度上已经厌倦了仅仅只是扁平化的简洁设计。一些添加了交互动效的设计越来越吸引用户群体。2014年58同城的APP设计，整体风格仍然是属于大潮流的扁平化界面设计，但是在一级标签栏的切换交互上，融入了MaterialDesign的理念，在切换的过程中，增加了弹性的动效，增强了用户使用的趣味性。还有一个典型的案例就是社交软件twitter。twitter在早期的时候也是和设计整体潮流一样，采用了拟物化的设计形势。随着苹果iOS7扁平化的出现twitter也逐渐开始进行转变，但是twitter并不仅仅只是界面上的变化，在交互动效上也做出了一些改变。当用户群体看到某条推送想要点赞的时候，将鼠标hover爱心点击时，twitter有它独有的动效，增加了用户使用时的趣味。

（三）从情感化设计分析未来UI互联网行业的发展趋势是逐渐上升的，而怎样在众多UI样式中进行情感化的设计是值得我们思考的。情感化设计，在未来互联网交互设计中越来越重要。我们要设计一个符合大众情感的事物而不是把这个事物设计成一个能让用户投入情感的容器。所以目前市场上一些需要特殊皮肤的产品，例如QQ、百度输入法、QQ音乐等都属于用户群庞大、年龄层次不统一，却奢望用一款皮肤将所有的用户都吸引。即使现在很多设计观念致力于提升视觉效果，希望可以让用户群体喜爱，但设计的表现层到了一定程度就会越来越肤浅。如果将一些有文化底蕴的中国元素加入其中就能更好地提升设计的文化底蕴。在一定程度上采用一些有意义的中国元素，一方面可以宣传中国的文化，另一方面也加强了用户的情感。情感化设计近期在互联网公司的UED用户体验团队中是经常被提起的，将中国传统元素与情感化设计结合是有巨大意义的。曾经流行的复古风便是在界面中增加用户的情感体验。一个有着中国风的精致按钮能够轻松地引起用户的注意，而随后的用户行为可以是任何动作，比如点击按钮、进入等等。

（四）从用户体验角度分析在互联网产品设计中一定会涉及到两个词：“用户价值”和“用户体验”。所以在很多拥有较为完整体系的互联网公司中，往往会设立UED用户体验中心这样的部门。用户体验对于一个产品而言，首先是能用，然后是好用，最后是能给用户带来身心愉悦的感觉。例如腾讯的CDC、百度的MUX都是在用户体验上研究较为深入的典范。将中国传统元素融入新媒体是交互设计中需要重点考虑的。手机交互设计需要更多地考虑其功能及用户体验，并非满屏的中国元素就能吸引到用户，反而会造成界面的杂乱和用户体验的不佳，所以要将中国元素纳入交互设计的范围就要考虑到两方面：一是这个按钮所用元素的功能性和可识别性，二是考虑到交互性。在将中国传统元素与交互设计融合的时候，要思考其价值，并非多就是好，而是要用到该用的地方。例如在百度的MUX的一次演讲时，史玉洁曾经说过“我招了一个很厉害的设计师，需要他设计一个界面，这个设计师在很短时间就设计了一个很炫酷的界面，大家都很惊叹，但是在要使用的时候却找不到进入的按钮。当我询问那位设计师时，他很自豪地告诉我，你猜。”这是一种很可笑的行为，当你设计一款界面的时候，你是需要用户群体来使用的，如果这套界面在视觉上很惊艳，在体验上却让用户很困惑，那么这是一款失败的界面设计。

四、结语

无论是现代的市场环境导致了设计方向的改变，还是出于传承中华文化的考虑，将中国传统元素与交互设计融合都是值得研究和思考的。所以应从交互界面、动效设计、情感化设计、用户体验等多方面着手，以塑造出充满创新意义的以智能手机为代表的移动新媒体应用设计界面。

参考文献:

[1]腾讯CDC.在你身边，为你设计——腾讯的用户体验设计之道[M].北京：电子工业出版社，2013.

[2]徐延章.新闻媒体客户端的情感设计策略分析[J].青年记者，2015，(11):63-64.

作者：胡佳妮 徐延章 单位：天津师范大学美术与设计学院