資訊圖表 : 圓餅圖篇

圓餅圖兩件事 :

配色與視覺動線


圓餅圖在商業的情境很常見,用以表達比例的時候是利器,而在製作的時候,只要多考慮兩件事,就能做出更易理解,且兼俱企業質感的圓餅圖,那就是配色與視覺動線。

首先關於配色

用簡報軟體預設的配色,總是五顏六色毫無邏輯,建議使用企業識別色 (此刻我們選擇的是 BFA 簡報的經典色),接著回想一下,絕大部份的時候圓餅圖我們只會討論前一,至多至前三的佔比,所以強化色應該用在前三大比例的餅,剩下通常會忽略不談的餅就依序以深淺灰色填滿即可。

image-asset.png
image-asset-1.png

接著是視覺動線

人習慣的閱讀順序是上到下、左到右,因此相對大比例的餅也應該服從這個原則來放置,這樣可以讓閱聽人更快的掌握重點 ; 值得一提的是,圓餅圖只能快速的讓人理解什麼大什麼小,若需要精準的比例,還是得透過文字描述,以此例來說我們將百分比的數字加大,就是這個用意。

最後一個小細節將各餅所代表的內容條列於圓餅圖旁邊的設計,不建議,因為對於識別顏色困難的閱聽人不友善,直接打在圓餅圖上會相對更快速易懂。

image-asset-2.png

本文作者 : 寶渥創始合夥人 / 大中華區培訓總監 林大班