資訊圖表是簡報的關鍵!不是設計人,你也能製作的 5 種完美圖表

《VO 導讀》:在資訊流通如此快速的現代,如果能將大量的文字、數據和表格整理令人一目了然的圖表,便能夠加速客戶瞭解訊息,從而宣傳自己的事業或是產品,製作圖表一定需要懂設計嗎?錯!只要記住圖表製作規則與邏輯,也能有令人驚豔的簡報設計喔!

資訊圖表可活用的場景不斷擴大,從宣傳/PR 活動取向,到數據解析內容的說明。伴隨著需求增高,許多人也面臨了製作資訊圖表的機會。但我們絕不能忘記一點,資訊圖表是什麼?我們在製作時,必須將它的根本定義牢記於心。

所謂的資訊圖表,指的是將資訊變得 簡單易懂 ,然後傳達給別人的視覺化作品。因此只為醒目而滿載視覺要素,並不能叫做好的資訊圖表。成為一件好的資訊圖表作品,第一要件是視覺要素的使用目的在於 更有效的傳播資訊 。在這個前提下,為了讓更多人感到興趣,必須容易產生印象和衝擊。除此之外,當然也追求資訊的價值。有價值的資訊可一看再看,觀者活用獲得的訊息,進而引導出某些想法。

歸納到目前為止的內容,一件好的資訊圖表的條件,有下面 5 點。

1)使用有意義的視覺要素

2)簡潔、親和、易懂

3)給予衝擊,醒目

4)內容有價值,想作為資料保存

5)給觀者思考的契機

不僅在自己製作資訊圖表時要意識到這 5 點,欣賞別人製作的資訊圖表時,也請根據這 5 個條件去檢視。如果能找到滿足這 5 個條件的資訊圖表,不妨把它的優點一一找出來好好研究一番。

適於資訊圖表的

什麼樣的內容適合資訊圖表呢?我們來看看具代表性的 8 個類型。

1. 熱門話題

倫敦奧運(2012 年)舉辦期間,與美國總統大選(2012 年)期間,我看到了許多資訊圖表。其他如蘋果新產品發表時期、著名企業上市、購併時期等,時事性的內容也適合用資訊圖表來表現。

P132 Facebook上市時期整理從開創到IPO(股票公開)為止的過程。 ©Bloomberg Businessweek

2.How to

遇到暴徒防身法、紅酒選擇法等「如何做?」的內容。英語圈中,標題從「How」或「Why」等疑問詞開始的資訊圖表,大多是這個內容。

P133 整理出製作一本書的過程。 Infographic by Funnel Incorporated

3. 成果報告

產品、服務的使用實況、社群媒體使用調查結果等,闡明實際狀況的內容。概要說明用「Facts」或「Survey」等字眼的,大多是這種內容。

P134 根據數據展現Web服務「Airbnb」的成長。 ©Airbnb

4. 比較驗證

政黨的思考模式比較、Google+與 Facebook 的服務比較、咖啡與紅茶的比較等,徹底檢視兩個以上項目的內容。英語圈中,標題有「vs」的資訊圖表,大多為這個內容。

P135 貓型人與狗型人的比較。 ©mindjet

5. 過程

網路的歷史、搖滾樂的軌跡、資源回收的過程等,按照時間軸說明經過的內容。英語圈中,使用「The Histor y of」、「Timel ine」、「The Evolution of」的資訊圖表,大多屬於這種內容。

P136 網路技術進化流程的彙總。

6. 專業解說

消費者行動分析、核能發電的架構等,非該行業專家不能解釋的內容。活用特定業界、業種專門技術的資訊圖表,足以得到信賴。

P137 可食魚類與不可食魚類彙總。 ©David McCandless

7. 快查表

食物的卡路里數、蔬菜可口的時期、軟體的快捷鍵等,可做成便利的快查表使用的內容。快查表可反覆查閱使用,在資訊圖表中,屬於資料性較高者。

P138 按咖啡種類,說明材料的分配。 ©Cosmo Catalano

8. 彙總一覽

生活便利的國家彙總、拍賣價最高的十大世界名畫等,藉由一覽化而產生價值的內容。與快查表一樣,在訊圖表中屬於資料性較高者。

P139 彙總設計師創業(含共同創業)的網路服務。 ©The Designer Fund

5 個代表設計模型

資訊圖表的代表設計模型有 5 種。請參考以下範例,瞭解什麼時候需要用什麼樣的設計。

表格型(表)

適用以兩個基準比較兩個以上對象時使用。圖解篇中介紹的「表格型(表)」、「矩陣」表現都包含在這個模型中。

P141 矩陣圖表現的例子。以2軸將鬍子形式加以分類。 © Condé Nast.

份量型

適合比較數值(量)。所有「統計圖」表現、「樹狀圖」表現、「字型排版」表現,都包含在這個模型中。

P142 統計圖表現的例子。以書背為創作靈感,將世界閱讀率最高的書整理成長條圖。 Jared Fanning

關係型

適於揭示事物關係性用的圖。如果是階層關係,可使用圖解篇介紹的「金字塔」表現、「甜甜圈」表現、「樹狀」表現、若是集合體的話可用「交集圖」表現,如果是連結,可用「網絡」表現。

P147 交集圖表現的例子。整理奶糊、通心麵、鬆餅與其材料(小麥、蛋、牛奶)的關係。 Stephen Wildish

地圖型

適於運用地圖標明地理特性不同的圖。

P148 地圖表現的例子。用世界地圖整理Facebook上打卡(讓訂閱者知道現在位置的行為)最多的世界地標。 Facebook, Column Five

時間軸型

適合沿著時間順序整理經過的圖。除類似年表的「時間軸」表現外,圖解篇介紹過的「組織圖」表現、「循環」表現都包括在內。

 

 

P151 循環表現的例子。以循環式整理報紙回收的流程 GUILLERMO MUNRO [MEMUCO] FOR CHINA DAILY, BEIJING CHINA Bill Gaspard Design Director, and Yulei Yu features Editor

綜合型

前面利用代表模型的範例,列舉介紹了設計結構清晰的資訊圖表。但這些並不是資訊圖表設計的全部。當想傳達的內容與設計模型不完全吻合的時候,我們會思考利用設計模型的組合來表現。綜合型適合從多種角度、多面向整理資訊的圖表。

P152「統計圖」x「字型排版」表現的例子。使用圖表與字型排版表現,整理顏色相關的資訊。 COLOURlovers

________________________

– 兩大講師,分別從 〈內容架構、表達〉 與 〈視覺面處理〉 深入解析
– 著重實戰技巧:現場大量實戰操作+講師親身優化你的 PPT,所有症頭當下就解決
– 不會設計沒關係、不懂美學也不要緊,超實用 SOP 讓你簡報怎麼做看起來都超讚
– 別再耗費時間調整排版細節!釐清簡報思路,一次切中主管、客戶要聽的重點

info_v2_600x100

延伸閱讀:

把握七原則,讓主管、客戶一秒就讀懂你的簡報!

麥肯錫菁英的黃金比例簡報,原來長這樣!

職場菜鳥成搶手貨的必備工具就靠這兩樣!

 

(本圖文由聯經出版《不懂設計,也能做出令人驚豔的資訊圖表》授權刊載;圖片來源:eliazar, CC licensed;禁止轉載。)

 

 

 

點關鍵字看更多相關文章: