<創創學程-核心課程>Re-lab 劉又瑄 圖像視覺化技巧與應用

邱威辰 WinChiu
Ideate with Us
Published in
Jan 24, 2021

資料怎麼變成故事?絕對不是編寫一個使用情境的劇本,資訊圖像化的競爭對手不是無聊的報告,而是好萊塢的電影、明星的八卦新聞與圖文作家的漫畫。把資料變成故事,要回到故事的本質去思考。

本次課程邀請到Re-lab 資訊圖表設計顧問公司的執行長的又瑄學姐,來和創創的學員們分享何謂資訊圖像化及如何應用資訊圖像化的技巧。

Re-lab小簡介

Re-lab做為台灣第一家資訊圖表設計公司,在創立的第一年便受到了「台積電、台達電、Yahoo」等等大型公司的青睞。

來源:unsplash.com

資訊圖像化 Infographic

資訊圖像化 (infographic) 的目的是為了幫助觀眾們更清楚快速的理解龐大資訊,除了將雜訊弱化與消除,還會應用顏色與圖像文字排列,把資訊進行邏輯排列,讓觀眾能輕鬆迅速地掌握圖表中他們需要以及想要的資訊。

簡單的力量

簡化的概念是做設計時最重要的基礎。顏色很多才能吸引人?我有這麼多有用的資料,應該都要寫上去吧?在處理資料時應該先想一想,我們的觀眾究竟在意甚麼,是「台灣十大癌症」?還是「前三大的癌症我有沒有可能得到」?將這些資料凸顯出來才能讓觀眾對你的資料「有感覺」。

簡單比鮮豔更能突出重點(來源:自製)

設計上,多樣的顏色的確很醒目,但也就是因為每個顏色都很醒目,五顏六色的設計容易讓人看不到重點。這不是一個美術比賽,不會有人去比較誰的台灣十大死因圖表做的比較漂亮,將重要的資訊用一到二種顏色標示,其餘資訊用較不顯眼的顏色呈現,才能準確的傳達資料的重點。

這不是畫畫課。畫得太精美,反而讓人望之卻步,形成一個不友善的討論空間。

看不到東西

生活中許多看不見的東西常常需要被視覺化,例如:空間被視覺化為地圖、商業服務被視覺化為廣告DM等等。加入創作者想法的圖表才有它的價值,用基礎的元素加入圖表之中就可以傳達創作者的抽象想法。

無法表達?那就畫出來吧(來源:自製)

視覺化厲害的地方在於,言語無法表達的資訊,只要把想法畫出來,製圖者想透露跟沒有計劃要透漏的地方全部都會呈現在紙上。上圖展現了不同的"很痛的腳"的畫法,而這也間接透露了不同製圖者對於腳痛的定義。

又瑄學姐提到,當顧客在語言上已經自相矛盾或無法清楚的表達時,會將顧客的想法用畫的表示給對方確認,當顧客看到你的圖時,他會變得較為理性的思考「我的意思畫出來是長這樣嗎?」,進而直接修改你的圖或自己畫一個新的,如此雙方就從各自表述進入一起討論的階段了。

圖像傳輸力

一個人在描述一個圖像時,其描述順序都會依據自己慣性的思考模式。但一張圖像在完成後,不論是廣告或是報告,常常是無法在觀眾面前解釋的,而每個觀眾又都有自己的思考模式。因此,製圖者要確保不同思考模式的人,都可以從圖表中看到同一件製圖者想傳達的訊息。

透過練習切換不同的思考模式,並不斷地與不同的人交流互動,久了就能控制每個人對圖表的解讀方式。

一個好的資訊圖表不是將文字越降越低,而是能很好的轉化資訊的傳遞方式。

圖表製作前

拿到資料與聽到需求後,先為自己兩個為甚麼

「我想要請你用這些資料幫我做一個幫助XXX去OOO的圖表」

  1. 為什麼需要幫助XXX去OOO?
  2. 為什麼這個問題存在?

在做資料圖像化時,不只要將資料清楚的呈現,當針對不同的觀眾與需求,同樣的資料也會需要使用不同的呈現方式來和觀眾溝通,因此了解使用者的需求才能為他量身打造清楚的圖表。

圖表製作時

清楚的視覺動線

不良的視覺動線容易讓觀眾看不到重點。
大腦會在眼睛看到圖像的一瞬間,透過「相似」與「相近」的原則對物件進行分類,因此過多的物件會讓大腦抓不到重點物件為何。為了降低眼睛的負擔,請盡量將物件控制在三個物件內,善用「相似」與「相近」的原則,在不降低資訊量的情況下,改變排列組合使物件量變少。

過多的物件會讓大腦抓不到重點(來源:自製)
三個物件以內是最恰當的(來源:自製)

有邏輯的顏色應用

保持整份圖表中顏色所代表的意義,能讓觀眾在圖表的其他位置看到相同顏色時,觀眾不需要圖例即可迅速了解該圖的意義,閱讀整份圖表上也更加的流暢。

加法原則:在做顏色的選擇時,先限制自己只能用2-3種顏色,接著再酌量增加顏色,一份圖表以理解為最主要目標時,顏色越少,效果越好。

使用相同顏色代表同一件事情(來源:自製)

一目了然的資訊層次

將想要表達的資訊分成三層

第一層:顏色與圖像,將最精彩的圖像與最重要的訊息放在第一層,因為這是最吸睛的方式
第二層:若還有重要的資訊,盡量使用圖像,不要再添加新的顏色
第三層:僅使用文字,不要使用顏色

當然這些只是原則,只要熟練使用後也可以打破這些原則創造自己的風格。

有巧思的記憶點

非常地直觀。發揮創意,讓人覺得好玩有趣,留下印象吧!

有共鳴的互動性

共鳴指的是心理的共鳴,只要觀眾能在看到一張圖時覺得「這是為我而做的」,那這就是一張能成功引起共鳴的圖。了解觀眾的需求是什麼,再將他最想要的資訊凸顯出來,例如對於首次報稅的年輕人來說,他們要的不是「超詳細報稅流程大公開」,而是「首次報稅指南」。

故事跟資料最大的差異在於,故事更容易引起共鳴,更容易讓人有情緒的反應或是開啟思考的空間。透過強調的視覺、比對與比較的差異,打開觀眾的好奇,看到重點、引起反應與共鳴,才能建立故事並產生討論空間,最後轉化資料為故事。

為你的資料寫一個精彩動人、賺人熱淚的故事吧!
Re-lab 官方網站
https://relab.cc/

特別感謝:
Re-lab 執行長 劉又瑄
臺大創意創業學程

--

--