備注：引用本文內(nèi)容請(qǐng)注明來源，商業(yè)使用請(qǐng)聯(lián)系
站長(zhǎng)獲得授權(quán)，否則一律追究版權(quán)責(zé)任！
這是一篇關(guān)于商務(wù)圖表的、理論和實(shí)操性都很強(qiáng)的實(shí)用經(jīng)驗(yàn)分享。
站長(zhǎng)力圖擺脫各種專業(yè)繪圖軟件的高端、上流，但難以上手的不足，博引麥肯錫、尼爾森、經(jīng)濟(jì)學(xué)人、華爾街日?qǐng)?bào)、Focus、商業(yè)周刊、DCCI等專業(yè)商務(wù)周刊或第三方數(shù)據(jù)分析公司的專業(yè)圖表進(jìn)行分析，并配備超多范例（超過500M，請(qǐng)加
群165 990 001下載）開放下載！讓你不僅知道商務(wù)圖表的what（應(yīng)該做成什么樣子），而且還讓你知道How（如何做）、When（在何種場(chǎng)合下使用何種圖表）以及Why（為什么要這么做）。非常適合需要經(jīng)常用到圖表的數(shù)據(jù)、商務(wù)、市場(chǎng)、財(cái)務(wù)、人力資源等方面的朋友閱讀。
又要做一份數(shù)據(jù)報(bào)表，不光得做分析，還要做PPT，收到這樣的需求，你的狀態(tài)是不是這樣的！如下圖。
理想的結(jié)果是這樣的，如下圖。
其實(shí)最希望是這樣的，如下圖。
可最后，往往是這樣的，如下圖。
你是不是很驚訝于下面這些商務(wù)圖表的專業(yè)、簡(jiǎn)潔和實(shí)用。你只要花十五分鐘認(rèn)認(rèn)真真看完本篇文章，再花Nx5分鐘的動(dòng)手練習(xí)，無需學(xué)會(huì)PS/AI/CDR，只要懂Excel/PPT/Word就可以輕松做出類似的風(fēng)格，五分鐘搞定一份專業(yè)、個(gè)性的商務(wù)圖表不是問題。
一， 學(xué)會(huì)欣賞
小的時(shí)候?qū)W習(xí)古詩詞，老師常說的一句話就是“熟讀唐詩三百首，不會(huì)寫詩也會(huì)吟”。學(xué)習(xí)做商務(wù)圖表也類似，不過我們需要將“熟讀”變?yōu)椤岸嗫础?，多看是學(xué)習(xí)的基礎(chǔ)，只有多看，才能對(duì)圖表中的配色、版設(shè)、協(xié)調(diào)等有更好的理解。也只有多看，才能逐步培養(yǎng)自己對(duì)于“美”的感知，同時(shí)提高自己對(duì)圖表的審美高度。俗話說得好“閱片無數(shù)，自然能做得心中無碼”！
那如何來培養(yǎng)和提高自己對(duì)商務(wù)圖表“美”的意識(shí)呢？當(dāng)然是要向優(yōu)秀的作品學(xué)習(xí)，向大師學(xué)習(xí)！這時(shí)可能會(huì)有疑問，這些優(yōu)秀的作品都去哪里找呢？很簡(jiǎn)單，大家想想平時(shí)最常見的商務(wù)圖表都在哪里看到的呢？商業(yè)報(bào)刊雜志、財(cái)經(jīng)類網(wǎng)站、專業(yè)的第三方數(shù)據(jù)分析公司，當(dāng)然還有一些經(jīng)典的商務(wù)分析報(bào)告，這些都是很好的作品來源，請(qǐng)見下面的多圖示例。
《商業(yè)周刊》
從這些例圖中，我們可以看到專業(yè)的商務(wù)圖表一般都具有以下這些特點(diǎn)：
1、 個(gè)性的色彩搭配。專業(yè)圖表都很少使用軟件的默認(rèn)配色，大多有自己品牌風(fēng)格用色。不同的主題遵從不同的配色原則：近似色、漸進(jìn)色、對(duì)比色、單重點(diǎn)、風(fēng)格式等靈活運(yùn)用。圖表用色簡(jiǎn)單，一般不超過三種。配色方案極具感染力，幫助讀者快速地理解色彩與圖表的關(guān)系。（PS：后面站長(zhǎng)會(huì)對(duì)專業(yè)用色進(jìn)行總結(jié)）
2、 專業(yè)的版面設(shè)計(jì)。圖表中的文字大小、字體、圖表樣式、線條、表格、色塊等元素，可能你說不出來他哪里多么好，但就是讓人看著舒服。其實(shí)這是因?yàn)閳D表的整體協(xié)調(diào)性做得好，專業(yè)的圖表都會(huì)按照一定的要求進(jìn)行編排，并以視覺方式藝術(shù)地表達(dá)出來，通過對(duì)這些元素的編排，使觀看者直覺的感受到圖表要傳遞的意思。
3、 完美的細(xì)節(jié)。重點(diǎn)數(shù)據(jù)的加粗，減淡的背景色，去掉繪圖區(qū)的邊框線，標(biāo)注數(shù)據(jù)來源，圖表標(biāo)題和副標(biāo)題之間的字體區(qū)別，甚至在圖表類型的選擇上，無一不體現(xiàn)其專業(yè)的態(tài)度。大家都聽過“一圖勝千言”，商務(wù)就是溝通，所以商務(wù)圖表中的每一個(gè)細(xì)節(jié)必須有利于表達(dá)得清晰完整，把誤解和歧義減少到最小。商務(wù)溝通中如果是因?yàn)閳D表導(dǎo)致信息的滯延和失誤是不應(yīng)該的，也是不能容忍、不能接受的。
二， 緊跟潮流
另外一個(gè)就是需要緊跟潮流，這就和我們需要擁抱移動(dòng)互聯(lián)網(wǎng)的變革一樣，要去擁抱商務(wù)圖表中的發(fā)展趨勢(shì)，在07版Office還沒出來之前，大家基本都在用Office03上的系統(tǒng)默認(rèn)配色，這無可厚非，畢竟大家都差不多。常見的圖果如下圖所示。
如果你現(xiàn)在還在用這樣的圖表做商務(wù)演示的話，那也太OUT了！從07版的Office開始微軟在系統(tǒng)中加入了新的圖表制作工具：SmartArt，這款工具可以為文檔創(chuàng)建清晰的過程圖、流程圖和其他業(yè)務(wù)相關(guān)的圖表，其顏色和樣式也非常豐富，可以做出很多專業(yè)的商務(wù)圖表。如下圖所示。不過由于其SmartArt圖形大小和固定版設(shè)的限制，使其靈活性較差，如果想用SmartArt做出專業(yè)的商務(wù)圖表，不僅僅要靈活掌握Smart的運(yùn)用技巧，還要懂得如何進(jìn)行樣式的的調(diào)整，局限性很大。（PS：可能還有同學(xué)壓根就不知道SmartArt這個(gè)東東=，=）
站長(zhǎng)還清楚的記得07年學(xué)校圖書館出現(xiàn)了一批由中國(guó)青年出版社翻譯出版的有關(guān)PPT和Excel圖表相關(guān)的韓國(guó)圖書，書中有很多都是利用Smart制作的高端商務(wù)圖表，那會(huì)還非常流行水晶質(zhì)感和三維效果的圖表，那些華麗的圖表深深地震撼了站長(zhǎng)！當(dāng)時(shí)學(xué)校圖書館規(guī)定每個(gè)分類最多一次性借閱七本書，站長(zhǎng)曾一口氣把相關(guān)的書都借了個(gè)遍，不過后來站長(zhǎng)也沒沉下心好好研究那些高端圖表的制作，因?yàn)閷?shí)在是太高端了=，=，一些示例如下。
在這之后好像就特別流行Web2.0式現(xiàn)代簡(jiǎn)約風(fēng)格。簡(jiǎn)約風(fēng)格色彩通常避免“華麗”，版式比重下降，表達(dá)比較含蓄，更強(qiáng)調(diào)內(nèi)容本身，往往能達(dá)到以少勝多、以簡(jiǎn)勝繁的效果。無論是時(shí)尚圈、家裝界還是網(wǎng)站設(shè)計(jì)，好像一夜之間對(duì)色彩、以及色彩的質(zhì)感要求就高了很多。Web2.0風(fēng)格帶來的是一種新的態(tài)度：開放、互動(dòng)、閑適的、不斷進(jìn)步。如下圖所示。
到了10年年末，微軟發(fā)布了智能手機(jī)操作系統(tǒng)Windows Phone，這也可以算是Web2.0風(fēng)格的一個(gè)延伸，12年6月微軟發(fā)布Windows Phone 8，同年10月發(fā)布Windows 8操作系統(tǒng)，Metro風(fēng)格開始深入人心！Metro風(fēng)格強(qiáng)調(diào)的是信息本身，而不是冗余的界面元素。同時(shí)在視覺效果方面，還有助于形成一種身臨其境的感覺。很多商務(wù)圖表開始采用類似的效果，如下圖所示。
InfoGraphic（信息圖表）是近年來逐漸興起來的一種設(shè)計(jì)表達(dá)，又稱Data Viz (數(shù)據(jù)可視化)，其最大的特點(diǎn)就是將一些冷冰冰的數(shù)據(jù)及信息以豐富的設(shè)計(jì)語言表達(dá)，在信息能夠清晰傳達(dá)的同時(shí)又給人賞心悅的感覺。當(dāng)然，信息圖表并不是什么新產(chǎn)物，它其實(shí)一直存在，就算在互聯(lián)網(wǎng)時(shí)代以前，很多雜志及報(bào)刊在傳達(dá)數(shù)據(jù)及信息時(shí)就曾經(jīng)有過類似的設(shè)計(jì)。而在很多編輯軟件中，我們也可以快速制作一些柱狀及圖餅形的數(shù)據(jù)展示。那與今天所流行的信息圖表有什么不同？如果用一句話來表達(dá)，那就是，以前的圖表著于數(shù)據(jù)的可讀性，而今天在保證數(shù)據(jù)的可讀性前提下，也著重于數(shù)據(jù)的可觀性。如上圖所示。（號(hào)外：站長(zhǎng)下一篇文章就是關(guān)于信息圖表的，歡迎關(guān)注^_^）
站長(zhǎng)的這段總結(jié)可能并不一定準(zhǔn)確，非常歡迎各位專業(yè)的同事指證?！斑\(yùn)動(dòng)是絕對(duì)的”后續(xù)商務(wù)圖表的風(fēng)格會(huì)怎么變化，這個(gè)站長(zhǎng)也不清楚，不過可以預(yù)料的是，圖表的核心是傳達(dá)明確的主題觀點(diǎn)，無論版式、色彩怎么變，永遠(yuǎn)都要圍繞如何更好的闡述主題服務(wù)。
三， 動(dòng)手實(shí)操
站長(zhǎng)在上面第一條中講了商務(wù)圖表三個(gè)特點(diǎn)，其中第一點(diǎn)是講專業(yè)的圖表版式。那么，何為專業(yè)的圖表版式呢，在動(dòng)手實(shí)操之前，站長(zhǎng)再跟大家一起重新認(rèn)識(shí)一下專業(yè)圖表的布局。如下圖所示。
商務(wù)圖表與普通圖表的差別，很大程度就體現(xiàn)在版式和顏色的使用上。專業(yè)的商務(wù)圖表或數(shù)據(jù)分析報(bào)表中很少使用系統(tǒng)默認(rèn)版設(shè)和用色！或許你還心存疑問，我看專業(yè)圖表也就那樣，為啥看起來就那么上流呢？別人做出來的圖表不僅可讀、易讀，而且還非常可觀，就跟藝術(shù)品一樣！
作為普通用戶，往往我們受限于使用軟件的默認(rèn)版式和用色，而且對(duì)版設(shè)和色彩的感知也不能跟專業(yè)的設(shè)計(jì)師相比。如果要我們重新去學(xué)習(xí)相關(guān)的理論和教材，經(jīng)常的情況就是要么沒時(shí)間，要么不得要領(lǐng)，就算自己用了一些不常見的版設(shè)或色彩，還可能出現(xiàn)格調(diào)不搭、太花或者太臟亂的感覺，難以達(dá)到商務(wù)圖表的專業(yè)效果。
站長(zhǎng)對(duì)前面提到的商業(yè)雜志和分析機(jī)構(gòu)的常見用色做了整理，請(qǐng)見下面的多圖。大家可以直接參考其中的RGB色值來選擇自己喜歡的配色方案。（PS：這里需要用到一個(gè)小工具，就是取色器，我常用的是這塊ColorPix，下載即可）如果大家覺得這些示例圖還不過癮，站長(zhǎng)分享了大量的專業(yè)圖表和配色素材，幾百款任君挑選！附件可直接下載。如果有更多的興趣，大家可以搜索一下關(guān)于配色的網(wǎng)站、文章以及軟件都非常多，挑自己喜歡的多嘗試運(yùn)用就好了。
源文件站長(zhǎng)微博已分享，免費(fèi)下載！ 話說創(chuàng)新都是從模仿開始，說了這么多，跟隨站長(zhǎng)一起動(dòng)手實(shí)踐吧（PS：無論是是用Excel、PPT還是Word，請(qǐng)新建一個(gè)空白文檔，并將文檔重命名為“我的商務(wù)圖表第一次實(shí)操”）。站長(zhǎng)會(huì)分PPT、Excel兩個(gè)套路操作。（PS：Word中和PPT的操作類似）
要參考的商務(wù)圖表如下圖所示。
3.1 PPT實(shí)操
第一步，如下圖，選擇工具欄插入-圖表-默認(rèn)柱狀圖，點(diǎn)擊確定。（站長(zhǎng)是Office2010版本）
確定后默認(rèn)出現(xiàn)的數(shù)據(jù)源和圖表如下。
第二步，對(duì)比參考圖，有四個(gè)類別，一個(gè)系列，且Y軸的標(biāo)簽值最大為3，每個(gè)類別的值大概預(yù)估一下，對(duì)數(shù)據(jù)源做對(duì)應(yīng)調(diào)整，調(diào)整后的數(shù)據(jù)源和圖表如下圖。
第三步，對(duì)比參考圖，我們可以看到可視化對(duì)象已經(jīng)有點(diǎn)類似，在主/附標(biāo)題，圖例，Y軸次要刻度，腳注，數(shù)據(jù)來源，背景色，數(shù)據(jù)區(qū)域底色，柱狀條顏色這些點(diǎn)上都有不同。下面咱們一個(gè)一個(gè)來調(diào)整。如下列圖所示。
A.修改柱狀條顏色
B.刪除圖例，主標(biāo)題，修改背景色
C.縮小比例
完成的效果
E.修改坐標(biāo)軸標(biāo)簽字體大小，調(diào)整大小，增加主標(biāo)題，腳注和數(shù)據(jù)來源
（PS：標(biāo)題的字體站長(zhǎng)是自己找了一個(gè)類似的Kozuka Gothic Pr6N H，如果沒有可以直接用文本填充即可）
站長(zhǎng)在調(diào)整X軸和Y軸的標(biāo)簽時(shí)，發(fā)現(xiàn)找不到合適的字體來對(duì)齊，所以索性就直接把兩個(gè)標(biāo)簽刪除了。對(duì)比參考圖，發(fā)現(xiàn)左右都有Y軸，所以直接用文本框加線條的方式來補(bǔ)充。完成效果如下圖。
再對(duì)比原圖，我們發(fā)現(xiàn)Y軸刻度線是間隔性的出現(xiàn)白底，同時(shí)還有一個(gè)Y軸的標(biāo)題加一個(gè)副標(biāo)題說明，我們一起補(bǔ)上。
最后再稍微調(diào)整下相關(guān)的細(xì)節(jié)，最終示意圖如下。
怎么樣，當(dāng)看到這個(gè)效果圖時(shí)，是不是很震撼！其實(shí)專業(yè)的商務(wù)圖表也不難做，各種自信心就來了，有木有！記得獎(jiǎng)勵(lì)一下自己哦，和旁邊的同事分享一下你的喜悅，或者RTX站長(zhǎng)小彈窗，和我分享你的成果^_^
如果你最后做出的效果和參考圖不太一樣，別擔(dān)心，多嘗試幾次，給自己打打氣，大吼一聲：Fighting！只要你愿意嘗試，肯定能實(shí)現(xiàn)的，如果實(shí)在搞不懂，可以再找站長(zhǎng)溝通。這里站長(zhǎng)留一個(gè)伏筆，等待細(xì)心的同學(xué)來發(fā)現(xiàn)。（PS：推薦加群165 990 001）
點(diǎn)評(píng)：用PPT制作圖表非常簡(jiǎn)單，因?yàn)镻PT中對(duì)于底色和坐標(biāo)軸的標(biāo)簽都非常簡(jiǎn)單，別忘了，屌絲產(chǎn)品是可以嘗試用PPT逆襲PS的哦！
3.2 Excel實(shí)操
第一步，對(duì)比參前面參考圖，數(shù)據(jù)部分我就不在贅述了，基本完成如下。
第二步，優(yōu)先處理圖例，X,Y軸標(biāo)簽，柱狀填充顏色。完成效果如下圖。
第三步，調(diào)整背景及間隔淺色背景條。
這個(gè)在PPT上可以用分層的圖形填充快速完成，而在Excel中就不能這么做了，需要結(jié)合Excel的特點(diǎn)來完成，這里有兩種方法，大家可以都嘗試一下。
第一種。直接用單元格填充顏色+透明圖表的方式來實(shí)現(xiàn)，只需把對(duì)應(yīng)的行高和列寬調(diào)整即可。
設(shè)置圖表區(qū)純色填充100%透明，或者設(shè)置點(diǎn)擊“無填充”都可以實(shí)現(xiàn)。
再將繪圖區(qū)也設(shè)置為透明效果。
此時(shí)，整個(gè)圖表都為透明效果了，調(diào)整對(duì)應(yīng)的單元格，并設(shè)置好填充色。完成效果如下。
有木有發(fā)現(xiàn)，做出來的效果還不錯(cuò)，下面咱們運(yùn)用第二種方法來嘗試一下。
第二種。利用輔助數(shù)據(jù)數(shù)列做出條形圖模擬隔行填色，這個(gè)方法相對(duì)而言會(huì)比第一種難一點(diǎn)，在對(duì)兩個(gè)圖形的融合處理上需要掌握一定技巧。
新增輔助數(shù)據(jù)列，用0,1,0,1數(shù)據(jù)來填充，并添加柱形圖。如下圖所示。
設(shè)置坐標(biāo)軸格式，縱坐標(biāo)軸交叉“最大分類”，位置坐標(biāo)軸“刻度線之間”，將Y軸換到右側(cè)。
設(shè)置Y軸最大值固定為1，橫坐標(biāo)交叉“坐標(biāo)軸值為1”，使X軸換到上側(cè)，如下圖。
對(duì)輔助圖表區(qū)，繪圖區(qū)，柱形條及邊框設(shè)置顏色。如下圖
調(diào)整后的圖形已經(jīng)和參考圖中的縱向填充色很相似了，下面我們來將兩個(gè)數(shù)據(jù)
融合到一起。先把上面的柱形圖更改為條形圖，并設(shè)置X軸的最大值為1，刻度為0.2。如下圖。
選中上面圖表，右鍵“選擇數(shù)據(jù)”，添加數(shù)據(jù)，圖例項(xiàng)選擇年份列，水平軸標(biāo)簽選擇數(shù)據(jù)列。如下圖。
