【H5案例分享】人民日报&&网易有道词典:以你之名,守护汉字

【H5案例分享】人民日报&&网易有道词典:以你之名,守护汉字
2018年02月23日 11:41 H5案例分享

案例链接:http://shared.youdao.com/market/xmdh/163.html

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

案例:以你之名,守护汉字

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

亮点:

  1. 策划上,视频类,Loading完毕,进入一段54秒的视频,视频为我们展现了浩瀚的文化星河中,中国汉字的历史以及现状。面对不断陨落消失的文字,守护濒危汉字,守护文化星河至关重要。视频结束,引导用户输入自己的名字,匹配相应的濒危汉字,同时介绍了该汉字的生成时间及释义。

  2. 设计上,整个页面以浩瀚星空为背景,简约大气;背景音乐与内容相得益彰。同时当用户体验时,可以跳过视频,直接进入输入姓名匹配文字阶段,比较人性化。

  3. 交互上,需要用户输入自己的姓名,之后匹配相应的文字。

  4. 技术上,使用canvas实现了亮点汇聚成文字的特效。

  5. 体验上,小五的朋友圈最近被这个H5刷屏了,朋友们纷纷亮出自己的“汉字守护者”身份,输入名字便可以匹配一个文字,其中大多属于濒危文字。汉字在中华民族的发展史上起着重要作用,推动着人类文明的进步。在如今这个提笔忘字的大环境下,唤醒人们对于文字的重视很有必要,这个H5很有意义。

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

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部