杭州象文科技有限公司:华数TV

2016-11-06 H5案例分享 H5案例分享
杭州象文科技有限公司:华数TV

案例:华数TV

出品:杭州象文科技有限公司

亮点:

  1. 策划上,将“华数拜年”这四个字以藏头诗的形式呈现给用户,整首诗读起来朗朗上口,辅以红色的字体凸显新年之喜,揭示单页的主旨,比如首页的“华数拜年”,以及后页的“椿”、“喜”、“福”、“和”等字,用简洁的字眼突出主题,而自己标红的字眼也满含华数对广大用户的祝福之情。
  2. 设计上,弃用浓浓中国风味的中国结、对联、门贴等常见道贺之物,而选择从水墨画入手,辅以苍劲有力的毛笔体,将浓浓的祝福清淡淡地描绘在屏幕之上。在取景方面,选用充满春天气息的桃树、映红,和新春主题遥相呼应。在绘物方面,选择了画眉,带有喜上眉梢的美好寓意,而桃树下独立的仙鹤,寓意华数希望用户“长寿”、“安康”的憧憬。在国画中,荷花、赏荷,更是一种胸怀、气度,坦然面对世事,同样是和谐、合力、团结、联合的象征。最后页的映红,在页面荡漾开,春的气息蔓延开,依稀看到满树桃花开。
  3. 体验上,页面加载流畅,不到2s的加载时间,减少了用户的跳出率。单页与单页切换之间,不存在任何卡顿情况,仿佛在翻阅一本水墨书籍。在单页上,远行的鸟儿、滑动的船只、飘落的花瓣……,给页面带来了生气,这是一个活的水墨画。
  4. 在交互上,用户点击屏幕,会有墨点特效,墨点在屏幕慢慢地荡漾开,消散在画里,好像,这幅画就是用户自己所绘一般。在页与页的切换方式上,选择了左右花滑屏的方式,更符合中老年人的操作习惯,没有多少教育成本在里面。



技术实现: 使用自主研发3D引擎制作,e3dx.js


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

识别图中二维码

华数TV-查阅二维码




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

标签

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

相关推荐:

滴滴出行:春节还没High够,不想上班怎么办?

麦当劳:给回家的路加点甜

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~