UC头条:字字戳心

2017-01-05 H5案例分享 H5案例分享
UC头条:字字戳心

案例:字字戳心

出品:UC头条

亮点:

  1. 策划上,图文展示类案例, 回顾2016年沸腾的科技图,通过8个字介绍8个16年科技热点新闻如:“网络直播”、“三星爆炸”、“网盘关停、黑莓停产”、“魏则西事件”、“滴滴优步合并”、“巴铁事件”、“共享单车、外卖事件”、“o2o、资本寒冬”事件。最后会向读者发问2017年哪一个字,或者读者输入自己认为的关键字。

     

  2. 设计上,采用上图下字的排版方式,采用黑白灰三色为主要颜色,烘染整个案例气氛,在阅读数上使用黄色可以聚焦读者关注点,也表明为重点展示,每个字都做了设计让画面更加丰富,不单调。

     

  3. 体验上,背景音乐使用的十分有冲击力,就像是锤子一样深深的敲打在读者的心房。



技术实现: CSS3(Animation)


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

识别图中二维码

字字戳心-查阅二维码




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

标签

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

相关推荐:

UC头条:什么才是你想要的生活?

移动端touch事件判断滑屏手势的方向

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~