以故宫文化为设计元素的H5交互设计研究

摘要：故宫作为我国古老的传统建筑群，其深厚的文化底蕴更是我国历史文化的承载者。随着数字时代的到来，新媒体传播以其快速便捷，群众化，互动化的方式成为人们获取文化知识的重要途径。故宫博物院利用新媒体传播结合自己的文化特色走出了属于自己的传播风格，通过对故宫文化设计元素的转化，其“卖萌”接地气的形象打破了传统的刻板印象，在年轻人群中广泛传播。H5作品以交互方式双向化，信息载体多样化，传播方式多元化的优势，在各种新媒体平台中传播使用。H5新媒体传播方式的“新”与故宫传统文化的“旧”完美融合，形成了既有传统又有新鲜活力的视觉享受。

关键词：故宫文化;新媒体传播;H5交互设计

信息社会不断发展，故宫博物院的传统形象在新媒体出现后发生了巨大的变化，故宫博物院积极利用传统媒体的权威优势与新媒体的传播优势的结合，使其新的媒介形象。[1]故宫文化设计元素在H5新媒体平台下从网络语言的表达、VR全景叙事故事化演绎和人物形象的呆萌化设计重塑了故宫形象。

一、H5交互设计中现代网络语言的表达

由今日头条和《上新了，故宫》联合推出的《看故宫新雪，创新国风》的H5交互设计，浏览完成大约需要3分钟。在这一款带有游戏玩趣的H5交互设计中，通过“找雪人”的方式增强观众阅读动力，通过向右滑动的控件操作推动整个画面的叙事。整个情景故事发生在戊戌年冬的下雪天，人物关系是故宫里淘气的阿哥和太监，由“雪人”为关系链，观众作为第三参与者帮助宫中的太监找到21个雪人来完成任务。整个H5设计中交互控件通过“开始寻找—向右滑动长图—点击集齐雪人”的提示按钮或图案来完成。这一操作流程是整个H5设计中的框架结构。设计中以今日头条的图案元素和弹出话题框的形式承担整个设计的核心内容呈现。长图滑动到哪里就会弹出“今日头条”页面板块图和聊天对话框，对话框谈论的内容也就是整个设计的亮点部分，使用调侃、新潮的网络语言，为整个画面增加了活泼气氛。如：“进出故宫需要人脸识别”“人脸识别还真是先进”。顺应当下科技进步的潮流使用“刷脸”功能进入宫门。“看哥的冰上速度与激情”阿哥们引用了电影《速度与激情》的潮流用语。娘娘T台摆“poss”说“别挡着我的T台C位”。在“动漫嘉年华堆雪人”的部分更是“前方高能，充满抛瓦（Power）”的潮流加油打气语。宫女们聚在一起“组团买买买”。卖糖葫芦的小孩更是手拿支付二维码“再也不用揣着银两了”。在以娱乐的方式集齐21个雪人的过程中，轻松调侃的“聊天”更是增添了几分活跃。（如图1、如图2）

图1《看故宫新雪，创新国风》故宫刷脸进入宫门截图

图2《看故宫新雪，创新国风》“找雪人”截图

在这个网络时代，网络用语的大多时候在年轻人当中使用，拥有悠久历史文化的故宫也化身为“年轻人”，语言活泼，气氛轻松，自然就拉近了故宫与年轻群众的距离，网络用语的众多表达与传播也就成为一种潮流趋势。故宫博物院的亲民不仅体现在趣味性上，还体现在叙事中所饱含的人文情怀。[2]人们即可以看看到“宫猫记”“童趣故宫”等轻松可爱的话题，也可以读到“紫藤挂云木，花蔓宜阳春”“一片春心付海棠”的故宫花事…亲民而又不失高雅的传播风格满足了不同阶层、不同人群的差异化文化需求。

二、VR视觉特效下叙事故事化演绎探秘故宫文物

故宫有着深厚的历史文化内涵，故宫博物院用叙事故事的方式让大众了解故宫文化，在新媒体环境下增加故事的趣味性和可读性。故宫博物院原院长单霁翔说“文物必须火起来，他才有尊严”在给故宫文化新媒体平台的传播中，VR先进技术的使用案例有很多，2017年，故宫推出了“朱棣建造紫禁城”的VR沉浸式项目，借助VR先进技术，观众便可身临其境，感受实景带给的真实感和奇幻感。（如图3、图4）

图3" " " " " " " "图4

《我在故宫遇见一件奇怪的事》截图

《我在故宫遇见一件奇怪的事》H5设计作品由小米手机出品，画面色调偏暗，有着古物修复室的环境气息，作品内容以叙事性结构第一人称展开，第一页加载页文字逐渐出现：我在故宫里修复了20年文物，从来没有遇到过这样的奇书…画面由台灯光束照亮一本书，使观众眼睛聚焦到这一神奇的物件中，点击提示“待我细细查看”进入故事核心部分，提示语“好奇怪哪里来的风，难道不想让我发现这个秘密”书页的残碎片被风吹走的动态效果会把视觉焦点带到VR全景中，提示“转动手机，找到书页残片，点击收集”。这时将手机垂直并左右旋转画面就会看到古籍文物修复室的三维空间，书页的碎片分布在各个角落。

故宫博物院郭珽曾经说，“在开始新媒体宣传故宫文化的前期，整个团队对历史方面不是很专业，于是就请专家老师用叙事的方式讲出来，用故事化的方式改写出来，这样就很接地气”。可见故事叙述在新媒体传播中的中重要性，同时对于像这样故宫老牌文化也是传播方式的变革，从内容上贴近群众，贴近人群。新媒体用讲故事的方式取代传统说教，为历史添加可读性，增添群众对传统文化的喜爱。2016年纪录片《我在故宫修文物》以其叙事性的表达，对故宫文物和修复文物的工匠师傅们进行了创新性的构建，从根本上注入了人文气息，诠释了大众所不知的温暖一面。可见故事性叙事是故宫文化在新媒体传播的重要手段。

三、人物形象的青春呆萌化设计

故宫曾经是帝王圣地，象征着无上皇权及苛刻的规章纪律，而故宫博物院为文化传播分享交流的博物馆，庄严肃穆的形象在新媒体传播中慢慢发生了转变，最明显的一点就在于青春“萌”化的形象，让大家眼前一亮，刷新了故宫在大众心中的刻板印象，以强烈的反差萌形象给大众带来了一种撞击感。[3]

《你会化身哪个脊兽建造紫禁城》H5设计美术风格呆萌可爱的测试题，故宫庄重威严的脊兽形象卡通化后活泼可爱，打破了概念中神兽的威猛形象。片头的三维动画形象生动，场景中设计元素简明，色调温暖。脊兽卡通形象依次出现，文字提示以强化脊兽形象的内涵，“在故宫有一群神秘宫匠-脊兽，他们有不同的超能力，镇水避火，降魔除障，他们各司其职，筑造紫禁城六百年以来的一砖一瓦”由脊兽为主角的三维卡通片进入H5的核心测试题部分，一共5个测试题，推测出参与者的性格更适合化身为哪一种脊兽来保护故宫。（如图5）

图5 H5交互设计《你会化身哪个脊兽建造紫禁城》

框架结构图

故宫作为中国古代建筑的集大成者，一砖一瓦都值得考究，脊兽的设计更是达到了巅峰，凝聚了深厚的文化内涵和艺术思想。故宫建筑里最接近天宫和太阳的是屋脊，不仅仅是建筑结构更是被赋予了神圣的意义，脊兽的出现使本来笨拙的功能结构，成为整个建筑物美丽的冠冕。[4]在《你会化身哪个脊兽建造紫禁城》H5设计中形象可爱具有亲和力，符合故宫文化在新媒体传播中的亲民化的特点，并且在整个H5设计中起到了风格定位的作用，在后面的测试题的文字表述上以亲和可爱的口吻提问，其中三维人物角色形象设计呆萌内

页

页

敛。与以往写实的故宫文化设计风格略有不同，使用第二人称让观众巧妙的进入建造紫禁城的角色中。（如图6、图7）

图6" " " " " " nbsp; " " "图7

H5交互设计《你会化身哪个脊兽建造紫禁城》截图

新媒体技术和传统文化的结合形成了动态和静态相结合，娱乐互动参与的特点，吸引了更多的年轻人群对传统文化的关注和创新，故宫似乎找到了一种恰当的方式，把文物、古建筑和传统文化的精髓用合适的语言和表达传递给了当下观众，在新媒体潮流的环境下，故宫通过微博、出品APP、记录影像以及文创产品的开发等更直观更亲民的方式，诠释了故宫文化和新媒体平台相互促进，相辅相成的一面。中华文明优秀的传统文化的传承需要不断拓展思路，不断地创新，并探索更多的发扬传统文化的新方式。让更多的传统文化走出固有的刻板印象模式，展现新时代背景下中华文化的青春魅力。

参考文献：

[1]孙铭.故宫博物院在新媒体环境下的媒介形象建构研究

[D].北京邮电大学，2019：36.

[2]万韵菲，詹秦川.融媒环境下故宫文化传播的策略分析[J]

.出版广角，2018（21）：70-72.

[3]孙铭.故宫博物院在新媒体环境下的媒介形象建构研究

[D].北京邮电大学，2019：41.

[4]徐凡，钱皓，王一珉.论北京故宫建筑中脊兽的特点及文

化内涵[J].工业设计，2017（10）：83-84.