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