首页 > H5教程 > 正文

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

转载 2019-05-24 0 276

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

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

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

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

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

亮点:

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

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

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

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

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

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

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

相关文章


  • 暑期最热IP 《楚乔传H5》手游或成下一个爆款
  • 名利双收敢玩就敢迷 51wan《武道至尊》H5游戏震撼来袭
  • 未来应用H5案例分享 快手:以你的名义,守护家乡非遗
  • 鸩杀少帝助卓为虐 快点三国H5李儒介绍
  • 爬塔三国h5最机智加点玩法 不累手懒汉爬塔法
  • 跳一跳火爆程度堪比吃鸡 H5小游戏是2018新风口?
  • 《新仙剑奇侠传H5》评测:仗剑江湖为红颜 我是十里坡剑神
  • 这是史上最逗比的两支H5,没玩过就太可惜了!