讓苦手的數據圖表設計,一下子就上手!|入門到進階的21堂課,一次掌握!(內附教學影片)

2022/02/14閱讀時間約 13 分鐘
作者:小咖PPT曹學斌

論點 ▸ 理由 ▸ 證據 ▸ 論點,是簡報的基本公式。

其中的證據,經常需要用到數據圖表(infographic),讓『論點更有力』!

麻煩的是,數據圖表常常讓我覺得:人生怎麼這麼難!

於是,我花了一點時間,研究圖表功能,並做了21支教學影片,讓同為『圖表淪落人』的上班族,可以從基礎開始,修煉你的圖表超能力。

圖表四大基本分類


圖表大神安德魯·V·阿貝拉 (Andrew V. Abela) 幫我們把圖表分成四類:
。構成 Composition
。分佈 Distribution
。比較 Comparison
。關聯 Relationship


下圖是我簡單整理,這位大神的分類方式,以及每個分類下所屬的圖表!

使用率超高的5種圖表

看了大神的完整分類,你肯定更頭痛,我這裡整理了自己最常使用圖表,我們平常所做的PPT圖表,80%以上不脫離這5種圖表。

。柱狀圖
。橫條圖
。折線圖
。餅圖
。環形圖

。柱狀圖
。橫條圖
。折線圖
。餅圖
。環形圖

圖表設計21招


入門第1課:圖表範本


效果:當我們花心思好不容易,把一份圖表的顏色和線條設置完成後,我們可以設置成『範本』,下次就可以只接引用,10秒內複製出一樣的圖表,真的非常好用!『範本』是上班族的必學的省時救星!

step1 完成圖表的設計
step2 儲存成範本
點選圖表 ▸ 選取上方的圖表設計 ▸ 變更圖表類型 ▸ 另存為範本 ▸ 輸入範例名稱
step3 引用範本
在另一份圖表上點選圖表 ▸ 選取上方的圖表設計 ▸ 變更圖表類型 ▸ 範本 ▸ 選取之前設置的範本
step4 微調圖表
最後,還是要微調的大小與位置喔!但是速度真的很快!
快技巧!快速複製圖表樣式!製作PPT圖表的第一課!【商業簡報PPT教學】圖表設計:圖表範本(PPT DESIGN)
https://www.youtube.com/watch?v=fYZCeplm3hg&t=31s

入門第2課:柱狀圖的間距設定


柱狀圖的粗細,可以透過『數列選項』的數列重疊和類別間距,控制柱子的粗細!

step1 點選柱狀圖的柱子
step2 點選『數列選項』
step3 拖曳『數列重疊』或『類別間距』的百分比控制條!
類別間距
類別之間的距離。比如說,數據為:5個分店一月份業績。『類別間距』指的就是,5個分店『數據柱』彼此間的距離。

數列重疊
數列之間的距離。比如說,數據為:5個分店(類別)下,各自有1月、2月、3月業績。數列重疊,即是調整1月、2月、3月業績之間的距離。


太基礎一定要會!柱子的間距設定【 商業簡報PPT教學】資訊圖表(PPT Design)
https://www.youtube.com/watch?v=sO73R684M34&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=13

入門第3課:柱狀圖的反差動畫


效果:按一下簡報筆,某個柱子的高度,突然升高。同時,另一個柱子突然降低。用來凸顯數據的高低變化。

上班族很愛用的柱狀圖動畫!【商業簡報PPT教學】動畫設計:伸展與摺疊動畫(PPT DESIGN)
https://www.youtube.com/watch?v=zYO3qzUqgIg&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=1

入門第4課:柱狀圖的形狀設計

效果:美化柱狀圖,變成三角形或圓柱體或立方體。方法、很簡單,只要複製
形狀,貼在數據柱上即可。

柱狀圖美化,一招『複製+貼上』,媲美設計師等級!【 商業簡報PPT教學】資訊圖表(PPT Design)
https://www.youtube.com/watch?v=KeiB6I7aMmY&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=17

入門第5課:橫條圖基礎設計

效果:橫條圖究竟要怎麼做,看起來才順眼好看!很多人其實不知道喔。

什麼時後用橫條圖?數據怎麼排才好?動畫怎麼設?【商業簡報PPT教學】圖表設計:橫條圖擦去動畫(PPT DESIGN)
https://www.youtube.com/watch?v=IjVJs0LYUzk&t=10s

入門第6課:橫條圖用ICON圖標取代

效果:橫條的長度,變成一個一個的圖標組成(比方說:上衣或褲子),一眼就能看懂,這個橫條代表的是上衣或褲子的數據長度。

橫向的條形圖,變成用圖標橫向排列,PPT真正的一目瞭然!【 商業簡報PPT教學】資訊圖表(PPT Design)
https://www.youtube.com/watch?v=MRseg5jggN4&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=16

入門第7課:折線圖變曲線圖

效果:有時候,我們不太喜歡生硬的折線,就可以把它改成平滑的曲線!

折線圖,一秒變圓滑!【 商業簡報PPT教學】資訊圖表(PPT Design)
https://www.youtube.com/watch?v=a8xyDMIrrb8&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=15

入門第8課:改變柱狀圖的座標軸

效果:讓數據柱子,和在下方類別文字之間,出現空間,可以置入icon圖標,方便聽眾,一眼就能看出每個數據柱,代表的意義。

【 商業簡報PPT教學】資訊圖表:柱狀圖_座標軸選項(PPT Design)
https://www.youtube.com/watch?v=Zt_HmQFV4F4&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=12

入門第9課:手繪餅圖

效果:遇到數據很簡單的餅圖,懶惰打開Excell,你可以直接用PPT,快速畫出來類似的效果喔!

快技巧:手繪餅圖【商業簡報PPT教學】圖表設計:圓形圖(PPT DESIGN)
https://www.youtube.com/watch?v=O72Co96TBoQ

入門第10課:百分比圓環圖

效果:遇到數據簡單的圓環圖,我們可以避開Excell,用弧線形狀,直接搞定。

上班族常用的環圈圖,用『弧線』畫,美感甩同事十條街!【 商業簡報PPT教學】資訊圖表:手繪環圈圖(佔比或進度PPT Design)
https://www.youtube.com/watch?v=1QszyZJjruM&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=14

進階第1課:百分比環形圖動畫

效果:讓環形圖可以向跑分一樣,繞著圓環跑出結果,這是我們上班族很有機會用到的技巧喔。

奔跑吧!環形圖!【商業簡報PPT教學】動畫設計:滾輪動畫+擦去動畫(PPT DESIGN)
https://www.youtube.com/watch?v=R4s5x9ZWpzI&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=10

進階第2課:粗細環圈圖

效果:讓數據大的環圈,看起來更粗更顯眼,讓數據小的環圈,看起來更細!當我們想強調大小差距時,就可以運用這個技巧喔。

粗細環圈!【商業簡報PPT教學】圖表設計:環圈圖(PPT DESIGN)
https://www.youtube.com/watch?v=gG0b9DdUGRY&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=8

進階第3課:玉玨圖(變形環型圖)

效果:這種環型圖的滿分100%,不是完整360度,而是270度。好處是缺口處,就可以放入標題文案,同時增加設計感!也是歐美設計用來裝B的數據圖表。

超酷的變形環型圖,說明欄附上Excell公式給你【 商業簡報PPT教學】資訊圖表:玉玨圖(PPT Design)
https://www.youtube.com/watch?v=T_2RtiUtK7Y&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=18

進階第4課:用不同照片,顯示在環圈圖的分類

效果:區隔環圈圖各分類的方法,就是顏色!但是,我們也可以用不同的照片,組成環圈圖!同時,不同的照片,也顯示各數據的意義。

把平淡的環圈圖,變漂亮的照片環圈圖!【商業簡報PPT教學】圖表設計:環圈圖(PPT DESIGN)
https://www.youtube.com/watch?v=-0zI0aqbjQE&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=7

進階第5課:柱狀圖+折線圖

效果:有時候,我們會有這種需求,同時要呈現柱狀圖+折線圖,設置上有一個小秘訣,趕快來學吧!

直條圖合併折線圖【 商業簡報PPT教學】資訊圖表:感覺Excel好像有個小BUG(PPT Design)
https://www.youtube.com/watch?v=Ibt8tQsysNU&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=2

進階第6課:照片柱狀圖

效果:把一張原本完整的照片,變成一條一條的柱狀圖,這是大型演講PPT,會運用到的技巧。

照片柱狀圖!【商業簡報PPT教學】圖表設計:圖案格式►分割(PPT DESIGN)
https://www.youtube.com/watch?v=6_MF0mkjUi8&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=3

進階第7課:用icon圖示數量顯示百分比

效果:這是滿受歡迎的技巧,可以用icon的數量,顯示百分比!

你很想要的圖表:用icon圖示數量,來顯示百分比!【商業簡報PPT教學】圖表設計:群組橫條圖(PPT DESIGN)
https://www.youtube.com/watch?v=lmu2U25haPo&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=6

進階第8課:數據地圖

效果:地圖資訊(比如說XX品牌各國的營業額),有些人做起來覺得很痛苦,其實有地圖產生器,幫你快速編輯美化完成地圖,你只要做後在PPT上加上數據即可!

製作地圖資訊不崩潰,用免費線上產生器,立馬搞定!【 商業簡報PPT教學】資訊圖表(PPT Design)
https://www.youtube.com/watch?v=I1Qm8cCOlZM&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=11

進階第9課:龍捲風圖表

效果:特別適合兩個單位,互相PK多個項目,讓兩者的比較,一目瞭然!
龍捲風圖表!【商業簡報PPT教學】圖表設計:推疊橫條圖(PPT DESIGN)
https://www.youtube.com/watch?v=JzwXrmYHLBo&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=9

進階第10課:散佈圖

效果:透過它,你可以讓自己或主管,一眼就看出某幾個族群(segment)的表現分佈狀況,方便做出後續的策略。

可以一眼看出大局,做出決策判斷的必學圖表!【商業簡報PPT教學】圖表設計:散佈圖(PPT DESIGN)
https://www.youtube.com/watch?v=4rosWkhDXNY&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=4

進階第11課:泡泡圖

效果:用一句話解釋,就是在X軸A數值,和Y軸B數值,交匯處的C的數值!同時,解釋了分佈的局勢,與關鍵數字的大小(泡泡大小)。


一直很想學會的高大上泡泡圖!詳細拆解步驟來囉!【商業簡報PPT教學】圖表設計:泡泡圖(PPT DESIGN)
https://www.youtube.com/watch?v=Amchs0I38KQ&list=PLplxafYnVhV4QjzqxodELtAamIUM9Q-oz&index=5
追加:

進階第12課:對比直條圖

效果:目標數字和實際達成的數字,兩個對比做成直條圖,是非常實用的圖表!

目標與實績對比差異的直條圖【商業簡報PPT教學】圖表設計:堆疊直條圖(PPT DESIGN)
https://www.youtube.com/watch?v=LpPreNrUw3A
為什麼會看到廣告
小咖PPT曹學斌
小咖PPT曹學斌
曾任職於阿里巴巴B2B台灣分公司、遠東集團電子商務、eBay、瘦身雜誌等公司,於阿里巴巴期間,負責對外演講簡報製作、BD合作提案、千人大型論壇專案,逐漸提升ppt製作技能!將自己這幾年的實戰製作經驗,製作成教學視頻,分享在YT的小咖PPT頻道!希望你會喜歡我的影片!
留言0
查看全部
發表第一個留言支持創作者!