人民日报新媒体 X 中国文物交流中心 X bilibili:甲骨书信

2022-06-24 H5案例分享 H5案例分享
人民日报新媒体 X 中国文物交流中心 X bilibili:甲骨书信


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

识别图中二维码

甲骨书信-查阅二维码

完整欣赏此案例大约需要3分钟


案例:甲骨书信

品牌:人民日报新媒体 X 中国文物交流中心 X bilibili

技术实现: html5

亮点:

  1. 创意定位

文字的起源,也蕴含着文化的起源,甲骨文也许离我们很遥远,但其所要表达的人生哲理却是直至现在都可以让每个人都为之受用的,作品将甲骨文做成简短动态效果,和用户一起探索古文奥秘,学习传统知识。

 

  1. 策划逻辑

打开作品后,是一块甲骨文骨片,点击触点开始逐字解析,先浏览古文字衍生出的动图和文字表述,再在给出的三个答案中猜测哪个是与之对应的现代字,点击后,可以看到结果评判,和正确答案后蕴含的道理解析。

 

  1. 设计上

甲骨文化身小动画,加入了文字引导和拟人化效果,不再枯燥乏味和令人费解,动态图可爱萌动,引导用户猜测。焦黄色与白色两个颜色搭配,背景的龟裂效果,风沙吹过骨片等场景设置,都营造了古老时光的沉淀感。

 

  1. 体验上

每个古文字的背后都有着对自然,对人生,对生命的思考,中华文化博大精深,真的值得每个人去用心领悟,净化心灵的同时也会让人通透和积极很多。





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

标签

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

相关推荐:

天龙八部X雁门关:我在云端修长城

科大讯飞:您有一条会议邀请,请查收

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~