開始本書架構

數位時代的環境與

創意力

視覺思考、圖像思考

是什麼、之所以要學

的理由與用途

視覺單位

掌握日常生活人事物的特徵

學習簡單的基本要素

圖像記錄（graphic recording）即時記錄的視覺思考

視覺訊息（Visual Messages）納入核心資訊吧

心智圖（mind map）擴大思考的結構

視覺結合

呈現關係、時間和流程

016

前言

V I S U A L T H I N K I N G

資訊洪流與視覺思考

男女老少不管是誰都會攜帶智慧型手機，家庭和職場同樣也是移動時

一直都會和網路保持連接的狀態。每天面對大量的照片、新聞內容、

以及逐漸增加的資訊量讓我們如同身陷洪水般拼命的掙扎。

就算冒出更大量的資訊，事實上人類能處理的資訊量是有限的，因

此，接收與理解資訊時會盡可能想要使用更少的能量。換句話說，也

就是需要有效的方法能創造出簡單、輕易和有趣的資訊。

視覺思考是搭配文字與圖案一起使用的較簡單方式，是一項獲得資

訊、彙整思考、共享知識的有用技術。只要熟練此一技術，相信就能

成為一名在各種領域中深受歡迎的人物。使用 Google搜尋「visual

thinking」的話，大約會出現 1億 8千萬個搜尋結果，不過，使用中

文搜索時，搜索結果僅僅只有約 81萬個而已。意即，這也表示全世

界對視覺思考有興趣的人相當多，但在國內的相關領域專家、以及相

關資訊卻顯得嚴重不足。

希望接下來會有更多的人能對視覺思考抱持興趣，練習此一技術使其

變成習慣，進而妥善運用。同時也希望網路上會公開更多的相關資

料。

018

相較之下，視覺思考的華麗感會稍微差一點，但讓資訊簡便的視覺化

技能是其優點。

下面是比較資訊圖表和視覺思考的簡圖。

資訊圖表 視覺思考

製作者 專家 每個人

製作方式 數位 類比

工具 Photoshop / illustrator 紙 +筆

時間 長時間 短時間

製作費用 費用高 費用低

用途 提供資訊 想法 /彙整 /摘要

這是為誰編著的書呢？

本書基本上是在沒有美術或設計相關經驗與基礎知識的假設下進行說

明，對下列各種情況的人物相當有幫助。

想要創意性的想法、以及進行彙整的人 必須快點和其他人分享自己想法的人

前言 　 019

換句話說，這本書是為了需要學習新事物、彙整思考、使用自己的專

屬方式表達、以及需要創意性問題解決能力的所有人所編著的。

使用圖畫思考是一種在腦中進行的精神活動，不過，我們的身體是精

神與肉體結合為一的狀態，使用手腳進行某種活動時，腦部並非處於

休息的狀態；同理，腦袋在思考時身體也不是呈現靜止的狀態。視覺

思考是以手部實際的活動作為基礎，進而協助激發腦部的創意。

想要使用圖畫彙整所學的人 想要讓課程內容變愉快和有趣的老師

行銷者、企劃者等想要有效彙整思考的所有

上班族

想要使用圖畫簡單呈現複雜資訊的人

A是怎樣怎樣…………

B是那樣那樣…………

C是這樣這樣…………

視覺思考 （visual thinking）的定義與優點 　 025

只要手部肌肉發達能握住鉛筆，小朋友都會開始畫一些自己喜歡的東

西，很快地，只要看到任何一個空白的地方他們都會開心地進行塗

鴉，白紙就更不用說了。

不過，進入國小學習語文後，隨著升上高年級，小朋友將會學習使用

文字溝通的方式。但視覺思考是忠實於人類本能的活動，人類在本能

上還是喜歡圖畫勝過文字。

下圖是簡單呈現電影〈三百壯士〉著名場面「This is Sparta（這就是

斯巴達）」的一種方式，比起圖畫得漂亮，視覺思考是偏向更著重於

尋找核心的技術。

電影〈三百壯士〉著名場面「This is Sparta（這就是斯巴達）」

視覺思考（visual thinking）的定義與優點 　 025

就像學習語言一樣，認識視覺思考 　 047

視覺結合

屬於圖畫句子，幾個圖畫單字聚集在一起呈現較單純資訊的形態。此

時，各個單字能以箭頭、連接線等代表時間的流動、過程或關係。

視覺訊息

屬於圖畫段落，幾個圖畫句子聚集在一起表達複雜的資訊。想要強化

訊息就能使用各式各樣的配置，後面介紹的圖像記錄中會有更詳細的

說明。

134　PART 04 視覺結合─呈現關係、時間、流程

一張圖畫勝過一百句話 /指示牌

V I S U A L T H I N K I N G

各位試著想像自己在每天都有許多顧客的快餐店工作，大概每天都會

反覆遇到相同的問題。視覺思考的優點就是使用簡單的圖畫就能傳達

需要的資訊，如果不想反覆聽到「想要上去 3樓該往哪邊走呢？」、

「有幾個位子呢？」、「廁所在哪裡呢？」之類的問題，就要事先思考

顧客們會提出的疑問，並使用圖畫與文字彙整後放置在明顯的位置。

實際上麥當勞就有很棒的圖畫指標，圖畫與文字都和年齡、語言沒有

關係，可以充分地將資訊傳遞給人們，它能讓我們節省必須回答相同

問題的能量。

麥當勞（明洞分店）的指標

140　PART 04 視覺結合─呈現關係、時間、流程

一眼看懂複雜的過程 /出版流程

V I S U A L T H I N K I N G

想要完成一本書，需要作者等許多人付出相當程度的努力與時間，而

我嘗試畫了相關的簡圖。

1. 首先，要尋找具備知名度和構思的誠實作者。

2. 和作者簽訂契約後，必須在既定的期間內完成一定張數的文字。

假設原稿紙 200張、每一章節要 20張照片。

3. 原稿、照片和圖片的重要度大約分為 50：30：20。

4. 編輯結束就會進入製作程序，依序是列印─裝訂─交貨。

5. 在製作的同時籌備行銷活動，行銷活動最好從 on line和 off line雙管齊

下會比較有效率。

作者

知名度、構思 +誠實

製作

印刷

裝訂

交貨

On line

On line

行銷

設計 20%

照片 30%

原稿 50%

原稿紙

200張

每個章節

20張

原稿

照片

使用圖片呈現的出版過程

呈現業務處理步驟 /租車預約系統 　 143

呈現業務處理步驟 /租車預約系統

V I S U A L T H I N K I N G

大部分的人前往離島旅行時都會租車，我嘗試呈現了預約租車的過程。

使用的視覺單位有三種，分別是人物、組、數據目錄。

代表組的四角形上方的數字是預約的順序，從圖片中可以知道想要租

車需要 3種數據、以及共 5組的客人，看似複雜但只要依照組上方的

編號移動，就能輕易理解顧客聯絡客服中心後是以何種程序進行預約。

客服中心

查詢

確認

預約組

會計組

Happy call team

整備組

整備技師

顧客

確認預約掌握可行駛的車輛

整備內容

車輛配置

計算費用申請費用

預約內容指引

申請費用

匯入費用

配車目錄 查詢費用

通報

支付費用

車輛目錄

數據目錄

組

人

配車目錄

預約完成

預約內容、費用指南

通報

預約目錄

配車

輸入受理預約

顧客

租車預約處理程序

156　PART 05 視覺訊息─納入核心資訊吧

10 個 新年希望與目標

V I S U A L T H I N K I N G

每次只要一到新年，很多人都會訂立在該年度想要完成的心願，但就

像三天打魚兩天曬網這番話的意思一樣，想要持之以恆完成自己的願

望並非容易的事情。因此，不要只是單純下決心而已，使用文字記錄

願望也是不錯的方式，只要使用文字搭配圖畫寫下目標，就能大幅度

提升成功的可能性。話雖如此也不需要刻意等待新年的到來，接下來

就試著寫下 10種願望吧！也可以和家人、朋友、同事聚在一起寫下

願望輪流介紹與分享。說不定能協助我們實現願望的人就在我們的身

旁呢！

目標

搭飛機努力讀書

吃很多美食笑得更多、發揮更多的愛

不要花太多錢(使用在需要的地方)

懂得更加 珍惜

不要動搖， 朝向目標邁進

不要太急躁

不要太任性， 經常說好話

(喝一杯咖啡的悠閒…)

2015年新年目標

談論成為具創意者的 29種方法 　 159

談論成為具創意者的29 種方法

V I S U A L T H I N K I N G

每個人都希望自己能有創意的思考，有創意的人會創造出新的價值，

並且是具備能力解決問題的人。不久前我偶然在網路上發現有趣的資

料，那是一名外國設計師製作的資訊圖表。

談論成為具創意者的 29種方法 　 163

完成後列印，然後我便貼在書桌前，總覺得心情頓時變很愉快，讓人

不禁有種光是看到就能成為創意者的感覺，為了和其他人一起分享這

麼有用的資訊，我製作成檔案提供下載。

成為創意者的 種方法

製作

目錄

時時攜帶

筆記本 隨心所欲

地寫吧

暫時遠離

電腦吧

催促

自己

休息

放鬆吧

試著邊洗澡

邊唱歌 試著聽新

的音樂吧

和創意者

一起相處

收下

反饋吧

練習！練習！練習！

一起聚集力量吧禁止挫折！絕對不要放棄

敞開心房吧

享受一杯咖啡吧

成為創意者的 29種方法 1

164　PART 05 視覺訊息─納入核心資訊吧

偶爾失誤

也無妨

試著

打破規則

試著數數看

自己獲得的祝福

千萬

不要

逞強

試著閱讀

一頁的

字典

嘗試新的

挑戰

試著

寫下構想

試著體驗一下

收尾的過程

人生有什麼

大不了呢？

享受就好！

感受一下

打掃的力量

要以結構性的方式思考

不要

追求

完美

試著享受一段漫長的假期

試著前往新的地方

成為創意者的 29種方法 2 /原文下載點：http://goo.gl/Lp7tvX

接下來發生了有趣的事情，大家紛紛列印這份文件貼在牆上或書桌

前，並且將此一情景拍照上傳到網站，因為我也沒預料到會發生這種

情況，所以頓時覺得非常新奇。

168　PART 05 視覺訊息─納入核心資訊吧

發表者指南

發表階段

請記得

看來應該能展現精采的成果，往後也要多多表現。

準備發表時必須牢記一些事項。

恭喜你成為 TEDx 發表者。

對許多人的發表都會有所幫助。

請一定要遵守

發表時間培養創意

簡單明瞭！

製作

簡報

享受喜悅

練習

製作目錄且

整理內容

進行精彩的發表

使用圖畫瀏覽的 TEDx 發表者指南是以 TED.com 的內容為基礎，由 DOUG NEILL (THEGRAPHICRECORDER.COM) 與 TEDxCONCORDIAUPORTLAND(TEDXCONCORDIAUPORTLAND.COM)

團隊一起製作完成。翻譯：Jeong Jin Ho

TEDx發表者指南

心智圖 是什麼呢？ 　 175

製作心智圖時要盡可能多使用同一個圖片才會有效果，隨著文字搭配

圖片的使用次數越多，左腦就能搭配右腦一起運作，並且形成具創意

的構思。這就是心智圖能形成和視覺思考類似效果的理由，使用電腦

製作心智圖時，右腦相對地較少使用，因此，建議初次接觸心智圖的

人盡可能使用紙張、筆、彩色鉛筆、簽字筆等親手畫圖。剛開始或許

會覺得有些茫然，但只要透過些許的練習讓自己熟練後，任何人都能

輕易、迅速地畫出心智圖。更重要的是，試著享受能輕易學習與製作

的過程。

和其他人 一起進行 內在的成長

學習壁球之類的一種球類

一個月閱讀一本書寫讀後感想體重75kg以下持續練習素描

成為 帥氣的Glovis人

成為 國際人

成長計畫

一天背五個英文 句子

學習中文和Chris使用中文交談

到土耳其、希臘旅行

朋友 疏遠 恢復！

少喝一點吧1年1張

照片

酒美食餐

廳

親手描繪心智圖

心智圖是什麼呢？ 　 175

試著描繪心智圖 　 183

使用心智圖歸納的讀書報告 -公司想要的提案技術

心智圖架構要素

放射狀構造

心智圖一般來說都是以大自然的結構原理放射狀製作，它和動物的血

管、植物的莖與根、神經細胞神經元等的形態相似。放射狀是從中央

的中心圖案向旁支延伸，然後粗度會逐漸變細的形態。這個方式在中

心放置核心主題，並且突顯了讓相關的思考能更多采多姿、更自由配

置的優點。

中心圖片

中心圖片是表達主題、標題、思考等的圖畫，在心智圖中相當於核

心，因此，最好盡可能配置在中央，而且要大一點、華麗一點、呈現

立體狀態。

184　PART 06 心智圖─擴大思考的結構

倘若是在素描簿大小的紙張上進行作業，至少也要和各位的拳頭差不

多大。

管理錢

和朋友之間的關係

打造幸福的家庭

好

目標 成為 IT專家

讀英文古典知識人

讓自己擁有美術的感覺

愛

讀書

休息時就該

好好休息！

享受

動

心智圖

擬訂計畫後，

依照計畫工作與實踐

努力工作

以 3次元呈現的華麗中心圖案

主分支與副分支

主分支是與中心圖片相接的樹枝狀粗線，越接近中心圖片就越粗，必

須向外延伸且越來越細。副分支是指主分支細分為多個小分支，由於

粗細不同，只要使用相同的顏色，就能更迅速、明確傳達它是從同一

個主分支延伸出來的副分支的事實。

試著描繪心智圖 　 185

關鍵字

心智圖中呈現放射狀延伸的分支都具備關鍵字，盡可能不要切斷，為

了防止分支切斷，關鍵字盡可能寫在分支上會比較好。在分支上寫關

鍵字時，必須注意在一個分支上填寫一個關鍵字，就算只有寫一個單

字，也能將該單字相關的另一個思考製作成副分支。

圖片

使用手繪的心智圖的特徵就是圖片，盡可能畫更多與關鍵字相關的圖

片吧！雖然比漂亮、複雜的畫更簡單，但要使用各種豐富的顏色呈現

立體狀才會有效果，視覺思考的核心就是搭配圖畫與文字彙整思考後

構思，對於製作親手描繪的心智圖有很大的幫助。

年 清單目標

適應

首爾‧京畿

到處旅行

在圖書館讀書

多進行聯誼

邊思考價值

邊消費

存錢

給零用錢

不要分期

金00先生…

養成節約的習慣

媽媽的健康

不要抱怨

拿出專家的樣子

墮落X！責任意識

照顧家人 ( 經常聯絡 )

結婚資金

上下班 - 聽音樂

探訪美食餐廳

興趣家族

運動

走路

瑜珈/伸展運動

經濟性穩定

戀愛& 結婚

工作

和電影‧戲劇變更親近

建立配偶 觀

週末時約 會

運用各種圖片的心智圖目標清單

試著描繪心智圖 　 187

使用心智圖描繪的自我介紹

第一次要描繪的心智圖是自己最清楚的對象，那就是描繪關於自己的

心智圖。主分支以家族、工作、興趣、願望開始，只要變更為自己想

畫的關鍵字就會提升其趣味性。

時間設定為 30分鐘左右最恰當，這樣就足以填補一張 8開圖畫紙，

若是時間太短就無法充分思考與表達，進而導致難以取得令人滿意的

結果。相反地，若是時間太長就會慢慢開始有想把圖畫漂亮的想法出

現。就像前面說過的一樣，最好不要畫底圖，先依照自己的想法製作

分支，然後使用圖畫呈現各個單字。

【準備物品】8開圖畫紙、12色簽字筆、12色鉛筆

【限制時間】30分鐘

筆者親手畫的自我介紹心智圖

220　PART 07 圖像記錄─即時記錄的視覺思考

圖像記錄 是什麼呢？

V I S U A L T H I N K I N G

圖像記錄（Graphic Recording）簡單來說就是使用圖畫與文字整理

內容的技術，和視覺筆記（Visual Note）的意思差不多。大部分的圖

像記錄都是在講課現場中即時完成的，當然剛開始邊聽課邊使用圖畫

與文字搭配整理並非容易的事情，不過，只要持續使用適當的方法練

習，就能獲得比預期中更棒的結果。

使用圖畫進行筆記

使用圖畫與文字在小筆記本上畫圖進行筆記

圖像記錄 是什麼呢？ 　 221

Change on 2014現場進行圖像記錄作業中的筆者

CBS「改變世界的時間 15分鐘」錄影現場，圖像記錄開始之前

圖像記錄是什麼呢？ 　 221