先前我們已經示範過如何使用前注意特徵導正聽眾的注意力,換句話說,就是要強調重點。繼續來探討這項策略吧。此處的關鍵就是只能強調整體圖表的一部分,因為強調元素的比例增加,強調效果就會跟著減弱。立德威(William Lidwell)等所寫的《設計的法則》(Universal Principles of Design, 2003)建議視覺設計中至多只能強調10%的內容。本書提供以下指南:
- 粗體、斜體與底線:使用於標題、標籤、說明和短句上時,可以讓不同元素有所區別。粗體的使用頻率通常比斜體和底線高,因為粗體最不會打亂整體設計風格,又可以特別凸顯想要的元素。斜體也不易擾亂整體風格,但是凸顯效果不及粗體,也較不好閱讀。底線會增加不一致感,而且可能危及閱讀效果,因此應該斟酌使用(或避免使用)。
- 大寫與字型:短句使用大寫文字可以讓人一目了然,應用在標題、表格和關鍵字上效果良好。盡量避免使用不同字型強調內容,因為整體美感沒有顯著差異,難以察覺。
- 顏色若斟酌使用、搭配其他強調技巧(例如粗體),便能成為有效的強 調策略。
- 反白是相當有效的吸睛技巧,但會大幅增加設計的不一致感,因此使用 應該斟酌。
- 大小是另一個吸引目光的方式,也可以強調重要性。
我們來以實例看看將資料視覺化時,要怎樣有效利用強調策略吧。皮尤研究中心2014年2月的文章中有張類似圖5.2的圖表,標題為「新普查資料顯示結婚的美國人增加,但學歷多為大學以上」。

依圖旁的文章看來,圖5.2的目的是要說明2011至2012年總新婚率之所以會增加,主要是因為教育程度大學以上的結婚人口上升(只是圖上「整體」的趨勢似乎也沒增加,但先別管這點吧)。不過,圖5.2並未採用特別設計凸顯這點。我的注意力反而放在各類別2012年份的資料上,因為該長條的顏色比其他都深。更改此圖上的色彩搭配,便可以重新引導聽眾的注意力。請見圖5.3。

圖5.3使用橘色強調教育程度大學以上的資料點。將所有元素改成灰色之後,強調色讓聽眾馬上就知道該將目光放在何處。
每一步的刪減或淡化都能讓留下來的元素更加突出。若不確定某細節是否該刪除,那就想想看有沒有什麼辦法能在不搶鋒頭的前提下將它留住。舉例來說,在投影片簡報裡可以將內容移至附錄,必要時可以用上,但是又不會搶走主要重點的鋒頭。圖5.3適量使用了色彩來強調圖中的重要部分。接著我們可以移除令人分心的元素,進一步改善此圖表,如圖5.4。

圖5.4做出了數項更動,以移除令人分心的元素,當中最大的改變就是長條圖變成了折線圖。如先前所述,折線圖更能讓人一眼看出時間變化的趨勢。這麼做也能降低視覺上的斷層感,原先的五條長條現在簡化成一條折線,且端點加上了強調。新圖表完全移除了原圖表當中的「整體」類別。該類別是所有類別的總和,分別呈現只會顯得多餘,並不會增加價值。並非所有情況都是如此,但至少此案例中「總和」不會讓整個故事變得更值得注意。

強調重點、移除令人分心的元素後,這張圖表已經大有改善。
再來看個例子吧,請見圖5.12。想像你是一間著名美國零售商的員工。這張圖以7個客群分類(如年齡範圍)來分析美國人口與本公司顧客的組成。

此圖濫用了色彩。圖上的顏色太多,每種顏色都在爭奪我們的注意力,讓我們難以一次專心看一組資料。回顧先前的可見性概念,我們應該想想看希望聽眾注意何處,並且只在該處使用色彩。此圖使用了紅色線框來框出右方的客群3到5,示意這些客群相當重要,但是其他元素也在爭奪我們的注意力,讓我們無法一眼看到紅框裡的重點。其實我們只需要善用色彩策略,便能讓重點凸顯,讓閱讀流程更加輕鬆。
圖中的元素沒有對齊。圖表標題使用置中,但卻因此沒有與圖中任何其他元素對齊。左方的客群標題也沒有置左或置右對齊成俐落的線條。整張圖表看起來太鬆散了。
最後,這張圖的空白間隔用錯了。客群標題與資料之間的間隔太大,眼睛難以從客群標題連結到資料本身(我還有股衝動想用手指連結標題與資料:此處可以縮短標題與資料之間的間隔,省下此步驟)。資料條之間的間隔太窄,無法以最佳方式強調資料,還塞滿了毫無必要的虛線。
圖5.13應該會讓你比較願意多看幾眼吧?此圖的設計很明顯投入了比較多心思:設計師花了時間才做出這樣的成品。因此,聽眾也有了花時間看懂的責任(差勁的設計就無法產生此效果)。巧妙利用顏色、對齊物件、運用空白間隔, 便能讓設計產生視覺上的整齊感。如此注重美感效果,便代表你尊重自己的心血,也尊重聽眾。
即日起至7月15日,於We Grow書展購書可享75折優惠。消費滿2本享72折,滿3本享69折☛立即購書
《Google必修的圖表簡報術》☛立即購書:商周store、博客來
責任編輯:易佳蓉