网易新闻:各凭态度乘风浪

2017-05-22 H5案例分享 H5案例分享
网易新闻:各凭态度乘风浪

案例:各凭态度乘风浪

出品:网易新闻

亮点:

  1. 策划上,图文 + 视频展示类。网易新闻近日提出的全新品牌口号“个有态度”,并发布“各凭态度乘风浪”系列品牌广告,表达对年轻人的独立观点支持。案例加载完成后进入案例,首页给出案例主题“各凭态度乘风浪”,随后自动跳转内嵌视频,点击查看详细介绍,向上滑动可以查看更多精选内容,案例内有8个部分,分为故事、旅游,美食,家居,探索,二次元,科技,电影,向上滑动看可以查看编辑精选内容每日都会更新,下方有最新资讯,点击后可以跳转网易新闻APP下载界面。

     

  2. 设计上,案例设计十分有设计的像APP一样,可以通过滑动选择相应的内容,每个内容有自己不同的banner,都设计的很有格调。案例颜色以蓝红色调为主,蓝色为主题色,红色为logo色,辨识感强烈。

     

  3. 体验上,案例操作交互方式新颖,有创意,让读者感觉非常有趣。小编个人觉得每个人都是一条无法矫直的河流,每条河流都有自己的方向,没必要去羡慕别人。否定自己,在前行的方向上做好自己就可以了。



技术实现: JavaScript + Video(视频)


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

识别图中二维码

各凭态度乘风浪-查阅二维码




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

标签

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

相关推荐:

网易新闻:各凭态度乘风浪

网易新闻 X 北京现代:2017母亲节-时光流转

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~