報告類圖文全是數據，怎么排版才能讓人直呼有趣？
月報、季報、年報、電商戰況……
這些報告類圖文中有各種各樣的數據，如果不做得活潑有趣些，用戶很難看得進去。
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條）