网易新闻：十万青年态度攻占北上广

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

案例：十万青年态度攻占北上广

出品：网易新闻

亮点：

策划上，视频类案例。网易新闻 x 各有态度活动系列案例，案例加载完成后进入首页，屏幕只有一屏，上半部分为活动内容介绍视频，下半部分为案例主要内容部分，告诉读者选择一条喜爱的话题，跟帖表态，你的观点将有机会被涂鸦上墙，占领北上广一平方哦！点击跟帖跳转相应的话题页面，可以看到别人的跟帖，当点击写观点是时跳转网易新闻APP下载页面。
设计上，案例上面视频介绍活动内容，可以边看边选择自己喜爱的话题。背景采用墙面的设计，前景文案与图片更偏涂鸦的感觉，这样就符合案例的主题。将自己的观点占领一平方的北上广涂鸦墙。
体验上，活动推广介绍案例，整个案例无论从交互还是设计上都没有什么问题。

技术实现： CSS3（Animation） + Video（视频）

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

识别图中二维码

十万青年态度攻占北上广-查阅二维码

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

标签