CGTN：Who runs China？（为人民）

2019-03-07 H5案例分享 H5案例分享

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

识别图中二维码

Who runs China？（为人民）-查阅二维码

完整欣赏此案例大约需要2分54秒

案例：Who runs China？（为人民）

品牌：CGTN

亮点：

1.创意定位

这是一支关于第十三届全国人大代表大会的外宣作品，作品用数据图的形式从性别、年龄、教育背景等方面对本届全国人大代表信息进行了可视化呈现和分析。

2.策划上

①进入H5后，先是一个红色的封面，写着主副标题，向上滑动边进入了数据分析页面。②页面中以彩色圆点象征今年参会的2975名全国人大代表，用可视化动态图表向用户展示这些代表的年龄分布、民族情况、教育程度、政治面貌等信息。③用PC端观看时，鼠标点击每个小圆点，还会出现相对应的代表信息。

3.设计上

简约风格，用色很简单，但是由粒子效果变换出的各个数据图表十分酷炫。

4.体验上

加载迅速，页面的呈现效果很酷炫，这个对外宣传的H5不知道在国外的效果怎么样，但是小编看完有种莫名的自豪！

技术实现： jQuery

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

标签