圖像溝通的法則

無論你想傳達什麼理念，想說什麼故事，
想讓誰留下深刻印象，都先從畫一張圖開始！

圖像，是一切溝通的起點，
圖像承載的訊息，比語言大十倍
圖像溝通並非藝術、設計從業人員的專利，無論是臉書貼文或是工作簡報，總有些圖像不但特別吸引人目光，而且能讓人迅速理解特定資訊與概念。關鍵在於，他們掌握了「圖像溝通的法則」。

網路社群時代必備圖像工具書；
職場簡報升級再進化，就靠這一本
一張圖，從形狀、顏色、大小，各種微小細節，都在傳達微量訊息。
本書從基礎視覺原理著手，逐項分析各種圖像溝通要素，讓你一張圖，就能把話說得精準。讓你在視覺思考當道的時代，掌握溝通先機。

不需要有良好口才，更不需具備繪畫天分，
只要掌握幾項原則，你也能成為圖像溝通大師

‧金字塔圖、心智圖的功能是什麼？使用時機為何？
‧如何運用顏色傳達感受？如何運用大小、對比呈現想法？
‧資訊量如何和圖像取得平衡？視覺上的隱喻和明喻如何做到？

無論學生、上班族做簡報，或是社群小編想藉由圖像整合資訊，都能從本書找到實用技巧。一張圖就能將複雜、抽象的概念表現得更具體，更容易讓人明瞭。

資訊量爆炸的網路時代，長篇大論已無法吸引目光，
誰能將複雜資訊簡化成令人秒懂的圖像，誰就掌握群眾視覺焦點！

本書介紹
從老祖先四萬年前在山洞裡畫的壁畫，到當今在世界上大大小小的機場都可以看到的圖案和標示，我們所在的這個世界，一直充斥著人造的視覺訊息。而所謂「視覺溝通」的適用對象，其實就是包括了我自己還有各位讀者們。
這本書是專為那些除了使用文字和數字以外，還喜歡透過圖像、形狀、圖表來表達自己想法的人（例如作者本身和各位讀者）所設計的一種指南。如果想要讓對方確切了解我們的想法，最有效率的方法就是用圖像來輔助口頭或文字說明。誠如人們常說的：一張圖勝過千言萬語。
對於從來沒有接受過專業視覺設計訓練的大部分人來說，我們對於商業場合上各種大小簡報的認知，其實都來自於那個我們再熟悉不過的PowerPoint，還有PowerPoint裡面內建的Presentation Wizard。說到這裡，應該有人會不禁回想起那一張又一張沒有幾個文字（沒幾個字就算了，做的人還常常會把僅有的幾個字硬拆成好幾個點來解說）的PowerPoint幻燈片和圖片（不過沒有幾個人知道要去哪裡找到那些圖片就是了）所組成的投影片吧。
我的出身背景是銷售、領導、學習和開發，花了非常多的時間在製作簡報，向別人推銷我的想法、策略、概念、計畫和提案。差不多在十五年前，我很自然地開始轉而使用圖畫、表格、條列和圖例來表達自己的想法與說服其他人接受我的觀點。
這本書的目的就是幫助讀者做到上述這些事情。我想讓各位找回本來就該屬於自己的那份創造力，讓各位在向別人傳達自己的想法、觀點，還有「自己的個性」時，更加鏗鏘有力。
本書小而精巧。你可以很快一次讀完，或者只看其中某部分。又或者是很快的翻過去就好；可以心情好的時候拿起來看一下，累的時候再放下；可以借給其他人看，或者是跟別人借來看也行；可以拿來好好愛惜，又或者是拿來當杯墊放飲料也完全是可以的！
雖然我並沒有想要各位把這本書奉為視覺溝通領域的圭臬（在「視覺溝通」這個領域的著作中能被稱為圭臬的人，大概只有人稱「資料視覺化的開山始祖」的愛德華．塔夫特〔Edward Tufte〕還有那些跟他一樣厲害的前輩們了），但是對於一些還在摸索自己風格和增廣見聞的人，我相信這本書應該還是很有用的。而對於另一小部分的讀者們，這本書可以當作是簡單的「操作標準和原則」，而對於大部分的讀者們，希望這本書能夠在讀者們需要表達自己意見的時候給各位帶來臨門一腳的啟發。
我在書中畫的圖和例子，都是用數位繪圖板畫出來的，純粹只是我習慣這樣而已。讀者們自己在練習的時候，可以用原子筆、滑鼠、白板筆或鉛筆來把自己的想法畫出來。畫出來的圖美不美其實不是重點，重要的是本身的想法。想法，才是關鍵所在！
請記住，視覺溝通這門技巧的精髓，並不只是它代替了各位讀者們「講」了多少話，而是它替各位「勾勒」出多大的一片天地。 

馬克・愛德華茲（Mark Edwards）
獨立企業顧問，累積二十年的工作成果，透過視覺抽象化、插畫、模組，以及圖表來幫助世界級的組織傳達想法、解決方案、提案等。


倪振豪
出生於新竹，自幼留學溫哥華，目前就職於東京。精通中、英、日文，外加差九分就六級的韓文。喜歡走到哪裡都至少帶著一本書，讓自己無時無刻都有機會翱翔於知識和文字的天空中。

【國外好評推薦】

「作者可以把很複雜的概念轉化成好消化的內容，讓人們可以很快理解和記住他所說過的話，所以我覺得『「視」界大師』這個稱號用在作者身上，真的是當之無愧。他獨到而直白的解說方式，讓人如沐春風且久久難以忘懷。」
──維珍媒體（Virgin Media）企業網路服務部負責人簡・柯林斯（Jan Collins）

「作者給敝司的眾多團隊傳授了自身的視覺銷售和溝通技巧。在用了他傳授的技巧後，公司的銷售數字大幅成長。我個人真心推薦這本書。」
──東芝常務董事亞當・雪帕德（Adam Sheppard）

「我十幾年前第一次請作者來幫忙訓練公司的銷售團隊。當時，他就已經能夠在視覺溝通上引經據典，有效傳達他想傳達的內容，並讓受訓人員深刻地記住內容。他的人才培育風格，還有方法，都在在傳達了『百文不如一圖』的重要性。」
──Computacenter客戶總監，愛德華・肯尼（Edward Kenny）

「我的團隊在實際應用這本書的建議後，發現原來溝通竟然可以那麼行雲流水。」
──賽門鐵克董事馬克・謝波德（Mark Shephard）

「我只用了書裡面的其中一個技巧，就打造了價值超過百萬美金的企業；如果把整本書都讀完的話，各位的成就必將無可限量。」
──成長駭客機構（Cact.us）創辦人史賓賽・加拉赫（Spencer Gallagher）

「想要快速且有效率地把訊息傳達出去，最好的方法就是把它畫出來。在這個領域裡，如果說作者是第二的話，絕對沒有人敢說自己是第一。」
──《超易圖解思考法》、《創意的五十道訣竅》作者凱文・鄧肯（Kevin　Duncan）

「我現在每天跟客戶討論事情時，幾乎都會透過白板來畫出我想表達的概念；用白板來跟客戶對話，客戶可以更快掌握我們的獨家銷售特點。請各位自己試過一次就會知道了。」
──威波媒體（Vapour Media）創辦人提姆・默瑟（Tim Mercer）

「活在現代社會的我們，時間是如此的有限，但資訊卻是從四面八方不斷地湧進來；在這種狀況下，我們常常會忽略掉真正重要的資訊。作者獨創且一針見血的視覺傳達技巧，為我們所有人開闢出一條新的道路，讓我們能夠真正的溝通及共事。」
──世界一起學起來（Global Learning）副總裁比爾・舒比（Bill Shulby）

「公司團隊在使用過作者在書裡面傳達的技巧後，現在與客戶傳達訊息時，都能夠深入淺出且獨樹一格，屢屢創造佳績。本人真心推薦此書。」
──Salesforce.com，（Global Learning）銷售支持部總裁保羅・費雪（Paul Fish）

「作者一開始跟我介紹他的視覺溝通技巧時，我還半信半疑，可是在實際看過他操作後，我很快就信了。到現在為止，我已經使用作者的視覺傳達技巧五年了。如果你們也想要在做簡報時更具說服力，看這本書就沒錯了。」
──SunGard Availability Services歐洲區命題營銷主管克里斯・杜克（Chris Ducker）

後記：給看完這本書的各位讀者
誠如本書開頭所言，在我們當今的世界裡，視覺溝通無所不在。而對於一路把這本書看到最後的各位讀者們，我想在此肯定各位對於「視覺溝通」這個領域的好奇心及求知欲。
希望這本書能帶給各位以前所沒有的感觸、想法、眼光和對這個領域的理解。我真心相信，如果能夠善加運用這些視覺溝通的工具， 我們的溝通能力一定會有增無減。
我有個大膽的預測：在接下來這幾年裡，市面上會出現愈來愈多「視覺溝通」類的商業書籍。其實在我自己的書架上，就已經有好幾本了。
現在的報章雜誌、網站等，使用愈來愈多的圖表，方向上也愈來愈「視覺系」了。而我們熟知的電腦軟體、App等，愈來愈傾向利用「資訊圖表」的方式，來把本來很複雜的資訊呈現給使用者，同時也順便滿足使用者對於美學意識的追求。
在讀者們一點一滴地融會貫通本書裡面的工具、架構、模組、技巧等的同時，一定也會感受到自己的溝通能力正在提升。經過一段時間後，讀者們一定也會開始有屬於自己一套和觀眾們溝通的模式。

推薦序
本書介紹

PART 1：制式結構
論「系統」╱論「過程」╱論資訊圖表

PART 2：常見輔助工具
常見框架及架構╱曲線圖╱視覺系的隱喻、類比、明喻╱視覺機制╱組合機制

PART 3：外觀
顏色╱視覺容器╱線條和箭頭╱表情符號╱藝術性圖形╱缺口╱擬人╱圖片、文字、名稱

PART 4：概念
所謂「好的設計」是……╱從觀察者的角度出發╱大小╱遠近於距離╱「上下」與「左右」╱比例差╱樣式╱順序╱概念斷層╱變動╱時間╱相似性╱對稱╱比較和對比╱情報密集度╱自動填補：我們神奇的大腦

後記

PART 2：常見輔助工具（摘錄）
視覺系的隱喻、類比、明喻
一般來說，大家對於「隱喻」這個詞的認知，是一種描述人、事、物的修辭手法。具體來說，隱喻的描述手法，是把A跟B做連結，讓聽者了解到A跟B之間的共通點。A跟B之間的共通點可能很簡單，也可能很複雜；可能顯而易懂，也可能霧裡看花。兩者間的共通點可以包羅萬象，從兩者有形體的共通點，到用途，乃至於兩者的架構、組成、過往，甚至是未來。「文明社會乃矗立於名為法律之基石及其使用之上」，即是把法律及基石做出比較的一則隱喻。而這一則隱喻想要傳達給觀眾的，便是兩者間共通的「強韌」及「堅固」。
「人生是一場需要明確『方向』的『旅程』」，從很多角度來講，這句話都用了隱喻的手法。但是有一點值得我們留意，就是只要我們不小心稍微加油添醋一下，這樣一句話就會變得過度地錦上添花；要是我們在這句話裡面再加上「適合一起旅行的夥伴」或「物資」等的字眼，這一句話就會變得太過冗長。而當一句話變得如此冗長，它的「比較」及「修飾」效果就會大打折扣。
再來，A與B之間的對比，也能透過「類比」的手法呈現出來。「隱喻」是將A與B兩者的抽象特徵作比較，而「類比」則是比較A與B兩者的具體特徵；當我們把「人類社會」跟「蜂群」（或相反） 做比較時，我們在做的就是「類比」。
就很多層面上來說，蜂群跟人類社會其實很相似。
我們再來看「明喻」。「明喻」跟「暗喻」的相似之處，在於兩者的效果都是比較兩樣人、事、物；但「明喻」的特徵，就是當我們用「明喻」針對A與B做出比較的時候，A與B會由所謂的「串連詞」（connecting word）連結起來。舉例來說，「我們現在面臨的挑戰， 就好像是神龍見首不見尾的冰山」這一句話，就是明喻的一個例子（在這句話裡，「就好像」這個詞就是所謂的串連詞）。
在視覺溝通上，剛提及的隱喻、類比、明喻這三種比較的手法， 其實都可以在我們闡述觀點的時候幫上大忙；有時候就算A與B的共通點根本沒有那麼高，但是透過這種比較手法，我們還是可以利用這些手法，說服觀眾接受自己的觀點。雖然我本身並沒有推薦這種做法，但還是想要讓讀者們知道這種可能性的存在。如果各位往後有機會聽誰做起「客戶的心路歷程」這種描述，這時候就得睜大眼睛，看清對方的意圖了。
讓我們一起來看看一些在商用簡報上常見的視覺隱喻、視覺類比、視覺明喻的例子。

走鋼索：
• 強調「步步為營」的重要性
• 傳達「可能失敗」的危險性
• 傳達「設置安全措施」的重要性
• 強調「時時刻刻盯著目標向前行」的重要性

冰山：
• 傳達「冰山的絕大部分是我們看不到的」
• 強調「重點都藏在水面下」
• 強調「不了解冰山的危險性，會帶來什麼後果」（鐵達尼號就是一次慘痛的教訓）

聖殿：
• 傳達「想要建築物能夠站的又好又穩，基底一定要打得好」
• 強調「柱子一定要直挺挺的，這樣子整體架構才會穩，而且才能夠把建築物的屋頂撐起來」
• 強調「用料愈好，架構愈強」的概念

拼圖：
• 傳達「整體，始終源自於個體」的訊息
• 強調「每一片拼圖都有屬於自己的位置」
• 傳達「天生我材必有用，拼圖硬塞沒有用」的道理

以上的視覺隱喻、視覺類比、視覺明喻的例子，都能夠幫我們的簡報打下良好的「地基」，進而透過潛移默化的方式，把我們想傳達的訊息及安全感傳達給觀眾們。

PART 3：外觀（摘錄）
顏色
在視覺溝通的領域裡，顏色的用途有非常多種，舉凡是彰顯簡報上的某些部分，或是想要為簡報增添一點藝術氣息，得宜的運用顏色都能帶來加分效果。
如果是用PowerPoint 或者是類似的軟體來製作簡報，軟體本身會有很多內建的顏色可以挑選。有些特定的顏色會讓人聯想到特定的畫面：綠色（例：綠燈） 代表的是「正面的」（positive）的感覺。而另一方面，紅色（例：紅燈）代表「熱」、「危險」，或者是「被限制著的」（restrictive）的情況。

下面這些顏色會讓人聯想到這些事情：
• 紅色：熱情、力量、興奮、「暫停！」、「注意！」
• 橘色：溫暖、友善、靈性╱神靈、平衡
• 黃色：快樂、有趣、鼓舞
• 綠色：自然、環境、平靜、「上路囉！」
• 藍色：平穩、忠誠、權威、冷淡
• 紫色：浪漫、神祕、高貴、忠誠
• 咖啡色：土質、溫暖、自然、樸實
• 黑色：老練、權力、現代化、黑暗、邪惡
• 白色：純潔、天真、真相、和平

我們可以試著運用「顏色之間的差異」來環繞著簡報╱圖表裡面想要特別強調的部分，也可以透過變換顏色來強調特定的文字、句子等。
在顏色選擇沒有那麼豐富的情況下（例：使用工具為「白板」的狀況下），這時候我們的選擇可能就只會剩下四種（紅、藍、綠、黑）； 而在書寫的狀況下，我們的顏色選擇則只有「白」紙與「黑」字。
不同的顏色不只可以用來強調與傳達特定的訊息，同時還可以用來進行分類；假如今天我們要製作三張不同的清單，這時候我們就可以用不同的顏色將清單彼此區隔開來，又可以同時讓觀眾知道顏色相近的項目在某些層面上是有關聯的。
當我們可以選的顏色只剩一個或兩個（像是我寫的這本書）的時候，我們可以運用不同的色調、線條或斑點來對不同的部分進行區分。雖然我們無法透過同樣的「顏色」傳達特定項目之間的關聯性，但是讀者們可以根據自己的需求來調整「色調」傳達關聯性。