今天給大家分享一下工作當(dāng)中常用到的圖表。依然按照慣例，進(jìn)行簡(jiǎn)單概述：

1. 根據(jù)場(chǎng)景，選用正確的圖表很重要。

2. 圖表展示信息模型固定了，下一步就很簡(jiǎn)單。

3. 版式設(shè)計(jì)可以讓思路更清晰。

4. 好工具讓工作事半功倍。

圖表的信息模型

還是一開始就要強(qiáng)調(diào)信息模型。因?yàn)槲乙恢倍济靼滓粋€(gè)道理，“知道怎么開始比知道做什么更難”。很多時(shí)候不是我們不會(huì)做，而是我們不知道如何開始。

信息模型就能幫助我們知道如何開始。圈定了范圍，自然就減小了PPT設(shè)計(jì)的難度了。

圖表的信息模型由5個(gè)部分組成，分別為主標(biāo)題、計(jì)量單位、數(shù)據(jù)來源、圖表及圖標(biāo)結(jié)論。用個(gè)圖形來描述，就是這樣的。

• 主標(biāo)題：這個(gè)沒啥說的，說明圖表展現(xiàn)的整體內(nèi)容。如果缺少了主標(biāo)題，受眾很可能不知道看的是什么。

• 計(jì)量單位：計(jì)數(shù)單位，比如說萬元、個(gè)、噸、米等。雖然圖表里也有，但是為了減少視覺壓力，我建議將計(jì)量單位單獨(dú)出來，提前告知，讓受眾在認(rèn)知上達(dá)成一致，便于后續(xù)觀點(diǎn)的表達(dá)。

• 數(shù)據(jù)來源：職場(chǎng)中講究數(shù)據(jù)的真實(shí)性和有效性。道聽途說的數(shù)據(jù)和過期的數(shù)據(jù)拿過來支持決策，這是不負(fù)責(zé)任的表現(xiàn)。為了表明我們采用的數(shù)據(jù)的時(shí)效性和真實(shí)性，提供數(shù)據(jù)來源，可以增加受眾對(duì)結(jié)論的信服度。

• 圖表結(jié)論： 圖表雖然有很多優(yōu)點(diǎn)，但是也有個(gè)致命缺點(diǎn)，就是容易產(chǎn)生歧義。所以，我們還需要使用文字來幫助受眾正確地解讀圖表。

下面介紹一下如何應(yīng)用。

折線圖的版設(shè)設(shè)計(jì)及注意事項(xiàng)

使用場(chǎng)景：

當(dāng)需要使用數(shù)據(jù)來表示一些趨勢(shì)時(shí)，這個(gè)適合就需要折線圖出場(chǎng)了。

版設(shè)設(shè)計(jì)參考：

• 信息分主次。 很明顯，標(biāo)題是最重要的。計(jì)量單位及數(shù)據(jù)來源的重要性沒那么高。所以，標(biāo)題一定要大。計(jì)量單位和數(shù)據(jù)來源不要搶了標(biāo)題的風(fēng)頭，盡量縮小字體，造成一定的層次感。

• 折線清晰。之所以使用圖表，就是希望借助圖表可視化的優(yōu)勢(shì)，讓結(jié)論更容易突顯。所以，折線盡量使用明色調(diào)來展示。這里我選用了黃色。

• 結(jié)論盡量突出

  當(dāng)然，為了突出結(jié)論，我們還可以使用色塊來突出顯示。比如這樣。

• 圖表盡量簡(jiǎn)潔。不要有重復(fù)信息的干擾，讓受眾不知道該看哪里。

注意事項(xiàng)：

• 不要使用虛線。這樣會(huì)給人造成閱讀障礙。

• 保持簡(jiǎn)潔。有個(gè)奧克姆剃刀原理，聲稱“如非必需，勿增實(shí)體”。這個(gè)原理對(duì)PPT設(shè)計(jì)也是一樣。盡量用最少的元素表達(dá)最豐富的信息。如果我們將簡(jiǎn)單運(yùn)用到極致，哪里還需要額外的裝飾？

新建的折線圖是這樣的。

缺點(diǎn)：

• 月份和數(shù)據(jù)的對(duì)應(yīng)并不直觀。肉眼很難建立一個(gè)直線來對(duì)齊數(shù)據(jù)和月份，所以要有網(wǎng)格線。

• 存在冗余信息。其中A產(chǎn)品，我們?cè)谥黝}上已經(jīng)提到了，如果不是做多個(gè)產(chǎn)品的銷量對(duì)比，完全沒必要把圖表的標(biāo)簽（也就是“A產(chǎn)品”）再顯示出來。

• 數(shù)據(jù)點(diǎn)沒有突出顯示。在上個(gè)示例中，我將折線圖上的每個(gè)數(shù)據(jù)點(diǎn)都使用圓點(diǎn)表示，這樣有突出顯示的作用。

解決方法很簡(jiǎn)單，刪、刪、刪，刪到最簡(jiǎn)就可以了。

餅圖的版設(shè)設(shè)計(jì)及注意事項(xiàng)

使用場(chǎng)景：

當(dāng)需要了解一個(gè)事物中各個(gè)元素的占比時(shí)，餅圖是最適合的可視化方式。

版設(shè)設(shè)計(jì)參考：

各個(gè)元素的占比通過每個(gè)扇區(qū)的大小就能看出來。

注意事項(xiàng)

• 扇區(qū)按照從大到小順時(shí)針排列。這樣符合人們的視覺習(xí)慣。

  

• 保持餅圖垂直放置。不建議為了想象中的美觀，把餅圖放倒，這么做只能讓人覺得很不專業(yè)。

柱狀圖的版設(shè)設(shè)計(jì)及注意事項(xiàng)

使用場(chǎng)景：

各個(gè)事物之間進(jìn)行對(duì)比時(shí)，使用柱狀圖最為合適。

版設(shè)設(shè)計(jì)參考：

注意事項(xiàng)

• 分類間距不要太大，也不要太小。

  

  設(shè)置方法：如果你使用的是2013及以上，可以這樣設(shè)置

1. 點(diǎn)中柱狀圖上的柱體。

2. 點(diǎn)擊鼠標(biāo)右鍵，選中彈出菜單中的“設(shè)置數(shù)據(jù)系列格式”。

3. 在分類間距處設(shè)置，為80%~100% 為佳。

• 顏色不要太多。如果有多個(gè)系列，不要使用太多的顏色。盡量使用統(tǒng)一色系。

雷達(dá)圖的版設(shè)設(shè)計(jì)及注意事項(xiàng)

使用場(chǎng)景：

展示一個(gè)事物多個(gè)屬性之間的強(qiáng)弱對(duì)比關(guān)系，使用雷達(dá)圖比較合適。

版設(shè)設(shè)計(jì)參考：

雷達(dá)圖相對(duì)比較簡(jiǎn)單，需要注意的是別讓系列名稱遮擋了數(shù)字。

面積圖的版設(shè)設(shè)計(jì)及注意事項(xiàng)

使用場(chǎng)景：

需要展示數(shù)據(jù)隨時(shí)間推移的變化趨勢(shì)，可以使用面積圖。

注意：如果有多個(gè)系列存在，需要設(shè)置透明。讓每一個(gè)系列的面積隨時(shí)間變化的趨勢(shì)都展示出來。

如果不將藍(lán)色設(shè)置為透明，2002-01-08之后的趨勢(shì)變化都看不到了。

瀑布圖的版設(shè)設(shè)計(jì)及注意事項(xiàng)

瀑布圖將水平展示和垂直對(duì)比的優(yōu)勢(shì)相結(jié)合，可以很直觀的整體與局部。

旭日?qǐng)D的版設(shè)設(shè)計(jì)

旭日?qǐng)D是一個(gè)強(qiáng)大的存在。可以將圖表的逐層元素進(jìn)行逐層分解。

比如我們想要統(tǒng)計(jì)一下公司的成本情況，使用旭日?qǐng)D就能逐層鉆取了。

上圖就直觀說明了一公司成本占用比例最高，其中產(chǎn)品部占用一公司的成本比例最高。在產(chǎn)品部中的項(xiàng)目5占用成本最多。等等。

結(jié)合地圖的統(tǒng)計(jì)圖

有時(shí)候，圖表結(jié)合著地圖，就能表明出各個(gè)地區(qū)間的數(shù)據(jù)統(tǒng)計(jì)分析情況。將數(shù)據(jù)分析的緯度又增加了一層。

推薦兩個(gè)圖表網(wǎng)站

• 圖說

百度的產(chǎn)品，雖然百度現(xiàn)在被人人喊打，但這款產(chǎn)品還是不錯(cuò)的。

網(wǎng)址： http://tushuo.baidu.com

點(diǎn)擊“開始制作圖表”就能進(jìn)入圖表制作界面了。當(dāng)然還需要你登錄。

折線圖

柱狀圖

餅圖

地圖

散點(diǎn)圖

雷達(dá)圖

儀表盤

• Echart

  Echart 也是百度的產(chǎn)品。網(wǎng)址為：http://echarts.baidu.com/

內(nèi)面的圖表超級(jí)震撼。就是需要你會(huì)點(diǎn)代碼。簡(jiǎn)單舉兩個(gè)例子。

散點(diǎn)圖

地圖

模擬遷移，竟然還有動(dòng)畫。。。。。。 這效果沒地說。

儀表盤

好了，今天就寫到這兒，希望對(duì)大家有用。

----------------------------------------------------

阿來，

職場(chǎng)思考派創(chuàng)始人

國(guó)企項(xiàng)目經(jīng)理

多年程序員

多年產(chǎn)品經(jīng)理

職場(chǎng)技能總結(jié)者

PPT設(shè)計(jì)模式提倡者

開通了一個(gè)公眾號(hào)“職場(chǎng)英雄大聯(lián)盟”，用設(shè)計(jì)模式和來考慮PPT制作，知識(shí)管理和時(shí)間管理。邀請(qǐng)各路大神來分享。歡迎關(guān)注！