你好,這裡是一周進步。
我是諾灰。
不論是 PPT 中數據圖表展示,還是 Excel 中的數據圖表展示,實際上已經有很多人寫過與其相關的內容。
並且內容十分的詳細到位。包括一周進步,也推送過十多篇關於圖表的推文。大家可以在歷史文章中搜索「圖表」或「表格」即可查看。
那麼,本期推文我將不再採取往期推文中,那種「理論+實操」的風格。而是按照圖表的三大分類,給大家整理幾篇優秀的圖表製作文章,相當於一篇文獻綜述,方便大家能夠更全面的學習圖表相關的知識。
同時,我也為大家準備了 100 種可編輯的圖表樣式,可以直接領取。
▽ 掃碼領取~
掃碼關注 工具狂人
回復「圖表」領取工具連結
01.表格的美化邏輯
在平時工作中,難免要進行多項數據展示,表格就是一種很好的呈現方式。當然,絕大多數人都能想到用表格進行多項數據呈現,但是卻很少有人用對表格。
動圖中添加了表格標題、行標題、數據來源,修改了單元格的對齊方式,同時也在價格數據前面添加了 ¥ 符號。
一般上,一張規範的表格,需要包含 5 個基本構成元素:表格標題、列標題、行標題、腳註、數據來源。
如果那你希望觀眾能夠清晰的明白表格所要傳達的信息,那麼這五個表格基本元素可以說是缺一不可的。
三種標題的目的,是為了方便觀眾能夠快速理解和定位到,表格中的數據。在特殊情況下,行標題一般會用序列來代替。
腳註是為了提供給觀眾所需的補充信息,因為在很多科研型數據表格展示中,會出現許多專業符號,那麼此時,我們就需要在表格左下方進行標註。
圖片來自於《MDM 統計數據展示指南》
數據來源往往會被大家忽視掉,然而這一元素確實體現你這張表格數據,是否能讓人信服的至關重要的一點。
表格相比於其他的圖表形式,由於其所要承載大量的數據信息這一特殊性,使得表格的美化不像其他形式圖表那樣具有多樣性。
我們對待表格美化,更多的是進行數據規範化。我給大家 5 點需要注意的數據規範問題:
② 同一列的數據,如果有小數,則保留最少的小數位;③ 有小數位的數據和表示價位的數據,採用右對齊的方式;⑤ 對於空單元格,要用 N/A 或者 -- 符號進行佔位,此時需要加腳註。
處理好數據規範性之後,我們要進行進一步的視覺美化。參考網站後臺數據表單設計風格,我們可以總結出以下 5 點:
② 採用上下邊框線分割數據航,注意與① 只取一種方案;③ 除了右對齊的數據,其他單元格、列標題統一採用左對齊;
表格的配色和樣式的靈感搜集,可以參考 dribbble 網站,搜索 web table form 等關鍵字。也可以前往 Collectui http://collectui.com/ 獲取一大波網頁設計靈感。
這裡,我為大家準備 20 份表格樣式,都是可編輯的,配色也幫大家調好。你們只管根據具體數據量,進行增加/刪減行數和列數。
▽ 掃碼領取~
掃碼關注 工具狂人
回復「圖表」領取工具連結
之所以會在圖表前面加上「傳統」二字,是為了區分前些年網絡上興起的「信息圖表」,關於後者,我將在第三部分講解。圖表作為展示數據的另一種形式,除了具有向觀眾展示數據這一基本功能之外,往往還具備數據分析的特殊功能,這也是圖表常被用來進行統計數據展示的重要原因。當然,圖表也有不適合的場景,比如當我們的數據值很分散、數據量很少、數據值之間的相關性太小等等不具備分析的必要性,那麼此時我們就不採取圖表的方式進行展示。這裡只介紹 3 種常見的圖表樣式(柱形圖、折線圖、餅圖),更為專業性的圖表,需要大家擁有相關行業背景,才能深入了解。比如像蠟燭圖這樣的圖表,對於金融行業的朋友來說,肯定不陌生。① 背景
② 元素(圖例、坐標軸、網格線、邊框線)
③ 效果(漸變、描邊、陰影)
④ 字體(黑體字型、無襯線西文字體)
對於 ① ③ ④ 大家很容易理解,但是對於第 ③ 點,大家可能會產生疑惑。我給大家解釋一下。圖例、坐標軸、網格線、邊框線屬於圖標的輔助組件,然而這些輔助組件的存在往往會分散觀眾的注意力,那麼此時,我們會將這些組件刪掉。當然,如果你覺得某個輔助組件對於圖表的理解至關重要,那麼你也可以添加上,但是要注意在色彩運用上要克制,推薦灰色調的色彩。注意:當網格線和縱坐標被刪掉後,要將數據標籤添加上,以便觀眾了解具體數據情況。柱形圖是最為簡單的圖表類型,多用於對不同類別的數值大小進行比較。當柱形為水平方向時,又稱為條形圖,此時,每一個類別的名稱更容易閱讀。比如,銷售部門在進行業績報告時,如果只是使用表格的方式列舉出每種產品在不同季度的銷售量,難免會有些單調,也沒辦法很直觀的讓領導明白,幾種產品銷量的對比,以及每種產品在不同季度的銷量對比。在柱形圖種類中,還有一種叫做堆積柱形圖,這種圖表可用於顯示和比較總體中的不同部分。不過使用這種類型的圖表時應當格外小心。如果每個堆積中有太多項,或者許多項的大小相當接近的話,則難以利用該圖表進行分析和比較。在 PPT 中,柱形圖的數據編輯需要在內嵌的 excel 表單中進行(也可以跳轉至 excel 軟體中進行編輯)。第一列單元格(紫色區域):表示橫坐標軸上的類別名稱(橫坐標來源)第一行單元格(紅色區域):表示同一個類別中的不同系列名稱(圖例來源)同樣,柱形圖我也給大家準備了 20 份樣式,大家下載後直接編輯數據即可使用。靈感依舊是來源於dribbble 。折線圖是對數據的時間趨勢變化進行可視化展示的有效工具,因此是展示時間序列數據的最佳圖表類型。同樣的,我們還是以企業的銷售部門為例,當我們需要通過展示近幾年公司產品銷售額的變化,從而向領導傳達一種企業在不斷進步的欣欣向榮感。一般上,我們也會將折線圖結合柱形圖一起展示,即複合圖表。關於折線圖的美化技法,同樣可以參考網頁設計中的數據展示風格。這裡我也就不詳細給大家介紹製作過程了,直接幫大家製作好 20 份樣式送給大家吧。▽ 掃碼領取~
掃碼關注 工具狂人
回復「圖表」領取工具連結
餅圖用於顯示同一個變量各類別的百分比分布。一般上,當分類的個數不超過6個時,用餅圖展示會顯得非常清晰。我們還是以銷售部門為例,當我們需要最直接的表現出每個季度銷售額多少的對比,以及每個季度佔全年銷售額總量的比重,那麼用餅圖就非常的合適。對於很多創業公司,在商業計劃書裡面,也會經常通過餅圖的形式展示出該類產品或服務所佔據的市場容量和市場份額,讓投資人大體上了解到該項目的潛力所在。餅圖製作時要注意,多數情況下,我們會將類別名稱和數據作為標籤寫在圖表上或者用線條引導。① 餅圖的各個扇區最好是按照從大到小的順時針排列,而不是大小穿插隨意排列;在 PPT 中,與餅圖相類似的還有環形圖,環形圖相比餅圖,可以實現多類別不同系列數據對比。在這裡,我不再詳細給大家講解如何美化,大部分日常可以用到的美化方法,我都製作好分享給大家,文末掃碼領取練習就 ok。信息圖表屬於更高階的數據視覺化手段,它將枯燥的數據信息結合生動的圖形或圖像進行可視化展示。當然,製作一份信息圖表不僅需要大量的時間和精力,更需要一些創意性思維。下面給大家看一些經典的案例。從上面的這些經典案例中,我們不難發現,實際上這種數據展示形式可以說完全脫離了傳統圖表。它很大程度上解決了傳統數據圖表在表現形式上,缺乏故事性和趣味性。那麼,大家可能會有疑問,自己如何能做出這樣的圖表呢?我給的建議是:如果是日常工作,那就不要考慮這種形式,因為這種方式不僅會花費大量的時間,同時很有可能因為「用力過猛」,導致觀眾理解不了。當然,在我給大家準備的 60 份傳統圖表中,也用到了「複製+粘貼」的技法。所以,即便你沒有時間去製作下圖這些複雜的圖表,也能夠輕鬆地使用。說好的 100 種圖表,現在才介紹90 種,那剩餘的那 10 種是什麼呢?實際上,在進行數據展示時,我們還會看到一種情況,就是通過地圖的方式進行展示。比如,當我們需要展示企業在全國甚至於全球範圍內的銷售點分布情況時,就可以結合地圖進行展示。ok!這就是本期內容的全部內容啦~希望我的解讀能夠給你帶來提升,期待你的進步。掃碼關注公眾號【工具狂人】,直接回復關鍵詞【圖表】領取上述資源啦。
掃碼關注 工具狂人
回復「圖表」領取工具連結