宋代点茶:藏在影视剧中的非遗文化——宋代点茶

2023-04-21 H5案例分享 H5案例分享
宋代点茶:藏在影视剧中的非遗文化——宋代点茶


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

藏在影视剧中的非遗文化——宋代点茶-查阅二维码

完整欣赏此案例大约需要5分30秒


案例:藏在影视剧中的非遗文化——宋代点茶

品牌:宋代点茶

技术实现: HTML5

亮点:

创意思维:

采用二维动画、模拟非遗工艺的制作和“十二茶器”书签设计、动态插画等多样形式,吸引用户对点茶文化的兴趣,让用户感受到点茶文化的独特魅力。

 

策划逻辑:

打开作品后,点击初始页面上的“点击进入”按钮后跳转到二维动画剧场页面,用户可点击播放动画视频,视频时间为50秒,看完视频后可向左滑动进入到模拟非遗工艺制作的部分,如果不想看完视频也可选择“点击跳过”。模拟非遗工艺制作部分的内容为传统“宋代点茶”的制作工艺,用户可根据提示,逐步完成炙茶、捣茶、碾茶、磨茶、筛茶、点茶等步骤,最后制茶成功。制茶成功后按“点击获得书签”按钮跳转到书签页,书签内容为点茶时所需的“十二茶器”,用户可自行选择自己心仪的书签样式进行保存。

 

用户体验:

利用大众所熟知的并且含有“宋代点茶”这一非遗文化的影视剧的剧情内容作为二维动画剧场的剧情,既能唤醒用户关于“宋代点茶”的记忆,增加用户的熟悉感,拉近用户与作品之间的距离,还能提高用户的兴趣和留存率。

 

模拟点茶工艺的制作部分,不仅是传统点茶工艺的展示,用户还可以根据页面提示做出点击、拖动等动作,让自己也参与到点茶的过程中去。这样不仅可以增强作品的交互性,还可以增强用户的参与感和体验感,让用户在游戏中感受到点茶文化的魅力与内涵,从而引起对传统文化的兴趣,主动去深入了解该文化内容。

 

用户在完成点茶的制作后,可以获得点茶“十二茶器”书签。用户可以任意选择某款书签样式进行保存。书签页的设置不仅可以让用户留作纪念,还可以在一定程度上传播点茶文化的内容。

 

设计风格:

手绘动画、动态插画以及作品中的元素的风格较为卡通,画面色调偏暗黄。作品封面,书签页背景偏翠绿色,风格较为清新,烘托出茶气茶香的氛围。书签为棕色调,体现传统文化的古色古韵。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

ONIX:Are you a noisy neighbor ?

腾讯 × 北京市文物局:北京中轴线,申遗有我

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~