不少私營公司對印刷出來的書刊或單張,都會有比較嚴格的設計標準。對於簡報設計,即使有公司模板,通常都沒有訂立詳細的設計標準,令圖表設計很容易又變回了 Microsoft Office 的預設。
今次我們選中了東方海外(國際)有限公司的「2022 中期業績簡報」,作為例子來解釋公司簡報的圖表可以怎樣做得更好。簡報在東方海外網站有公開連結下載,可作參考。
01 簡報就有模板,圖表設計就沒有了
東方海外的簡報雖然簡單,但明顯有使用模板。模板有設計過,字體不是 Microsoft Office 的預設,也不是新細明體,每頁的標題和頁腳都十分統一。雖然風格見仁見智,但統一的設計始終予人專業的感覺。
可惜,東方海外看來只是用了 PowerPoint 的模板,並沒有訂立更詳細的樣式設計,所以無論是內文的顏色,或者圖表的格式都較為隨意。我們就集中看這份簡報第 9 頁的燃油價格圖表。
02 先弄清楚圖表想說甚麼
這份簡報應該是在股東大會之類場合用作現場講解,所以這一頁只有一個圖表,並沒有加入文字解釋。為了知道數據表達的訊息,我們在重新設計之前,特意翻查東方海外 2022 中期業績的文字報告:「報告期內,油價普遍上漲,導致燃油成本隨之攀升。」原來這幅圖表是想說明,2022 年上半年燃油價比 2021 年同期貴了很多,波動仍很大。好,現在夠資料重新設計了。
03 簡化資料,突出數據的主題
東方海外的燃油價格圖表時間橫跨 2019 年 1 月至 2022 年 8 月,畫了兩類燃油的價格起跌。第一個問題是,為甚麼綠色線的超低硫油欠缺首 10 個月的數據,2019 年 1 月至 10 月只有一條橙色線?其實這不是任何人的失誤,因為超低硫油真的是 2019 年 11 月才有數據。2019 年 1 月至 10 月的價格雖然波幅比較大,但對這份 2022 年中期報告影響有限。為了減少不必要的疑問,令讀者集中在主題,我們可以將數據由 2020 年或 2021 年開始,或者如我們的版本一樣,從兩種燃油都有數據的 2019 年 11 月開始,令兩條線從同一起點出發。
東方海外簡報的日期,每個月都打直寫上年、月、日,不容易閱讀。日期方向應盡量保持打橫,也可以每年或半年才標示日期一次,並可加上直線分隔不同時期,方便讀者。
另外,一個價格圖表經常遇到的問題,就是數據的頻度。畫兩年的價格,應該使用每小時、每日、每星期的價格,還是每月?很多人都認為多點數據是好事,數據點愈密愈好,但要顯示長遠價格走勢,有時候太密並沒有意義。一般股票價格圖表,例如 Google、Yahoo 等,都會因應圖表的時期,自動調整數據的頻度。如果是兩年或五年的話,往往每星期的價格就足夠。
至於設計上,圖例跟下方的頁腳距離太近,太不明顯,應該放在更明顯的位置。最後可以挑剔的,就是這價格圖表的價格線加上了陰影效果。陰影是一個時常被濫用的 Office 視覺效果。陰影的正確用法是用來顯示文字或圖案不是位於同一個平面,例如電腦桌面上不同視窗有前有後,要用陰影顯示。同一圖表的資訊理應在同一平面,並無前後,所以這裡的陰影並不適合。
04 如何有效地表達差價
這幅燃油價格圖表最特別之處,就是灰色那條線,即是高硫油及超低硫油之間的差價。到底這差價有甚麼重要?又要翻查一下資料……原來國際海事組織自 2020 年開始有限硫的規定,令不少船公司,例如東方海外都要使用價格較貴的超低硫油。油價本身已經增加了船公司的成本,超低硫油與高硫油之間的差價更代表了因環保限硫而額外增加的成本。好了,又明白數據背後的訊息,開始可以設計了。
其實高硫油及超低硫油兩條線,已經是足夠的資訊讓讀者消化,我們可以一步一步來:先畫一幅高硫油及超低硫油的價格圖。讀者知道有兩種燃油後,才去到第二輪的資訊,即是兩者之間的差價,所以我們建議將差價放在另一個圖表。關鍵就是如何連結兩幅不同的圖表:
- 填上顏色。在第一幅燃油價格圖中,將兩條線之間的面積填上顏色,有顏色的就代表差價。
- 重複同一顏色。再以同一款顏色畫一幅差價的面積圖,視覺上就容易聯繫兩者的關係。
- 上下放置,對齊時間軸。將兩幅圖表上下放置,令日期的橫軸一致。
讀者可以先看到兩種燃油的價格走勢,代表油價上升對東方海外的成本壓力。接著才看到兩者價差,代表因限硫進一步增加的成本。
為了更加貼題,我們用文字加上了最高及最低價格,以更突顯價格變動的波幅。另一個做法是在圖表上直接標示最高及最低的位置,但因為最高及最低發生的實際日子並不是重點,所以沒有採用。
05 進階簡報:不再用每一頁都一樣的模板
就如東方海外的 2022 中期業績簡報一樣,很多時候簡報檔案都會以 PDF 格式上傳至互聯網或在會議後電郵,供讀者或投資者參考。因此簡報除了在會議用作現場講解,設計時也要顧及在螢幕上捲動瀏覽的觀感。
為了令公司模板變得有趣一點,我們在示範中使用了連貫的元素:第二版的頂端承接前一版船隻運行的圖片,再將「燃油價格」的標題橫跨海面和數據背景。同一連貫元素亦見於我們的 Instagram post,類似設計亦常見於 Bloomberg 等大媒體的 Instagram post。這樣的設計令 PDF 向下捲動時較為連貫及有趣。
06 淺色背景還是深色背景比較好?
這是設計簡報時經常遇上的問題。如果印刷不是一個要考慮的因素,數據圖表通常會使用深色或黑色背景。因為較暗的底色可以使視覺效果的顏色更加突出,顏色對比度更高,使數據更直接、更容易理解。華爾街日報的股票價格圖表就是一個很好的例子。
現代無論上班或上學,圖表大多都是用於簡報,圖表設計與簡報設計實在息息相關。我們在另一篇文章進一步討論了這個主題:業績簡報大改造:開完會之後也一樣好用。


