報告類圖文全是數(shù)據(jù)，怎么排版才能讓人直呼有趣？
月報、季報、年報、電商戰(zhàn)況……
這些報告類圖文中有各種各樣的數(shù)據(jù)，如果不做得活潑有趣些，用戶很難看得進去。
2022年已經(jīng)過去三分之一，今天給大家整理了8個報告類圖文，分別來自平安人壽、滴滴、美的、華泰保險、華為、小鵬汽車、平安隨行和大疆，它們在創(chuàng)意、設計或交互上總有一個可以吸引你的點愿意把枯燥的數(shù)據(jù)讀下去。
建議大家看完收藏，需要制作這類圖文的時候拿出來看看一定會有幫助。
1平安人壽
叮，你有一條未讀報告！mp.weixin.qq.com
平安人壽把保險理賠的數(shù)據(jù)以問答的形式呈現(xiàn)，無論客戶點擊哪個選項都可以切換到數(shù)據(jù)圖表中查看全部的理賠數(shù)據(jù)，將所有數(shù)據(jù)一次呈現(xiàn)。滑動感應播放的交互形式使得用戶滑動到該處的時候條形圖自動展開，也增強了文章閱讀的趣味性。
該交互對應編輯器模板：
組件：點擊-切換圖片 編號：10005（組件）
2滴滴
80張lǜ色月卡，速來搶mp.weixin.qq.com
滴滴將數(shù)據(jù)報表內(nèi)容融入到交互圖文中，以猜謎的形式吸引大家的興趣，點擊后顯示答案，增加閱讀數(shù)據(jù)報表的趣味性。
該效果為矢量動效，需定制。
3美的
一圖讀懂美的集團2020年年報mp.weixin.qq.com
美的集團將自己的同一季報制作了中英文兩個版本，分別放在了兩個「點擊展開」之中，用戶一目了然，根據(jù)自己的語言習慣選擇查看某一版本非常方便。展開后的數(shù)據(jù)展示多以動圖呈現(xiàn)，顯得高級又不枯燥。
該交互對應編輯器模板：
組合：點擊展開 編號：10307（組合）
4華泰保險
華泰保險這個并不是簡單的點擊切換圖片，用戶點擊后數(shù)據(jù)一個個依次顯示，動態(tài)效果更優(yōu)雅，同時引導用戶閱讀的節(jié)奏。
該效果需定制。
5華為
一張圖看懂華為2021年年報mp.weixin.qq.com
華為這篇僅在結(jié)尾使用了局部視頻的效果，其他部分都是無縫圖，但圖片設計為三維與動效的結(jié)合，風格獨特，值得參考。
該交互對應編輯器模板：
組件：視頻-無縫拼接(可調(diào)整大小及位置) 編號：10152（組件）
6小鵬汽車
▲GIF演示點此查看原文
小鵬汽車通過引導大家點擊展開數(shù)據(jù)報告的隱藏內(nèi)容，里面圖文并茂，大量的動態(tài)效果展示數(shù)據(jù)，整體設計很有科技感。
該交互對應編輯器模板：
組合：點擊切換圖片+展開(有觸發(fā)區(qū)) 編號：10057（組合）
7平安隨行
賠付412億，平安人壽2021年理賠年報發(fā)布！mp.weixin.qq.com
平安隨行原文中，用戶閱讀圖文時滑到哪里便正好觸發(fā)此處的動圖播放，無需刻意點擊，閱讀體驗感很好。
該交互對應編輯器模板：
組件：特殊-GIF動圖跟隨閱讀播放 編號：10052（組件）
8大疆
▲GIF演示點此查看原文
大疆這篇圖文中多采用宮格設計展示數(shù)據(jù)，許多小動效不是動圖而是通過代碼實現(xiàn)，讓全文顯得高級精致許多。
該效果需定制。
如果以上案例還沒有看夠，可以到「品牌時光機」交互圖文案例庫（網(wǎng)址：brandtime.cn）搜索「財報」「年報」等關鍵詞查看更多相關案例。
目前案例庫總案例數(shù)已達31000+，其中4000+案例支持一鍵還原，制作同款效果非常方便。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業(yè)標準版會員體驗權(quán)，以及22個常用必備組件的大禮包（1年）哦。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）