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

2017-05-22 H5案例分享 H5案例分享

案例：各凭态度乘风浪

出品：网易新闻

亮点：

策划上，图文 + 视频展示类。网易新闻近日提出的全新品牌口号“个有态度”，并发布“各凭态度乘风浪”系列品牌广告，表达对年轻人的独立观点支持。案例加载完成后进入案例，首页给出案例主题“各凭态度乘风浪”，随后自动跳转内嵌视频，点击查看详细介绍，向上滑动可以查看更多精选内容，案例内有8个部分，分为故事、旅游，美食，家居，探索，二次元，科技，电影，向上滑动看可以查看编辑精选内容每日都会更新，下方有最新资讯，点击后可以跳转网易新闻APP下载界面。
设计上，案例设计十分有设计的像APP一样，可以通过滑动选择相应的内容，每个内容有自己不同的banner，都设计的很有格调。案例颜色以蓝红色调为主，蓝色为主题色，红色为logo色，辨识感强烈。
体验上，案例操作交互方式新颖，有创意，让读者感觉非常有趣。小编个人觉得每个人都是一条无法矫直的河流，每条河流都有自己的方向，没必要去羡慕别人。否定自己，在前行的方向上做好自己就可以了。

技术实现： JavaScript + Video（视频）

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

识别图中二维码

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

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

标签