人民日报&&网易有道词典：以你之名，守护汉字

2018-02-23 H5案例分享 H5案例分享

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

识别图中二维码

以你之名，守护汉字-查阅二维码

完整欣赏此案例大约需要1分45秒

案例：以你之名，守护汉字

出品：人民日报&&网易有道词典

亮点：

策划上，视频类，Loading完毕，进入一段54秒的视频，视频为我们展现了浩瀚的文化星河中，中国汉字的历史以及现状。面对不断陨落消失的文字，守护濒危汉字，守护文化星河至关重要。视频结束，引导用户输入自己的名字，匹配相应的濒危汉字，同时介绍了该汉字的生成时间及释义。
设计上，整个页面以浩瀚星空为背景，简约大气；背景音乐与内容相得益彰。同时当用户体验时，可以跳过视频，直接进入输入姓名匹配文字阶段，比较人性化。
交互上，需要用户输入自己的姓名，之后匹配相应的文字。
技术上，使用canvas实现了亮点汇聚成文字的特效。
体验上，小五的朋友圈最近被这个H5刷屏了，朋友们纷纷亮出自己的“汉字守护者”身份，输入名字便可以匹配一个文字，其中大多属于濒危文字。汉字在中华民族的发展史上起着重要作用，推动着人类文明的进步。在如今这个提笔忘字的大环境下，唤醒人们对于文字的重视很有必要，这个H5很有意义。

技术实现： zepto.js+video+canvas

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

标签