网易新闻：各凭态度乘风浪
案例：各凭态度乘风浪
出品：网易新闻
亮点：
- 策划上，动画+文字展示。网易新闻近日提出的全新品牌口号“各有态度”，并发布“各凭态度乘风浪”系列品牌广告，表达对年轻人的独立观点的支持。Loading完毕在屏幕中间的框内显示“水逆的人恐怕看个视频都困难”，接着句子汇聚成播放键，点击会有几段动画，对应“等待”、“广告”等不同的主题，动画间都以“播放键”过渡。点击最后一个播放键时，会播放3分49秒长的视频。视频播放完毕或跳过之后，进入结尾页并出现品牌口号及文案。点击“返回观看”可以重看视频，点击“分享出去”提示分享到票圈。屏幕底部还可以点击跳转下载网易新闻App。
- 设计上，灰色的大背景，黑白灰的文字及场景元素，整体定下了一个相对比较黯淡的气氛，但是关键的元素都用红色标出，格外醒目，尤其到结尾页，红色的品牌口号，给人一种“再水逆也要勇敢前行”的感觉，这么一看其实气氛就不黯淡了。案例各处充满设计感，小编最喜欢的是开头部分，以为点击播放键会播放视频，没想到出来一个“404”。3分多钟长的视频，拍得也很文艺很励志，尤其是最后大家都在海里的镜头，超有感觉。
- 体验上，小编在看这个H5的时候，窗外在下着雨，天整个都是阴阴的，所以感觉格外强烈。说实话，小编并不觉得文字有多美多扎心，但整体画面给人的感觉还是不错的。如果按自己的理解来看，多少会有一些自己的感悟。小编觉得这次的宣传语相对“有态度”作了升华，不光“有态度”，还要“各凭态度乘风浪”，简单粗暴，同时让人觉得是在肯定并支持自己。每个人都是一条河流，每条河流都有他自己的方向。没有必要去羡慕别人，否定自己，自己在自己的方向上走的光彩就好。
技术实现： Zepto + Canvas
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
