五個設計大師 不說的法則(下)

五個設計大師不說的法則

掌握記憶點、 資訊層次、視覺動線、顏色運用與互動性

 

大家常常問我們:

「什麼是好的資訊圖表設計?」

除了好的資訊整理之外,

在設計上滿足這五個法則是我們對自己作品的標準,

若你看過許多好的資訊圖表,

你會發現,

它們大部分都滿足這些法則。


4.顏色運用有邏輯

加法比減法容易

資訊圖表連顏色使用也需要經過思考規劃!

 

初學者製作資訊圖表很容易迷失在顏色的遊樂園中,每個迷人的顏色都想嘗試,最後卻花花綠綠的讓觀眾眼花撩亂,模糊了最先想要傳達的訊息。建議初學者從兩到三種顏色開始練習,再慢慢增加。

在思考顏色運用的規劃時,可以想想這幾個問題:

 

. 整張資訊圖表想要給人的感受是什麼?

「是歡樂、和諧、悲傷、強烈、理性或是感性⋯⋯?」

 

依照自己想要傳達的感受選擇適合的主色系,再依照資訊內容選擇輔助的顏色,如果想要傳達的感覺相對中性,或是沒有特別想要傳達的感覺,可以依照資訊內容本身的特性選擇對應的顏色,接著看下個問題!


色盲人口比你想的還要多

紅綠色盲(色覺辨認障礙)人口占全球男性人口約 8%,女性人口約 0.5%,他們能看到多種顏色,但是會搞混某些顏色,尤其是紅色與綠色。另外全球約 6%人口為三色視覺(色弱), 約 2% 人口為二色視覺(色盲)。因此顏色的選用對於色盲的閱讀影響是非常值得好好思考的議題。

好用的工具讓你在設計時測試色盲眼裡的顏色:https://goo.gl/aOeg01

 

. 想要傳遞的資訊本身有沒有特別適合的顏色,能否與生活經驗做連結?

「想到辣椒,你會想到什麼顏色?」

 

如果想要重製史高維爾辣度表,你會怎麼做呢?

(請參考下圖Re-lab的重製)

 

顏色的聯想往往和生活經驗的連結和共鳴有很大的關係,如提到水,很多人會想到藍色,提到愛情,大部分的人會想到紅色或粉紅色系,如果你想要加強讀者對於資訊圖表中提到的關鍵事物的連結和印象,用符合該事物形象的顏色會是很好的選擇;相反的,如果該事物在資訊圖表中只是配角,其實它本身的顏色更適合跟著整張圖表的色調搭配。

 史高維爾辣度表(資料來源:史高維爾)

史高維爾辣度表(資料來源:史高維爾)

 「全島逃走中!」台灣特有種動物- 哺乳類(資料來源:維基百科)

「全島逃走中!」台灣特有種動物- 哺乳類(資料來源:維基百科)

「全島逃走中!」台灣特有種動物- 哺乳類(資料來源:維基百科).png

再來看看我們與台北市政府社會局合作的線上懶人包,想想看,我們為什麼選用綠色和黃色作為「從單次禮金到永續社福」的主色調呢?

本主題想傳達的關鍵訊息是「永續是政策推動的重要考量,也需要大家一起來思考」,所以選用綠色做為整個懶人包的主色,而黃色作為次要色用於和禮金相關的資訊說明上。另外,因為想要呈現幸福輕鬆的感覺,所以其他的圖像和圖表還是少量運用了暖色系的色彩點綴,使得作品更活潑親切。其實仔細觀察做得好的資訊圖表作品就會發現,其中的顏色規劃運用都是大有學問的喔!

從單次禮金到永續社福.png
從單次禮金到永續社福.png
從單次禮金到永續社福.png

 

5.有共鳴的互動性

創造不一樣的溝通體驗

建立連結與參與感

 

除了多從讀者的角度出發思考之外,還有一些具體的面向可以著手:

文案設計 最容易創造互動性的方法,可以對讀者說話、用問句作開頭引發思考等等。

引導設定 清楚的引導讓讀者知道當下該做什麼、該思考什麼,或是讓讀者知道事後該怎麼做、該改變什麼。

資訊提供 提供更多資訊、資源,在溝通對象的興趣和共鳴被勾起之後,可以去哪裡做更進一步的學習和了解呢?

良好的互動性案例可參考與台灣專業社群分析團隊 QSearch 數位合作的 Facebook 社群媒體季報。

社群媒體季報.jpg

本文作者:Re-lab

原文出自:《人人都能上手的資訊圖表設計術》

責任編輯:BFA 簡報小聚 編輯部

 

簡報小聚 #33 2018 年 4 月聚會

4 月 12 日|職人簡報交流聚會

BFA 簡報小聚是一個以簡報溝通為主題的交流聚會,每次聚會由「主題分享」與「自由交流」兩個環節組成。「主題分享」將由三位講者 (Before, After, Pro Speaker) 依次帶來 20 分鐘的簡報溝通故事、經驗或技巧分享。

而在下個月的聚會,Before Speaker 將在與三位駐場簡報人一對一交流 #邏輯結構 #視覺設計 #訊息溝通 後再次登台,成為 After Speaker。我們希望通過定期的聚會讓每一位參與的夥伴們都能看到簡報溝通力提升後,帶來的改變力量。

歡迎各領域朋友一起來聽三位講者分享簡報溝通經驗及技巧,並與現場的職場人士交流,渡過不同體驗的夜晚。