中国传统文化元素在交互界面设计中的应用研究

朱爽蕾

（天津工艺美术职业学院,天津 300250）

一、交互界面设计的发展

交互界面是一门研究用户交互体验的新学科，它产生于20世纪80年代的美国。虽然它的发展只有短短几十年，但已经深深地浸入到我们生活的方方面面，不断改变着生活方式。自从台式机的出现，人们就在不断探索进行更有效的人机交互。

当今的信息时代，网络信息化的快速发展，使我们生活中充斥着大量的信息。一方面，我们可以从无限的信息中心获得所需的资源。另一方面，由于信息泛滥使得人们为之困扰。人们逐渐意识到要想更好地进行人机沟通，不仅仅是凭借界面设计的美观性，更重要的是如何使信息沟通更加快捷、准确，人们能够快速准确地接收、理解并使用信息。因为人机交互界面以视觉传播为主，所以信息可视化应用和研究受到广泛关注。

我国交互设计理论研究起步较晚，相对落后。早期只有知名设计公司及IT企业相继设置了交互设计的相关小型机构，其研究成果甚微，无法与国外相关研究机构相比。近年来，由于我国通信互联网行业的发展，智能手机、平板电脑、智能家电等互联设备的广泛应用，使交互设计行业得到了很大的发展。在广东、北京、上海相继成立了创新工场、青蛙设计、洛可可等交互设计机构，广东省工业设计协会于2010年率先成立了交互设计委员会。使交互界面设计行业迅速得到发展。

目前国内大部分交互界面设计都存在抄袭国外设计作品的现象，众多的交互界面设计作品只是千篇一律。能够体现中国文化，运用中国元素设计的产品更是少之又少。将祖国传统文化植根于现代交互界面设计中是我们应该研究的重要课题。通过对中国传统文化元素的挖掘和分析，探索在交互界面设计领域如何继承中国传统文化的途径，提出新的设计方式，提升中国本土交互设计地位的设计作品才能够唤起大众对中国传统文化的关注与喜爱。

二、中国文化元素应用于交互设计中的意义

中国文化具有中华几千年来的文明积累，博大精深，为我们的设计提供了丰富的资源。由于中国的民族多样性，中华文化也汇集了多民族多地域特征的文化符号。将这些文化符号应用于界面交互设计中，有助于形成具有中国文化特色的界面形象。

此外，由于交互界面应用于互联网，可借助网络以新媒体的形式被广泛传播。再将中国元素与国际流行设计趋势有效结合，可使受众易于接受。

三、中国元素在交互界面设计中的应用原则

（一）中国元素的运用要与时代背景相融合

多媒体界面设计是将设计的美观性、交互性、趣味性、情节性于一体的综合性设计过程。其出发点是以用户为核心。一味地追求中国元素的传承，而没有契合现代人的审美趣味，也难以被受众所接受。多媒体界面设计势必要将传统文化元素加以变革，与现代审美相结合，才能使人喜闻乐见。

（二）运用中国元素要有选择性的创新

交互界面设计的创新过程不是简单的照搬照抄。而是能够将符合时代发展、体现地域民族特征、展示传统文化的元素，与传统和现代的设计语言相融合。深入研究中国传统视觉特征与现代的生活方式、使用习惯、情感特征等，找到它与界面设计的契合点并加以拓展、延伸，将交互界面设计风格赋予中国特色和现代审美相融合。

（三）运用中国元素要注重艺术性的体现

虽然多媒体界面交互设计集设计艺术、美学、社会学、传播学、人机工程等多门学科基于一体，但它具有自身的结构体系。受众在使用交互设计产品时的感受和评价决定了交互设计作品是否成功，是否较其他交互设计作品更具感染力和吸引力，是否更好地体现界面的交互性，是否具有更好地亲和力，使人赏心悦目。

总之，中国传统元素应用于交互界面设计中，不是简单地拿来照搬，而是要在符合人机交互、操作逻辑、界面美观的基础上，对中国传统图案元素进行分解重构，与现代国际流行的扁平化设计风格相结合，才能设计出具有中国特色的界面交互设计作品。

四、如何将中国元素应用于交互界面设计中

（一）戏曲脸谱元素的开发

戏曲脸谱是舞台演出时的化妆造型，是根据人物的性格、身份特征绘制在演员脸上的绘画。脸谱根据不同的行当，面部妆容不一。一般“生”“旦”妆容略简单。而“净”与“丑”面部绘画比较复杂，我们所说的京剧脸谱一般指“净”的面部绘画。以戏曲脸谱造型为基本元素，进行交互界面设计能够展现我国戏曲独特的文化特色。

以戏曲脸谱元素的界面图标设计为例。此作品对众多脸谱纹饰进行提炼，视觉流程清晰，尺寸比例规范，界面设计简洁。戏曲脸谱的图形和色彩恰当融合，加以干净利落的边界处理，平涂的方式，融合了现代的扁平化设计风格。该界面基于苹果IOS10系统规范设计，界面分为Icon图标设计，锁屏界面设计、主屏幕设计、Widget页面设计、信息页面设计、联系人及联系人详情页设计。其中icon图标设计，外轮廓使用了卡片的表现形式，以戏曲纹样整理提炼后作为基础图形，将功能图标（电话、时钟、天气、信件等）放置于基础图形的顶层，有利于用户对图标功能性的识别。脸谱图标色彩搭配取材于传统戏曲脸谱中的红忠、白奸、黑直、蓝刚、绿翠、黄残、杂奇等配色，展现不同浓郁的戏曲色彩风格。戏曲脸谱的图案以植物、动物、星辰符号、线条及几何纹样等元素构成。界面的壁纸以数字绘画的方式呈现，别具风格。戏曲脸谱元素的交互界面设计将戏曲脸谱的图形元素提炼重构，将古老的戏曲脸谱艺术，加以与多媒体界面的重构设计，使得将中国传统脸谱艺术以新的设计方式展现出来，给人耳目一新的视觉体验。

（二）传统建筑元素的开发

榫卯是无须任何五金件或胶水，通过各种嵌套结构就可以把木制零件牢牢固定在一起的工艺，是中国古代建筑、家具及其他器械的主要结构方式，是中国传统建筑与家具工艺中的精髓，体现了中国古代文化的智慧。由于这种工艺面临失传，因此这款《榫卯》移动应用作品的开发非常有意义。它可以使用户通过移动端，用手指轻轻滑动屏幕就可以充分了解榫卯结构。实现了木工设计师关于榫卯的梦想。体现了一隼一卯，生生世世的传统魅力。

榫卯这款应用的设计充分运用了现代的技术手段与古朴的设计风格相融合，巧工妙思，简约古朴，精美绝伦。首页以三维模型的方式展示了27种榫卯结构，背景以淡灰色光晕效果衬托了榫缪结构的精美。用户通过点击屏幕来展开每款榫缪结构，还可进行旋转、拆解等操作，观察榫缪的结构组成。直观有趣、易于理解。通过点击左上侧菜单导航可进入《榫卯》知识部分。界面分别为木、器、漆、史等四个方面介绍了木料、制作榫卯的工具和榫卯的历史等很多与榫卯相关的木工知识。界面设计以淡灰光晕为背景加以相关椭圆形图片，下面配楷书文字，简约具有浓郁的书卷气。

“匠木”是泰格忧思在“榫缪”基础上开发的国粹游戏，意在延续榫缪的成果，让大家更多地去了解榫卯结构这一传承千年的文化。也是目前市场上为数不多的国粹游戏,充分展现了古代文化。让玩家尽情地发挥自己的脑洞和想象力，在玩游戏的同时还能学习，玩法很有创新。更多乐趣在于玩家之间的DIY，于好友之间进行出题，切磋。

匠木的界面设计及布局较榫缪更为精致，设计风格展现了浓郁的中国风。打开开始界面中国红背景映入眼帘，随之从左上角徐徐飘来片片丁香花瓣，伴随着鸟鸣声金黄色的木质榫缪结构图形缓缓出现，上面雕刻着游戏主题“匠木”两字。中国特色浓郁，鸟语花香，清新自然。主界面设计以倒映在宫墙上的竹影为背景，画面中心有一个圆形的窗棂。用手滑动屏幕分别移出画轴、黄铜钥匙、雕刻工具、青铜鼎等图形，同时代表着修行、馆藏、切磋、成就等不同主题。以婉转低沉的古筝琴音为背景音乐，优美动听使人思绪宁静，回味绵长。图形移出伴随着动画和音效，增加了界面的交互性，给玩家良好的操作体验。在悠扬的琴声中点击画面进入主题，一幅画轴“唰”的一声在面前展开，滑动画轴，不同的榫缪家具样式呈现出来，需要玩家一步步地通关进行内容的解锁。游戏设计也是以3D模型的形式，木材结构可旋转。通过对材料的切割和对接，完成不同阶段的任务。这款游戏获得了不少的奖项，受到了玩家的广泛好评。

（三）民间艺术元素的开发

中国民间艺术的发展主要是由社会底层的普通劳动者创造出来的，是通过实际生活日积月累的民俗文化现象。以民俗文化和社会习俗的视觉形象为载体，内容主要表现人民日常生活、节日风俗、民间宗教信仰及巫术等内容。民间艺术内容丰富，风格多样，其中的故事情和表现方式也堪称经典。杨柳青年画作为中国北方民间艺术的代表，具有独特而鲜明的地域特征和文化特征。杨柳青年画的主要内容包括民间风俗、历史故事、戏曲人物、娃娃、仕女、花卉、山水等。

交互界面设计作品《年画那些事儿》是本文作者于2016年创作的交互界面设计作品。主要介绍了杨柳青年画的历史起源、制作工艺、历史沿革等内容。对于拥有悠久历史的杨柳青年画艺术，短短十几页的篇幅是不能够全方位展示的。只能在有限的空间内对杨柳青年画做一个简单介绍，对流传最广泛最典型的画作进行展现。

五、结语

中国传统文化元素承载着中华民族的精神内涵。将中国五千年的历史文化元素运用到多媒体界面设计中，要很好地把握中国传统文化的精神与内涵，同时与国际流行设计方式思路很好的融合。创造出具有中国特色的多媒体界面设计风格是我们中国设计师的历史使命和任务。我们要将中华精神与多媒体界面设计更好地融合，创作出具有中国特色的多媒体界面设计作品，让中国风在世界流行起来！