汉服推广的交互设计研究

陈璐怡等

摘要：汉服是华夏文明的杰出代表，但因推广方式的单调，难以吸引大众的重视，该文以计算机多媒体技术为背景，以交互软件的形式，对各类软件和技术的综合创新使用进行了研究，希望此种方式能更多地应用到文化宣传的推广当中，对更多有志于传统文化推广和创新理念的技术爱好者有借鉴意义和参考价值。

关键词：技术创新；汉服推广；交互软件

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2015）14-0183-02

1研究目的

1.1多媒体交互软件背景及其应用现状

目前，在以计算机为代表的多媒体技术不断发展、运用的过程中，人机交互技术越来越受大众的青睐。[1]多媒体交互技术作为现代生活中不可缺少的交流技术及使用方法，具备了查询便捷、适用范围广的特点。传统的纸质书籍和口口相传等方式已经无法满足当今社会的需要，而信息量巨大的多媒体技术是全面了解某类知识的最好选择。尽管图片、音频、动画及幻灯片等展示手段日趋成熟，然而多媒体交互形式的文化类软件相对较少，但具有良好的发展趋势。随着技术的整合和不断地创新，多媒体交互技术将带来更多的惊喜。

1.2汉服背景及其推广现况

汉服是汉民族的传统民族服饰，是从黄帝开始到明末，以汉族的礼仪文化为基础，具有独特华夏民族文化风貌性格的服装体系，传承了二十多项国家级非物质文化遗产，体现了锦绣中华的美誉，并影响了整个汉字文化圈。清初，满族统治者执行剃发易服政策，汉服因此从汉人日常生活中渐渐消失。当代，随着新一代青年对文化的反思和对传统文化之根的找寻，汉服复兴的队伍不断庞大。但是，汉服的推广方式仍限于口口相传、纸质交流以及“同袍”聚会等形式，这使得汉服文化宣传并没有得到有效的传播。[2]

1.3现存问题与创新点

由于方式单调，大众审美疲劳，汉服推广普遍呈现不受重视、普及率低的问题。为改变此现象，本文从计算机多媒体角度入手，改善交互技术较少应用于文化宣传的现况，多角度调动观众观感，重新唤起兴趣，以达到宣传汉服的显著性效果，同时为推广传统文化提供一个可行的操作方向。

在作品中，两本电子书图文并茂地介绍了汉服知识，有精细的界面布局，也有为解决兼容性、插件混乱等问题的技术创新；问答环节则充分融合了知识与技术；而将传统的纸面拼图变成计算机可控的游戏环节展现了强大的交互性；同时，作品中的所有模块和主界面并非孤立，而是有段综合的意境，将整个作品及画面贯穿其中，描绘并展现汉服之韵。

2技术支持及创新

2.1采用Director开发交互式软件，展示汉服文化

2.1.1交互特色

Director主要用于多媒体项目的集成开发，基于此，本文研究包含了多种交互形式和特点的多媒体软件，以达到更好的汉服推广效果。

该作品采用了大量交互手段，使用最多的是“掠过时改变光标”和“掠过时改变演员”，主要功能是光标掠过指定控件时会变成手掌图案，表明该控件是可点击的；或会变成指定大小和内容的图案，富有视觉变换的效果。主界面中，光标掠过文字就会产生音效；掠过五个“卷轴”会出现音效和颜色变化，可点击进入不同的版块。类似的交互特点贯穿了整个作品，表现了作品对观众的友好性，从而让观众更喜欢该作品，达到汉服的宣传效果。[3]

除此以外，在“属性检查器”中的“精灵”选项中，可以根据需求来改变导入的图片的大小、背景色、颜色、旋转以及许多实用的特殊效果。作品主要使用了Copy（不对图片进行任何改变）和Background Transparent（图片背景透明）等功能，来变换图片或背景，使之更好地融入作品中。

2.1.2拼图游戏

拼图游戏作为兼具娱乐和教育双层意义的版块，既承接了前几个模块的“知识轰炸”，让观众能在活泼欢快的背景音乐中得到放松休息，还能使他们在轻松的游戏中不知不觉地加强对汉服的印象，从而达到汉服宣传的效果。

除此之外，在实际操作中，创新的技术代码解决了初始的随机打乱图片的问题、图片“自动贴合”的问题以及“再来一次”的操作等。最终，拼图可实现的功能有：当观众进入界面时，九张图片在指定位置随机打乱，由观众移动图片放入“九宫格”。如果移动的位置正确，则图片会与正确的位置自动“贴合”；如果移动错误，则该图片会自动弹回初始的位置，同时剩余的机会次数减少一次。当剩余机会用完时，页面中会显示“拼图失败”的字样；而当全部图片都拼正确时，则会显示“拼图成功”的字样。这些交互效果和自动识别弹出评语等特色都增加了对观众的友好性。

2.2采用翻页Flash相册多彩版制作电子书

翻页电子书作为展现内涵和价值观的核心部分，总体内容上呈现精炼、简洁、易懂的特点；在具体操作上，也展现了独特的优点：只需轻轻点击，就能执行翻页功能，使用极为简单、便捷。为实现整个电子书与众不同的推广形式，电子书主要聚集在四个方面：确保有效的传达翻页电子书所含内容、符合人的视觉心理和生理特点、抓住受众关注点突出主要信息和保持视觉引导的节奏感和流畅感。因此选择了极易上手的“翻页Flash相册多彩版”。[4]

该软件制作过程尤为简单，只需将图片导入软件进行排版即可。相比其他电子书制作软件，如有益文书、e书工厂、软景HTML而言，该软件操作简单，直接就拥有翻页的效果，且封面与封底都能被读者翻看到，与实体书有着近乎相似的功能和外观。为避免导出的电子书像素较低（直接在Director中排版，用HyperSnap7软件进行截图后导入该软件，形成电子书的方法）影响美观，最终采取了另一种制作方法，即通过在Photoshop软件中编辑文字或图片等，同时进行整个页面的布局排版，形成“一页”完整的图片，然后再导入进“翻页Flash相册多彩版”中进行最终的合成。

2.3整体内涵创意及综合技术的使用创新

相比于大多数多媒体作品时常将作品中的不同版块切割孤立，造成衔接不当，笔者采用了一段综合的意境，贯穿了整个作品：（主界面）秋日落叶纷纷，草地上铺一红绸，翻阅竹简，汉服之旅便在这悠扬琴声中遥遥开启。思绪飘至江南，乘舟轻荡，推开竹窗，美景如画，窗前两册《汉服小引》、《汉服形制》供人随意翻阅。（汉服展望）抬眼窗棂，汉服推广的历史价值和现今状况跃然眼前。（拼图游戏）休憩片刻，窗前游戏一局。嬉戏不止，乐声不停。（结尾界面）思绪飘回，摊开古画，三位作者的对话晕染在纸上，呼吁大家关注汉服、保护传统文化。

除此以外，作品将汉服上的花纹单独提取出来（凤凰和花瓣），用剪纸镂空的艺术效果制成图标，同时染上不同的色彩加以区分，最后利用颜色变换的方式制成交互效果。并且，作品的每一个环节都有背景音乐或音效：主界面为《古刹幽境》，将观众带进汉服的世界；汉服展望为《淡黄柳》，渲染轻松却不失严肃的氛围；拼图游戏为《湘妃竹》，使观众沉浸在游戏中；结尾则为《阳关三叠》，展现汉服韵味。

另外，整个作品还综合运用了多种不同类型的软件，如针对图片的Photoshop、制作动画的Flash、调整音效的Audition等，不仅突破了传统交互软件只实现鼠标的交互操作，还充分融入了听觉、触觉、视觉的多重感官效果，还将每一部分以其更适合的方式进行了展示和推广，美化了作品的同时提升了艺术观赏性。

3视觉呈现

以下为作品的成品展示效果图：

4总结与展望

从周秦汉魏到隋唐宋明，汉服绵延千年、一脉相承。但如今人们不假思索地将其称为古装，或质疑为日韩服饰，这种隔阂的背后是巨大的文化断层。所幸，新一代的青年对自身文化的反思和对传统文化之根的找寻使汉服逐渐被找回。

笔者以此为基础创作的多媒体交互作品《走进汉服——汉族传统文化》获得了2014年全国大学生计算机设计大赛的二等奖，在观众中起到了一定的宣传效果。笔者对该作品继续修改，定名为《华夏霓裳》，同时参与2014大学生创新活动计划立项，希望通过计算机多媒体软件的形式，更好地展现汉服之美，呼吁大家关注并保护汉服，传承华夏文化。

最后，笔者希望该作品能得到更多的喜爱和宣传，期望本文能激发更多有志之士的创意，从汉服开始，以此种全新的多媒体形式来推广各类文化，让人们沐浴在民族文化之中！

参考文献：

[1] 吴瑜.人机交互设计界面问题研究[D].武汉理工大学，2004.

[2] 鲍怀敏.汉民族服饰文化复兴研究[D].山东大学，2010.

[3] 宋翔.基于Director动画创作技术研究[D].现代电子技术，2011.

[4] 张莉.电子图书的界面设计与应用[D].河北科技大学，2011.