學會這些圖表，老闆看了想打錢。

本文首發於專欄

幻燈力量-寫給大家看的設計書

關注我的訂閱號：珞珈Carlos（id：LJCARLOS）

有一些教程，你在知乎上永遠都看不到。

見字如面，我是珞珈。

按照慣例，開頭不講正事。

突然想起過一件悲涼往事。

有一個學生想要面試一家諮詢公司，諮詢公司需要很強的PPT圖表設計能力。

這位學生就請求我做他的PPT私教，專門只講圖表。

我想了想，覺得學生可憐兮兮的，也不是什麼難事，我就沒收錢，純粹幫一下忙，就答應了。

我們定在了8點鐘在咖啡館見面，我本以為最多2個小時就搞定了。

結果一路輔導到了凌晨3點......

差點睡在了大街上。

想想感覺就濕了眼眶。

----

說回正事，為什麼圖表大家都覺得賊?難？

Because...

一種圖表，功能就辣么多了。

這裡還有16種。。。。

每次看到圖表，學了那麼久PPT，總有一種翻船了的感覺。

其實，很以前我寫的文章一樣，掌握了套路，很快就都能夠搞定。

其實簡單的總結一下，一個（看起來）專業的PPT圖表可以分為以下幾步去走。

-增加圖表圖形專業度

形狀豐富度是什麼呢？比如讓柱形圖和條形圖的數據系列更加密集一些，給折線圖添加一些數據點，其實就是讓圖表看起來更加專業一些。

這個我們待會兒細講。

-降低信息量

每一種圖表中擁有超過11種元素，這些元素其實很多時候都是多餘的，降低信息量是為了在不影響表達的情況下擁有最少的元素。

-修飾布局

修飾布局其實很簡單，就是通過一些PPT自帶的元素輔助修飾圖表，讓它看起來更加的專業。

一言以概之，裝個逼。

篇幅有限，接下來我們主要講四種圖表類型。

【1】 柱形圖 & 條形圖

首先我們要明白柱形圖的功能，作為我們最常用的圖表之一，通常是為了表現數據大小的對比。

好了，如果我們這裡有一個最普通的素人「柱形圖」該怎麼去美化？

按照我們上文說的幾步去走就行。

STEP.01 增加柱形圖圖形專業度

我們來簡單看幾張非常專業的柱形圖表

看出了什麼特點了么？

柱形圖數量又長又密集

所以我們第一步可以讓柱形圖變得更加細長和密集一些。

①降低系列寬度

（選中圖形右鍵->設置系列格式->系列選項->降低系列重疊）

②增加間隙寬度

（選中圖形右鍵->設置系列格式->系列選項->降低分類間距）

然後我們拖拽一下圖表整體大小，我們可以很輕易把目標圖表改成這樣。

STEP.02 降低圖表信息量

像我說的，在保證信息不被誤解的情況放上最少的元素。

多餘的元素有哪些呢？

第一步，先分析。

簡單的分析一下就知道，在這個圖表中，我們只要知道「具體數據大小」與「產品名稱」就可以很清晰的看明白圖表。

OK，然後我們在進行下一步操作，

-網格線

背景的網格線很多餘，通常有兩種方法。

①網格線改為虛線，提高顏色透明度

②直接刪除

-圖例項

圖例項代表著不同的顏色在圖表中的含義，但在例子中的情況下，只需要讀者區分出是「不同數據大小」就行，所以可以直接刪掉即可。

-顏色

在本案例中，不同的顏色並沒有起到輔助理解的作用，所以我們直接使用一種顏色即可。

圖表顏色的選取我們可以參考一些優秀的圖表作品。

比如我們在花瓣網上找到的這一組配色。

給圖表取色就會變成這樣。

-圖表標題

我喜歡自己用文本框擺放，所以我會習慣性的刪掉。

所以，簡單修飾之後，我的圖表會變成這樣。

STEP.03 修飾布局

我們要學會用一些元素去修飾圖表，然後讓圖表顯得更加的專業。

不知道怎麼做？

那就抄唄。。。。

比方說像麥肯錫這類諮詢公司特別喜歡的手法。

-設置一個外邊框

-將圖表標題墊在一個黑色矩形上

-背景放上幾個淺色的矩形突出數據

-用虛線突出某個重點數據

當然，其實也有一些比較有創意的玩法。

比如將矩形變成三角形

怎麼操作？

我們只要繪製出一個三角形，然後點擊鍵盤快捷鍵CTRL+C（或者右鍵複製），選中圖表具體的圖形，點擊鍵盤快捷鍵CTRL+V

一下就全部搞定了。

學會了這步操作以後，那麼以下的圖表就沒有任何難度啦

我們只要找到合適的圖標，就可以替換成任何你想要的圖形，比方說，這樣的圖標。

這樣的圖表。

先到這，條形圖無非只是換了一個方向的柱形圖，修改大致步驟是一樣，以後有機會再具體延伸。

【2】 餅圖

相對於柱形圖，餅圖更多是為了表現某樣數據在整體中的佔比。

所以，區域很重要。

雖然和柱形圖差的很遠，但是其實我們也可以按照三步去修改。

這是一個沒有經過任何修飾的餅圖。

STEP.01 增加餅圖圖形專業度

還是一樣，如果我們不知道如何去確定什麼樣的形狀才是一個專業的餅圖，我們可以去找一些專業的好看的餅圖圖片，去分析一下

我們會發現，現在流行的餅圖分為兩種

普通的餅圖，配色好看就是萬能的。

另外一種是這種極其纖細的環形餅圖。

對此，我們只需要選中環形餅圖，將圓環內徑設置到最大90%

（選中圖形->右鍵設置數據點格式->圓環內徑大小90%）

STEP.02 降低圖表信息量

對於餅圖，我們要分析有哪些元素是必不可少的。

仔細分析一下這個例子，我們就能知道，在例子中只有「圖形」+「主要數據量佔比」+「主要產品名稱」是不可以刪除的，其餘的都可以選擇刪除。

另外就是顏色方面。

如果只是單獨突出一種產品或者類別的佔比，我們通常可以考慮的是「灰色」+「主色」的搭配

主色我們可以從logo中選取。

比如微信的綠色這樣。

但是如果我們要同時對比多個產品，那這個時候，直接用取色器選取一些專業的信息圖表的顏色便是極好的。

配色案例

結果

STEP.03 修飾布局

現在流行的修飾餅圖的方式分兩種。

1.隱去非重點區域

給非重點區域設置一個淺色或者透明顏色就好，讓圖表只表現重點區域

具體操作

選中非重點區域->右鍵->設置無填充色

2.放大突出重點區域

亦或者我們可以對需要重點突出的部分，設置點爆炸操作。

讓他突出一下。

（選擇餅圖->右鍵設置系列格式->系列選項->點爆炸型）

亦或者直接繪製一個較大的扇形，放置在重點區域上面，突出。

3.線框修飾

專門針對環形餅圖，在外側添加線框修飾一下

4.虛實結合

實心與空心的結合

總的來說，對於餅圖，我們只要保證整體「圖形扁平+配色良好」就可以做出一個非常棒的圖表了。

【3】 折線圖

柱形圖是為了表現數據對比，而折線圖則是為了在表現數據對比的同時表現趨勢。

相對於前面兩種，其實折線圖是最好表現的。

也是按照三步走。

STEP.01 增加折線圖圖形專業度

我們會看到專業的折線圖設計分成兩種

1.曲線形式

適合於數據系列較少，面積較小的折線圖中。

我們只需要勾選曲線形式即可。

（選中圖形右鍵->設置系列選項->曲線）

2.數據點

許多折線圖在擁有合理的空間的情況下，為了更加明顯的表現每個節點的數據，會添加數據點。

如果我們數據系列很多，並且圖表面積比較大，那麼這個時候就可以打開數據節點。

（選中折線右鍵->設置系列選項->標記->數據標記選項->選擇內置樣式）

STEP.02 降低圖表多餘信息量

-網格線淡化

-顏色處理

一般來講，我們在選取折線圖顏色的時候，遵從著「顏色鮮明，對比強烈」的特點。

我們可以在各大配色網站上去尋找專業的配色方案。

直接取色就好。

但是如果折線圖中存在多個系列。

因為折線圖每個系列折線存在著交叉的情況，如果顏色一旦處理不好，容易出現像麵條一樣糾纏不清的情況。

所以如果折線圖存在多個折線，那麼個人建議除了主要的數據系列之外，全部選擇淺灰色。

STEP.03 修飾圖表

折線圖中基本的修飾手法存在於以下幾種。

漸變

這是這兩年突然流行起來的發布會風格的漸變，只要選擇圖形之後簡單設置一下，設置效果如下。

立體

簡單設置加一個陰影就行了。

設置如下

大小點結合

將重要的數據節點放大，其餘的次要的縮小，可以得到這種大小結合的效果。

虛實框住某個區間

如果你有一個重要的區間，可以在背景添加一個半透明框。

----

附錄| 圖表資源導航

01.經濟學人

https://www.economist.com/

商務人士與金融行業必備。

這麼說吧。

有人問

「誒誒誒，你圖表做的不錯啊，怎麼學的？」

「我跟珞珈老師學的？」

「珞珈老師是誰？」

在對方雜七在八的念叨下，是不是感覺逼格瞬間就下來了？

如果你這麼回答。

「我跟《經濟學人》學的。」

「哦......這本雜誌牛逼啊。」

恩，是不是逼格瞬間就上去了。

02.麥肯錫中國·季刊

http://www.mckinsey.com.cn/quarterly/

不知道從什麼時候開始，有這麼一種說法。

你像領導上交了PPT報告，領導是這麼點評的。

「咳咳，你最好學一下麥肯錫的圖表，你看這配色，這版面，才叫一個專業。」

恩......好像現在大多數的諮詢公司都是以麥肯錫的報告去作為目標。

無論你們喜不喜歡，反正麥肯錫的官網就在這裡。

02.博客 | EXCEL大全

http://blog.sina.com.cn/excelchrisfang

博客背後的運營者是微軟MVP@方驥老師

曾經有幸聽過方驥老師一場EXCEL內訓，一個非常儒雅的老男人。

博客中會教給你無數EXCEL圖表的設計技巧，由淺入深，會讓你驚覺，原來Excel這麼厲害。

03.第一財經周刊

http://www.cbnweek.com/

當我看到這個雜誌第一眼的時候，就愛上了。

國內最大的財經生活雜誌，文案，版面很讓我心水（喜歡）。

哦，還有那些設計絕佳的圖表。

04.網易數讀

http://data.163.com/special/datablog/

前兩年做信息圖的網站很多，但是能夠堅持下來的只剩下寥寥，網易數讀就是大浪淘沙之後的為數不多的一家。

如果你想用數據和圖表了解最新的時事熱點的話，千萬不要錯過網易數讀。

05.數字新聞 | 財新網

http://datanews.caixin.com/

當別的網站信息圖都還停留在一張圖片上的時候，財新網的信息圖都已經開始會動了。

你們感受一下這個畫風。。。

06.國雙數據報告

http://gridsum.com/datacenter/

前公司的數據報告，無論是圖表專業豐富度，版面，色彩的精美程度，均是行業翹楚。

曾經也有幸打雜參與（遠遠觀望）了一下，可惜做的東西不夠多，沒有在上面署名，錯過了這個流芳百世的機會。

哦對了，小桃紅姐姐曾經是這些報告的主力設計師。

07.PINTEREST/BEHANCE/花瓣/站酷

http://huaban.com/

http://www.zcool.com.cn/

https://www.behance.net/

https://www.pinterest.com/

以上四個網站是設計師常用的靈感源泉，上面有著全球各種絕佳的圖表設計案例。

不信的話檢索「infographic」或者「信息圖」試上一試？

08.企業年報

企業的年報可以很好的反映公司一年的發展變化，通常大多數公司的企業年報都是設計精美，版式豐富，對於我們圖表的學習有著很好的啟發作用。

獲取渠道分為兩種

01.企業官網

我們可以在企業的官網中投資者關係找到。

02.巨潮資訊網

http://www.cninfo.com.cn/cninfo-new/index

直接搜索企業名稱或者點擊信息披露查找即可。

珞珈 敬上

20170821

（全文完）

-----

「別說你是精通Office，你只是精通打開Office」-一周進步

這三個修改技巧，讓你的PPT妖艷到逆天。-一周進步

篩選萬條數據，為什麼我只用了1秒？-一周進步

我是怎樣每天看完100個公眾號的？-一周進步

-----

本文作者 @珞珈Carlos

獨立設計師&培訓師，青年學習自媒體「一周進步」創始人。