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

2022-06-24 H5案例分享 H5案例分享

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

识别图中二维码

甲骨书信-查阅二维码

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

案例：甲骨书信

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

技术实现： html5

亮点：

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

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

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

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

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

标签