資訊圖表|修正折線圖表設計,配合及突出你的訊息

更新於 2022/08/25閱讀時間約 1 分鐘
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
先來看看幾個做得不錯的基本事項:
  1. 標題直接點出結論,而非表面地寫「快消品線上通路銷額成長率」。有些人會覺得圖表的標題愈客觀愈好,令觀眾先消化整個圖表再得出結論。然而在節奏快速的簡報中,觀眾未必有時間和興致慢慢自行分析,情願先聽你的解說,然後再決定是否取信你的分析。
  2. 副題清楚闡述百分率的意義,在觀眾心裡面發問「這些增長率是甚麼的增長?」的問題之前,搶先把問題解答,使他們放心繼續把視線推進至圖表的內容部分。
  3. 在底部位置展示數據來源,可以加強說服力及可循找性,並正確地使用較小的字體來減低注目度。

可是在另一些基本的事項上,仍然有可以改善的地方,從X軸的標籤說起吧。年份在各個標籤中不斷重複,除了非必要以外,也因為標籤字數增加了,逼使字體縮小,甚至要把標籤以斜角來顯示,這些都會影響到圖表的可讀性。
修正的方法很簡單,就是把重複的年份抽起,只在每年的一月份才展示一次。你或許會疑惑那麼一月份的標籤會否仍然太長,保留了以上的缺點呢?
其實你在圖表中右按,選擇Edit Data in Excel,在需要分行顯示的標籤,例如「JAN2020」,中間如在Excel一樣,按下Alt+Enter來分行即可(PowerPoint for Mac則是option+return),年份就能夠順利在下一行才顯示。

處理好軸線,我們來看一下圖表的部份。標題的結論(下圖的1)是有關於疫情趨緩之際的數據不低於20%,然而當望向圖表(下圖的2),眼光首先被吸引的,是兩個以鮮紅色圈出疫情爆發區間,紅色框突出了最高的四個百分率,不但無助加強訊息的傳遞,更與標題的焦點,亦即是疫情後期的數據,構成了衝突;再者,紅色邊框的下半部也與X軸標籤重疊,令標籤的文字看不清楚,觀眾對圖表的印象也更形粗糙。
要修正衝突的訊息,先要明白需要點出何時是疫情後期,而非突顯何時是疫情高峰。把鮮紅色邊框轉換成淺灰色塊,可有效降低注目度;把X軸線的標籤與軸線的距離拉開(透過Distance to axis設定修改),創造了空間來放好疫情期間的說明文字,不用再跟標籤有所重疊。

把圖表與標題的訊息都調整至同一方向,就可以著手加強圖表中數據的突顯。透過文字的字重、數據點的大小和顏色,把處於疫情後期、增加率超過20%的數據點顯明出來,觀眾也更自然和容易望向你想強調的地方。
這時候再想一下,既然訊息是要強調後疫情數據多數超過20%,那為什麼不在圖表加上20%的分隔/參考線呢?不需要自己來畫,加入一個新數列,數列中所有數據都是20%就好。線條加入後圖表給人的感覺更為完整了!

最後來看一下調整前後的比較,能夠看到當中的差異:
要是你想學習簡報或是視覺化設計,但喜歡看圖多於看文字,可以追蹤我的專頁,一口式內容,適合通勤時學習之用。
為什麼會看到廣告
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
很多時候,我們都希望能夠盡善盡美,然而現實中時間與資源不是無限,如何用最少做到最多,就是大眾都在追求的效率。透過這篇教學,我們花少於一分鐘,就可以在PowerPoint軟件創造出簡報中的膠帶設計效果。沒有一百分的精緻,卻有只花一分鐘的省時。
商業簡報除了需要好看吸引,也需要帶給決策者可付諸行動的洞見(actionable business intelligence)。在大家都可以找到的數據之上,如何做好篩選和分析,成就了你與其他人的分野。環觀全球仍是籠罩在後疫情、地緣政治、通漲升溫下,剛剛過去了的半年結,你的分析又為老闆帶來了一些甚麼?
蘋果的軟硬件發佈會,產品受注目以外,很多人也留意簡報的字體、配色、動畫,希望收歸己用。外在的模仿相對容易,然而在簡報學習路途上,更重要是去理解背後的設計思維。在剛剛過去的蘋果WWDC,軟件功能總結的投影片,設計看上去簡單直接,仔細分析之下,發現這不甚起眼的一頁,背後已經應用了十種排版的思量和和技巧。
在簡報、文案以至是文書來往的過程中,我們需要闡述論點之間的關係,層層推進直到結論,利用邏輯的架構及相關的證據,去加強訊息的說服力。然而直線前進的解說,還遠不及多角度、立體化的註解,所以我們就來看一下,在英語的環境如何話峰一轉吧。
另一種需要預先看的情境,我們稱之為「pre-sell」,遇上全新的提案,或是有機會帶來爭議的內容,先逐個找來將會出席的部門談一下,簡介一下提案或是專案的背景和內容,了解一下對方的取態和立場,在可行的情況下說服對方的支持。無論結果是如何,你在開始簡報前,對於每位觀眾是否支持專案,心裡面已經有了一個底。
上個星期,我的第一本著作終於獻醜上市了。經過了幾個月近乎雙倍工作量的生活,每晚寫稿到半夜,終於有機會跟更多人分享自己的經驗和心得。雖然朋友覺得新書好看有用,始終是素人身份,要讀者拿起我的書來看也不是件容易的事情。在不少先進的推薦下,慢慢開始有了銷量,接下來跟大家分享一下這本書究竟寫了些甚麼。
很多時候,我們都希望能夠盡善盡美,然而現實中時間與資源不是無限,如何用最少做到最多,就是大眾都在追求的效率。透過這篇教學,我們花少於一分鐘,就可以在PowerPoint軟件創造出簡報中的膠帶設計效果。沒有一百分的精緻,卻有只花一分鐘的省時。
商業簡報除了需要好看吸引,也需要帶給決策者可付諸行動的洞見(actionable business intelligence)。在大家都可以找到的數據之上,如何做好篩選和分析,成就了你與其他人的分野。環觀全球仍是籠罩在後疫情、地緣政治、通漲升溫下,剛剛過去了的半年結,你的分析又為老闆帶來了一些甚麼?
蘋果的軟硬件發佈會,產品受注目以外,很多人也留意簡報的字體、配色、動畫,希望收歸己用。外在的模仿相對容易,然而在簡報學習路途上,更重要是去理解背後的設計思維。在剛剛過去的蘋果WWDC,軟件功能總結的投影片,設計看上去簡單直接,仔細分析之下,發現這不甚起眼的一頁,背後已經應用了十種排版的思量和和技巧。
在簡報、文案以至是文書來往的過程中,我們需要闡述論點之間的關係,層層推進直到結論,利用邏輯的架構及相關的證據,去加強訊息的說服力。然而直線前進的解說,還遠不及多角度、立體化的註解,所以我們就來看一下,在英語的環境如何話峰一轉吧。
另一種需要預先看的情境,我們稱之為「pre-sell」,遇上全新的提案,或是有機會帶來爭議的內容,先逐個找來將會出席的部門談一下,簡介一下提案或是專案的背景和內容,了解一下對方的取態和立場,在可行的情況下說服對方的支持。無論結果是如何,你在開始簡報前,對於每位觀眾是否支持專案,心裡面已經有了一個底。
上個星期,我的第一本著作終於獻醜上市了。經過了幾個月近乎雙倍工作量的生活,每晚寫稿到半夜,終於有機會跟更多人分享自己的經驗和心得。雖然朋友覺得新書好看有用,始終是素人身份,要讀者拿起我的書來看也不是件容易的事情。在不少先進的推薦下,慢慢開始有了銷量,接下來跟大家分享一下這本書究竟寫了些甚麼。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
設計這種東東,完全靠自己來真是神TM花時間,那種說順便做個Logo很快,順便弄個Banner一下子就好的人,真的都應該自己做做看,才能知道到底有多燒腦和多累。 Canva適合零基礎的初學者,免安裝,操作簡單,免費版的功能就已經很好用,大家試試看吧!
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
框架,是思考、表達與問題解決的架構。善用商業框架與發想框架,就能發揮垂直與水平思考的綜效。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
設計這種東東,完全靠自己來真是神TM花時間,那種說順便做個Logo很快,順便弄個Banner一下子就好的人,真的都應該自己做做看,才能知道到底有多燒腦和多累。 Canva適合零基礎的初學者,免安裝,操作簡單,免費版的功能就已經很好用,大家試試看吧!
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
框架,是思考、表達與問題解決的架構。善用商業框架與發想框架,就能發揮垂直與水平思考的綜效。