在無數個默默做報表的夜,是什麼讓你默默流淚、獨自傷悲?
彆著急!帆軟君這就為你奉上獨家「報表美化秘籍」 — — 6招,帶你做出好看的報表!
第一招:展示資料價值
先來看看這樣的表述:2017年第三季度,某品牌在江蘇地區的三個銷售代理商分別完成銷售130.4萬、210.5萬、98.6萬,共計439.5萬。
這個例子中列舉了很多經營資料,但並不能體現“價值”。比如第三季度總銷售額439.5萬是多還是少?三個代理商的銷售額佔比是否合理?和競爭對手相比,發展速度如何?這些都沒有體現。
我們來調整一下:
﹣2017年第三季度,某品牌在江蘇地區的三個銷售代理商 A、B、C分別完成銷售130.4萬、210.5萬、98.6萬,共計439.5萬;
﹣去年同期他們分別完成銷售額110.2萬、150.3萬、96.3萬,共計356.8。總體同比增長了23.2%,有明顯增長,但並未達到預期的30%。
﹣根據市場調研資料,競爭對手 XXX今年第三季度實現38%的增長,而其中在 C 代理商所負責的區域,競爭對手達到200%的爆發式增長,銷售額達到約320萬~350萬。
﹣公司需要對 C 代理商進行重點關注,做出適當調整。
第二招:選擇合適的圖表
選擇圖表之前要弄清楚三個問題:
﹣明確目標受眾,他們對該問題有何瞭解?
﹣明確要傳遞的資訊,資料說明了什麼?需要傳達多個資訊嗎?
﹣明確資訊的特點,是要進行專案比較、顯示時間趨勢,還是分析資料關係?
根據以上三個問題,明確要表達的具體主題,再根據主題選擇合適的圖表:
第三招:一套完美的佈局
不論頁面資訊量的多少,卡片式佈局都能夠展現出良好的設計感。當然前提是要明確好整個頁面要展示哪些資料,梳理好資訊的層級,構思好資料的展現形式,然後可以手繪一些草圖,修改調整到合適的佈局。
第四招:美出天際的配色
圖表系列色 :不同展示邏輯的圖表可能需要不同的配色,所以一般至少準備兩種圖表系列色。
對比系列色:常用於多系列的柱形圖、條形圖和餅圖等,強調資料系列之間的差異。
連續系列色:常用於單系列的柱形圖、條形圖、面積圖等,在大屏整體看來只有“一個顏色”,但漸變的效果不僅表達了資料之間的連續性,還有酷炫的視覺效果。
告警色:一些需要特別突出的指標,或指標值達到預警值時的顏色,一般比較明亮,且與主配色有較為顯著的對比。如果結合圖表閃爍動畫、警戒線等共同設定,效果更佳。
第五招:工整合理的文字
不同使用場景的文字透過字型的大小和顏色強調區分,需要根據展示的終端確定一級字號用多大,二級字號用多大等,最大大到標題,最小小到標籤圖例的字號最好都是統一設計的,不要隨心所欲。
推薦示例:
第六招:避坑指南
把技能都學會不一定能做好模板,但是避過常見的坑,就成功了一半。
第一坑:內容豐富無重點
有人認為展現的內容越多,報表的價值越高,但是事實並非如此。
一張空白的紙上,新增的每一個元素都會消耗受眾的腦力,因此我們需要仔細審視視覺元素,識別出無法增加資訊量的元素並將它們刪除。為此我們要控制資訊密度,使資訊展示量恰到好處;區分資訊主次,使資訊顯示主次分明。
第二坑:間距混亂看不慣
涉及到各模組標題與模組邊界的間距(藍色矩形標記的位置)、模組與模組之間的間距(紅色矩形標記的位置)、模組與整個大頁面額間距(綠色矩形標記的位置),這幾個重要地方要做到統一一致,才能使佈局看起來更加規整。
一些細節之處也需要做到統一,例如圖表座標軸與模組邊界的間距,各個分類之間的間距等需要細化。
第三坑:內容擁擠無留白
在版式設計中空白運用的好壞,直接影響其版面的視覺傳達效果。留白的運用是增強視覺傳達效果,提高作品的訴求力,賦予作品版面審美價值的一種重要構成技術。
應用在報表中主要體現在模組不要頂邊,模組與模組間要有合理間距,在模組中圖表的邊線不要頂邊,如果是分類很多的柱圖不要使用寬柱子,注意好距離,留好等於或者大於一個柱子的身位。
第四坑:元素多樣理不清
邊角統一是畫面和諧的關鍵因素,使用圓角還是直角都是看頁面效果需要或者個人的傾向,但是要避免同一頁面出現兩者同時出現的情況。其中包括指標卡的邊角,模組背景的邊角,柱形圖的邊角等。
坑點速排一覽表:
最後,向大家推薦一個企業級報表工具 — — FineReport,點選即可免費體驗~
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
我是「數據分析那些事」。常年分享數據分析乾貨,不定期分享好用的職場技能工具。各位也可以關注我的Facebook,按讚我的臉書並私訊「10」,送你十週入門數據分析電子書唷!期待你與我互動起來~
文章推薦
◆熬夜整理出40張視覺化大屏模板,不敲一個程式碼就能直接套用