查看原文
其他

你一定不知道!滴滴、知乎、大众点评年中是这么做图表的!

小呆 H5广告资讯站 2019-04-26

马上就到年底了,各种总结归纳的工作也将提上日程。从2015年起,因为H5的复兴,各大公司和机构开始选择利用H5制作年度总结、调查报告、财务总结等重多图标报告。

而因之前用惯ppt的缘故,很多人还很难在H5总结报告的设计上做出心意。而本期小呆就从目前市面上众多的H5类报告中选出了5个,供大家学次参考。





图表1:全新洗浴体验,海尔5D净水洗


这支H5就像是一支电子动态说明书,用一种图文结合的方式生动的传达了产品的属性和功能,也许未来产品说明书都将会如此,不需要纸张,扫一下就完全了解了产品的所有信息。





图表2:滴滴巴士-都是去上班,差别这么大!


同样是新产品描述,这支H5利用网格漫画和比较的方式,诙谐幽渺的突出了产品的优势特征。借助H5的技术让更多人看到了图表更直观易懂的表现力。





图表3:知乎-两个人如何做一款排行前十的app


假设我们都利用这种图文混排的方式来传递信息,那么内容的可读性是不是要高很多。本案例技术层面并不复杂,换个思路做事情,你的图表就变得有趣而易读了。




图表4:房天下x大众点评-2015年住房生活报告


这支h5表现手法相对常规,在形式上逊色于之前我们分享的北京生活报告那支H5,但动效和音乐的搭配确实让一个图表生动了许多。(在订阅号回复“北京”可以查看那篇报告)




图表5:SOHU-2015全球榜单


十分讨巧的一支图表H5~将大量内容穿插在一组动画内,不仅节约了文件体积,也让内容更为易读。确实值得很多开发者学习借鉴~




这些总结图表类的H5虽然还存在诸多表现力不足的缺点,但在h5刚风靡不过一年多的今天确给给也我们带来了很多内容上的参考。我们也都看到了,图文混排的恰当运用,才是图表类H5增加表现力的重要发力点!

我们今天的内容分享也就到此为止了~而H5咨询站的社群现已建立,想要与我们联系的同学加管理员微信:kuzhanh5可拉你入群!期待你的加入~





(本文配图和内容均为本站原创,如需转载,请在后台与小编联系获得授权方可转载,谢谢!)


    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存