新浪新闻 & 新浪新媒体实验室：逛完这8大会场，你就知道今年两会代表聊什么了

2017-03-15 H5案例分享 H5案例分享

案例：逛完这8大会场，你就知道今年两会代表聊什么了

出品：新浪新闻 & 新浪新媒体实验室

亮点：

策划上，图文展示类案例。案例主题为“屋顶上偷听的两会时光”。点击上来听听展开案例，每一个类型的两会议题，以不同颜色的房子展示，每一栋房子的文案不同，让你以不同的方式“偷听”两会议题。点击屋顶文案后进入房子内部，可以听到在会议员们的意见以及看到这个议题的关注度。
设计上，扁平矢量设计风格。颜色方面用色亮丽纯度高，造型方面虽然是从斜上方45角俯视，但是房屋造型方面没有做透视，会有一些奇怪的感觉。
体验上，通过向左滑动的方式进行屏幕转换，下方文案可以让你确定所在位置。整体操作流畅，没有卡顿现象。

技术实现： jQuery + Swiper

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

识别图中二维码

逛完这8大会场，你就知道今年两会代表聊什么了-查阅二维码

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

标签