报告类图文全是数据,怎么排版才能让人直呼有趣?
月报、季报、年报、电商战况……
这些报告类图文中有各种各样的数据,如果不做得活泼有趣些,用户很难看得进去。
2022年已经过去三分之一,今天给大家整理了8个报告类图文,分别来自平安人寿、滴滴、美的、华泰保险、华为、小鹏汽车、平安随行和大疆,它们在创意、设计或交互上总有一个可以吸引你的点愿意把枯燥的数据读下去。
建议大家看完收藏,需要制作这类图文的时候拿出来看看一定会有帮助。
1平安人寿
叮,你有一条未读报告!mp.weixin.qq.com
平安人寿把保险理赔的数据以问答的形式呈现,无论客户点击哪个选项都可以切换到数据图表中查看全部的理赔数据,将所有数据一次呈现。滑动感应播放的交互形式使得用户滑动到该处的时候条形图自动展开,也增强了文章阅读的趣味性。
该交互对应编辑器模板:
组件:点击-切换图片 编号:10005(组件)
2滴滴
80张lǜ色月卡,速来抢mp.weixin.qq.com
滴滴将数据报表内容融入到交互图文中,以猜谜的形式吸引大家的兴趣,点击后显示答案,增加阅读数据报表的趣味性。
该效果为矢量动效,需定制。
3美的
一图读懂美的集团2020年年报mp.weixin.qq.com
美的集团将自己的同一季报制作了中英文两个版本,分别放在了两个「点击展开」之中,用户一目了然,根据自己的语言习惯选择查看某一版本非常方便。展开后的数据展示多以动图呈现,显得高级又不枯燥。
该交互对应编辑器模板:
组合:点击展开 编号:10307(组合)
4华泰保险
华泰保险这个并不是简单的点击切换图片,用户点击后数据一个个依次显示,动态效果更优雅,同时引导用户阅读的节奏。
该效果需定制。
5华为
一张图看懂华为2021年年报mp.weixin.qq.com
华为这篇仅在结尾使用了局部视频的效果,其他部分都是无缝图,但图片设计为三维与动效的结合,风格独特,值得参考。
该交互对应编辑器模板:
组件:视频-无缝拼接(可调整大小及位置) 编号:10152(组件)
6小鹏汽车
▲GIF演示点此查看原文
小鹏汽车通过引导大家点击展开数据报告的隐藏内容,里面图文并茂,大量的动态效果展示数据,整体设计很有科技感。
该交互对应编辑器模板:
组合:点击切换图片+展开(有触发区) 编号:10057(组合)
7平安随行
赔付412亿,平安人寿2021年理赔年报发布!mp.weixin.qq.com
平安随行原文中,用户阅读图文时滑到哪里便正好触发此处的动图播放,无需刻意点击,阅读体验感很好。
该交互对应编辑器模板:
组件:特殊-GIF动图跟随阅读播放 编号:10052(组件)
8大疆
▲GIF演示点此查看原文
大疆这篇图文中多采用宫格设计展示数据,许多小动效不是动图而是通过代码实现,让全文显得高级精致许多。
该效果需定制。
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)搜索「财报」「年报」等关键词查看更多相关案例。
目前案例库总案例数已达31000+,其中4000+案例支持一键还原,制作同款效果非常方便。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)哦。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)