
《VO導讀》:在資訊流通如此快速的現代,如果能將大量的文字、數據和表格整理令人一目了然的圖表,便能夠加速客戶瞭解訊息,從而宣傳自己的事業或是產品,製作圖表一定需要懂設計嗎?錯!只要記住圖表製作規則與邏輯,也能有令人驚豔的簡報設計喔!
資訊圖表可活用的場景不斷擴大,從宣傳/PR活動取向,到數據解析內容的說明。伴隨著需求增高,許多人也面臨了製作資訊圖表的機會。但我們絕不能忘記一點,資訊圖表是什麼?我們在製作時,必須將它的根本定義牢記於心。
所謂的資訊圖表,指的是將資訊變得簡單易懂,然後傳達給別人的視覺化作品。因此只為醒目而滿載視覺要素,並不能叫做好的資訊圖表。成為一件好的資訊圖表作品,第一要件是視覺要素的使用目的在於更有效的傳播資訊。在這個前提下,為了讓更多人感到興趣,必須容易產生印象和衝擊。除此之外,當然也追求資訊的價值。有價值的資訊可一看再看,觀者活用獲得的訊息,進而引導出某些想法。
歸納到目前為止的內容,一件好的資訊圖表的條件,有下面5點。
1)使用有意義的視覺要素
2)簡潔、親和、易懂
3)給予衝擊,醒目
4)內容有價值,想作為資料保存
5)給觀者思考的契機
不僅在自己製作資訊圖表時要意識到這5點,欣賞別人製作的資訊圖表時,也請根據這5個條件去檢視。如果能找到滿足這5個條件的資訊圖表,不妨把它的優點一一找出來好好研究一番。
適於資訊圖表的內容
什麼樣的內容適合資訊圖表呢?我們來看看具代表性的8個類型。
1.熱門話題
倫敦奧運(2012年)舉辦期間,與美國總統大選(2012年)期間,我看到了許多資訊圖表。其他如蘋果新產品發表時期、著名企業上市、購併時期等,時事性的內容也適合用資訊圖表來表現。
2.How to
遇到暴徒防身法、紅酒選擇法等「如何做?」的內容。英語圈中,標題從「How」或「Why」等疑問詞開始的資訊圖表,大多是這個內容。
3.成果報告
產品、服務的使用實況、社群媒體使用調查結果等,闡明實際狀況的內容。概要說明用「Facts」或「Survey」等字眼的,大多是這種內容。
4.比較驗證
政黨的思考模式比較、Google+與Facebook的服務比較、咖啡與紅茶的比較等,徹底檢視兩個以上項目的內容。英語圈中,標題有「vs」的資訊圖表,大多為這個內容。
5.過程
網路的歷史、搖滾樂的軌跡、資源回收的過程等,按照時間軸說明經過的內容。英語圈中,使用「The Histor y of」、「Timel ine」、「The Evolution of」的資訊圖表,大多屬於這種內容。
6.專業解說
消費者行動分析、核能發電的架構等,非該行業專家不能解釋的內容。活用特定業界、業種專門技術的資訊圖表,足以得到信賴。
7.快查表
食物的卡路里數、蔬菜可口的時期、軟體的快捷鍵等,可做成便利的快查表使用的內容。快查表可反覆查閱使用,在資訊圖表中,屬於資料性較高者。
8.彙總一覽
生活便利的國家彙總、拍賣價最高的十大世界名畫等,藉由一覽化而產生價值的內容。與快查表一樣,在訊圖表中屬於資料性較高者。
5 個代表設計模型
資訊圖表的代表設計模型有5種。請參考以下範例,瞭解什麼時候需要用什麼樣的設計。
表格型(表)
適用以兩個基準比較兩個以上對象時使用。圖解篇中介紹的「表格型(表)」、「矩陣」表現都包含在這個模型中。
份量型
適合比較數值(量)。所有「統計圖」表現、「樹狀圖」表現、「字型排版」表現,都包含在這個模型中。
關係型
適於揭示事物關係性用的圖。如果是階層關係,可使用圖解篇介紹的「金字塔」表現、「甜甜圈」表現、「樹狀」表現、若是集合體的話可用「交集圖」表現,如果是連結,可用「網絡」表現。
地圖型
適於運用地圖標明地理特性不同的圖。
時間軸型
適合沿著時間順序整理經過的圖。除類似年表的「時間軸」表現外,圖解篇介紹過的「組織圖」表現、「循環」表現都包括在內。
綜合型
前面利用代表模型的範例,列舉介紹了設計結構清晰的資訊圖表。但這些並不是資訊圖表設計的全部。當想傳達的內容與設計模型不完全吻合的時候,我們會思考利用設計模型的組合來表現。綜合型適合從多種角度、多面向整理資訊的圖表。
– 兩大講師,分別從〈內容架構、表達〉與〈視覺面處理〉深入解析
– 著重實戰技巧:現場大量實戰操作+講師親身優化你的 PPT,所有症頭當下就解決
– 不會設計沒關係、不懂美學也不要緊,超實用 SOP 讓你簡報怎麼做看起來都超讚
– 別再耗費時間調整排版細節!釐清簡報思路,一次切中主管、客戶要聽的重點

[kktix]https://kktix.com/tickets_widget?slug=ptt-infographic-v2[/kktix]
延伸閱讀:
(本圖文由聯經出版《不懂設計,也能做出令人驚豔的資訊圖表》授權刊載;圖片來源:eliazar, CC licensed;禁止轉載。)
為止的過程。-©Bloomberg-Businessweek-854x1024.jpg)






的網路服務。-©The-Designer-Fund-1024x832.jpg)


的關係。-Stephen-Wildish.jpg)
最多的世界地標。-Facebook-Column-Five-1024x763.jpg)
![P151 循環表現的例子。以循環式整理報紙回收的流程 GUILLERMO MUNRO [MEMUCO] FOR CHINA DAILY, BEIJING CHINA Bill Gaspard Design Director, and Yulei Yu features Editor](/vidaorange/wp-content/uploads/sites/3/2015/08/P151-循環表現的例子。以循環式整理報紙回收的流程-GUILLERMO-MUNRO-MEMUCO-FOR-CHINA-DAILY-BEIJING-CHINA-Bill-Gaspard-Design-Director-and-Yulei-Yu-features-Editor.jpg)

