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

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


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

识别图中二维码

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

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


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

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

亮点:

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



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



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

标签

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

相关推荐:

人民日报:你有一份来自总理的神秘快递

人民日报:一张必须寄出的明信片

10个案例了解H5之图片合成

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

方式一:

通过H5案例提交小助手(微信小程序)
微信扫描下方二维码进入,进行投稿

方式二:

在电脑端,进入H5案例发布界面,自己编写

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~