宋代点茶:藏在影视剧中的非遗文化——宋代点茶
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要5分30秒
案例:藏在影视剧中的非遗文化——宋代点茶
品牌:宋代点茶
技术实现: HTML5
亮点:
创意思维:
采用二维动画、模拟非遗工艺的制作和“十二茶器”书签设计、动态插画等多样形式,吸引用户对点茶文化的兴趣,让用户感受到点茶文化的独特魅力。
策划逻辑:
打开作品后,点击初始页面上的“点击进入”按钮后跳转到二维动画剧场页面,用户可点击播放动画视频,视频时间为50秒,看完视频后可向左滑动进入到模拟非遗工艺制作的部分,如果不想看完视频也可选择“点击跳过”。模拟非遗工艺制作部分的内容为传统“宋代点茶”的制作工艺,用户可根据提示,逐步完成炙茶、捣茶、碾茶、磨茶、筛茶、点茶等步骤,最后制茶成功。制茶成功后按“点击获得书签”按钮跳转到书签页,书签内容为点茶时所需的“十二茶器”,用户可自行选择自己心仪的书签样式进行保存。
用户体验:
利用大众所熟知的并且含有“宋代点茶”这一非遗文化的影视剧的剧情内容作为二维动画剧场的剧情,既能唤醒用户关于“宋代点茶”的记忆,增加用户的熟悉感,拉近用户与作品之间的距离,还能提高用户的兴趣和留存率。
模拟点茶工艺的制作部分,不仅是传统点茶工艺的展示,用户还可以根据页面提示做出点击、拖动等动作,让自己也参与到点茶的过程中去。这样不仅可以增强作品的交互性,还可以增强用户的参与感和体验感,让用户在游戏中感受到点茶文化的魅力与内涵,从而引起对传统文化的兴趣,主动去深入了解该文化内容。
用户在完成点茶的制作后,可以获得点茶“十二茶器”书签。用户可以任意选择某款书签样式进行保存。书签页的设置不仅可以让用户留作纪念,还可以在一定程度上传播点茶文化的内容。
设计风格:
手绘动画、动态插画以及作品中的元素的风格较为卡通,画面色调偏暗黄。作品封面,书签页背景偏翠绿色,风格较为清新,烘托出茶气茶香的氛围。书签为棕色调,体现传统文化的古色古韵。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号