你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

PowerPoint 收藏 啟航工作室自媒體 2019-04-21

之前 PPT 餅圖教程推出後,有小夥伴留言詢問有沒有關於柱形圖 / 條形圖的一些玩法,想借此在一些彙報上突出新意,所以就有了今天這篇依舊很乾的教程。

不得不說柱形圖和條形圖在做數據彙報時很常用,但因為大多數小夥伴在製作時,習慣直接插入默認圖表就算完事兒,所以做出來的效果往往千篇一律又不夠美觀:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

也有一些小夥伴意識到直接插入默認圖表顯得我們沒下過功夫,所以會花心思加上一些修飾的元素,但結果往往不盡人意:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

那首先,我們分析下該怎麼美化像上面這樣的柱形圖。

01、柱形圖 / 條形圖的基礎美化

柱形圖和條形圖表達數據的邏輯差不多,只不過一個是豎放,一個是橫放,所以一些美化方法及玩法可以通用。

關於美化,有三步曲——刪除多餘元素、修改配色和字體、突出重點信息

嘿嘿是不是很簡單,那我們開始動手啦。

①刪除多餘的元素

所謂大道至簡,圖表也是如此。

圖表旨在傳達有效的信息,視覺上負荷的東西太多,反而會造成我們的審美疲勞,所以美化的第一步就是刪除多餘的元素,比如:

刪除多餘的形狀填充、形狀輪廓:

圖表區的填充色和輪廓 / 繪圖區的填充色和輪廓 / 座標軸處的框線 / 柱形的填充色和框線,這些都可以通過「形狀填充」和「形狀輪廓」進行調節。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

刪除多餘的圖例 / 網格線 / 座標軸 / 柱形效果:觀察下哪些元素需要存在起到說明作用的,但是沒有加上,哪些元素卻是多餘的,比如這個案例中:

座標軸已經標明瞭各個月份,圖例就顯得多餘了,可以刪除網格線或降低其透明度,數據標籤都有了,縱座標軸數據就沒必要了,柱形的三維和陰影效果,很用心但是效果很雷人。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

所以一律刪除,部分元素可以選中後按 delete 鍵直接刪除,比如圖例、座標軸、網格線:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

②修改配色和字體

關於配色,上一篇餅圖教程講了一些方法,這裡就不再贅述了。

字體建議用微軟雅黑 / 思源黑體這些比較適合圖表呈現的字體。(商業用途字體版權問題需要注意)

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

③突出想要傳達的重點信息

有時候圖表不僅要做呈現數據的工作,還要能看出結論,這一步按需設置。

比如這裡我給銷量最高的四月份填充成其他顏色,再對圖表做一些微調,比如圖表的大小。

雙擊選中單個柱形修改配色,直接拖拽外框調整圖表大小:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

同樣的,條形圖也可以按照這三步曲去美化——刪掉多餘元素、修改配色和字體、突出重點加微調,這樣基本的圖表美化就算完成了:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

接下來是關於一些柱形圖 / 條形圖玩法的分享,學會了這些技巧,你的圖表會比他人更有新意哦。

02、柱形圖 / 條形圖的進階玩法

先記住一點:在柱形圖和條形圖中,想要設置哪一部分元素,就選中它,然後右鍵選擇對應的格式設置。

比如要對網格線進行設置,那選中網格線右鍵,就會有對應的「設置網格線格式」;要對座標軸進行設置,那選中座標軸右鍵,就會有「設置座標軸格式」。

①複製粘貼

談到柱 / 條形圖的玩法,大多數人知道複製粘貼這個小技巧,這裡分成三類來做個分享,分別是:直接複製粘貼、複製粘貼+層疊、輔助列+複製粘貼。

直接複製粘貼:

對於一些規則簡單的形狀,直接 ctrl+c 複製形狀後點擊柱形,ctrl+v 粘貼即可。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

粘貼成三角形後,想要修改顏色,需要在外面將三角形改成另一個顏色後再一次填充。

複製粘貼+層疊:

複製粘貼進去的圖形默認呈拉伸狀態,如果我們用的是圖標,此時圖標會被拉伸,需要用到「層疊」才能解決——柱形右鍵,選擇設置數據系列格式,在「填充」中將伸展改為層疊。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

學會這一招,就可以找到與圖表主題相關的圖標,做出別樣又生動的柱形圖啦。

輔助列+複製粘貼:

並不是所有形狀都可以直接複製粘貼,比如下面這個例子,粘貼後形狀就變形了:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

這時候就需要用到輔助列,即把原數據拆成兩部分,輔助列部分為原數據中一個固定的數值,另外一列為剩下的數據。

比如輔助列設為400,剩下的一列就是每個月的原數據減去400,然後拖動數據編輯窗口的藍色框線,除去原始數據在圖表中的顯示。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

(注意編輯數據時,「輔助列」在「原數據-輔助列」的右側)

接著,將圖表類型更改為「堆積柱形圖」,就可以對兩部分分別修改顏色及形狀:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

這裡留意兩點:

一是如果編輯數據時「輔助列」沒有放在「原數據-輔助列」的右側,橙色部分就會跑到柱形的底部;二是上面部分的彎曲程度跟輔助列數據的大小有關

如果想要添加數據標籤,可以先讓輔助列的數據標籤顯示出來,右鍵——設置數據標籤格式——勾選「單元格中的值」,反勾選「值」,此時就會跳出編輯數據框供你選擇數據了。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

結尾拖拽數據標籤後會有一條引導線,也可以通過在「設置數據標籤格式」中反勾選「顯示引導線」去掉。

②組合圖表

組合圖表,即圖表嵌套,主要是將兩個圖表分別設置為一個主座標軸,一個次座標軸,由此可以讓兩個圖表互不干擾地進行顏色填充、複製粘貼等操作。

比如將兩個柱形圖組合,可以做出下面這樣的指標完成圖:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

將柱形圖和折線圖組合,就顯示這張圖表:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

將兩個條形圖組合,做出下面這樣的對比圖:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

先以第一個為例,我們插入柱形圖,輸入數據:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

接著點擊柱形圖,選擇「更改圖表類型」為組合圖表,確保兩個圖表都是簇狀柱形圖,然後勾選「目標值」為次座標軸:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

此時有兩個縱座標軸,確保兩者的數據區間是一致的,不然圖表呈現會出錯(選中柱形右鍵——設置座標軸格式——設置邊界值),然後刪除其中一個縱座標軸:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

接著進行修改配色和字體等微調,就大致完成了,這裡需要注意兩個柱形圖如果都設置填充色,一些柱形就會被擋住,所以我其中一個只設置輪廓色,另一個設置填充色:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

有了複製粘貼以及第一個組合圖表的基礎,第二張火箭圖就變得非常簡單。

首先輸入兩列相等的數據,然後更改圖表類型時,一個為柱形圖另一個為折線圖,勾選其中一個為次座標軸,確保兩個縱座標軸的數據範圍一致後,刪除其中一個縱座標軸:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

為了後面效果明顯,我先把圖片背景加上,網格線的設置可以通過選中網格線——右鍵設置網格線格式中,調整其透明度;接著將火箭圖標複製粘貼折線圖的標記點,並選中折線圖,設置形狀輪廓為無,就可以把折線去掉,完成折線圖的美化:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

接下來是柱形圖的美化,這裡繪製形狀稍微有些耗時,通過三角形編輯頂點+漸變填充得到:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

調節好後進行漸變填充

選中形狀右鍵——設置形狀格式——漸變填充——類型為「線性」,角度「90°」,設置兩個都為白色的光圈,前一個透明度0%,後一個100%:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

現在可以對柱形複製粘貼啦,後面添加數據標籤還有圖表標題就不過多演示了~

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

最後是第三個對比條形圖的做法,首先插入條形圖,輸入數據,可以看到編輯數據的類別 2015-2018 跟條形圖中的順序是相反,通過選中座標軸右鍵設置座標軸格式中選擇「逆序類別」即可,熟悉後你也可以選擇倒著設置數據:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

然後更改圖表類型,兩個都為條形圖,其中一個為次座標軸,此時就會出現兩個橫座標軸:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

按照前面的例子,我們接下來需要對比兩個橫座標軸的數據區間,刪除其中一個,但目前兩個條形圖還是同向的,怎麼反過來?

這裡就需要在數據區間的邊界值上花點心思。我們把對比條形圖的中間線看作起始點0,左邊為負,右邊為正,就可以明白數據區間應該為一個負數到0再到正數的過渡:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

觀察條形圖的座標軸範圍是 0-5,所以區間設置正數最大值為5,負數最小值為-5,即區間範圍是-5到5,然後將其中一個逆序(勾選逆序刻度值),座標軸就會倒置,從而起到讓條形圖相反的效果:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

接著添加數據標籤,刪除座標軸,修改配色和字體,就不多說啦:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

因為是組合圖表所以同樣有兩個縱座標軸,目前這個是主縱座標軸,想讓縱座標軸(2015-2018)放在外面,我們選擇通過顯示次縱座標軸來達成:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

只顯示次要縱座標軸,結尾出現的座標軸的邊框線可以通過形狀輪廓設置為無來去掉。

③系列重疊

系列重疊,即當數據包含一個以上系列時,可以在圖表中將其柱形 /條形 進行重疊。

案例一:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

這個圖表有兩種做法,一種是百分比堆積條形圖,一種是系列重疊。

百分比堆積條形圖比較簡單,就不贅述了:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

系列重疊法:

首先插入條形圖,錄入數據,一個系列為總比例100%,另一個系列為各個年份的佔比:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

接著選中條形右鍵設置數據系列格式,這裡有兩個調節選項:系列重疊間隙寬度

系列重疊:調節每個類別中兩個條形重疊的程度,調節到100%即可完全重合

間隙寬度:條形的寬窄

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

最後調節顏色,加上數據標籤就完成這個圖表的製作。看起來百分比堆積更容易做,為什麼要這麼麻煩用系列重疊呢?因為運用系列重疊可以做出下面這樣的圖表~

案例二:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)


案例三:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

案例三也是用條形圖做成的,用到了系列重疊+複製粘貼,參考我們上面的條形圖系列重疊案例就可以做出來,就不贅述啦。

我們來看下溫度計那張圖表是怎麼實現的。同樣是用到了系列重疊這個知識點,這次是柱形圖。

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

準備好三個溫度計~高度和寬度跟柱形的高寬儘量保持一致:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

對柱形圖設置系列重疊,然後將溫度計複製粘貼進柱形圖,填充方式選擇層疊並縮放:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

沒關係,我們調節單位與圖片的比例,默認是1,我們可以往100調,如果形狀變形可以再增大數值進行微調:

你做的柱狀圖太醜了,這些美化技巧教給你(收藏)

這裡我調節成130,可以較好地使溫度計不變形,溫度計圖表就做好啦。

03、寫在最後

那今天先分享到這裡,全程很乾且需要耐心看完加動手操作系列。

一起復習下吧~

普通圖表的美化步驟——刪除多餘元素、修改配色和字體、突出重點信息+微調

其他玩法——複製粘貼、組合圖表、系列重疊

因為重於演示操作,所以部分數據沒有經過專門設置,另外有些圖表的做法不止一種,礙於篇幅就不過多說明了,如果大家瀏覽到有好看的柱形圖 / 條形圖,可以對照下這幾種方法看看怎麼實現。

相關推薦

推薦中...