Information Design一看就懂的高效圖解溝通術

引言

CHAPTER 1［準備］　「圖」可以說明一切
1 製作說明文件並不需要「寫作力」
 ▎準備資料時首先要做的工作
 ▎第一眼看到的不是「標題」也不是「摘要」
 ▎不擅長閱讀寫作的人更有利
 ▎製作能讓人以直覺理解的資料
 ▎省去溝通、傳達的步驟，提升理解度

2 以「傳達的方式」提升對方的理解度
 ▎以2個圖表實際感受「理解度的差異」
 ▎工具明明都有了，為何還是「無法傳達」？

3 你是否做出無法傳達訊息的髒圖呢？
 ▎觀察一下周遭，「髒圖」到處都是
 ▎聰明人容易陷入的迷思
 ▎對方什麼都沒說不代表他「理解了」
 ▎為了不讓好點子化為烏有，你應該……
 ▎不需要過人的創意就能設計「傳達訊息的圖」

4 該如何設計出以直覺傳達訊息的圖？
 ▎不論是何種領域、工作，圖解的技術都會派上用場
 ▎使用符號就能「直覺地」傳達訊息
 ▎圖應該隨著目的而改變
 ▎只要應用「基本架構」就可以
 ▎不需要「藝術性」也不用「創新」
 ▎設計師都是從手繪開始

5 「直覺傳達訊息」的製圖步驟
 ▎快速學會圖解術，活用DTM
 ▎Step 1 Discovery發現：找出可供參考的範例
 ▎Step 2 Transforming 改變：配合課題改變調整範例
 ▎Step 3 Making 製作：以素描的草圖為原型製圖
 ▎不斷重複步驟，「習慣」很重要

CHAPTER 2［圖的功能］　傳達「圖示」的5個重點
1 掌握圖解的「5個功能」
 ▎以功能區分圖解
 ▎圖解的5個基本功能
★圖解功能1　即時傳達訊息
★圖解功能2　製造親切感
★圖解功能3　消除不安
★圖解功能4　讓對方認真看待
★圖解功能5　防止誤解與失敗

CHAPTER 3［製「圖」］　征服主題、呈現方法、成品3座高山
1 製圖需征服的3座山
 ▎Step 1　決定主題：同時進行主題設定與訊息分類
 ▎Step 2　決定呈現的方法：帶入圖解基本架構
 ▎「照片」與「插圖」的不同
 ▎傳達訊息的圖表最重要的「功能」與「目的」
 ▎① 圓餅圖：只用於傳達「占全體的比例」
 ▎② 百分比長條圖：只用於傳達「比例的不同」
 ▎③ 折線圖：只用於傳達「時間軸的趨勢」
 ▎④ 長條圖：只用於傳達「數據差異」
 ▎⑤ 數值一覽表：只用於傳達「具體數據」
 ▎Step 3　完成：引起對方注意的技巧

CHAPTER 4［範例集］　只要改變「圖解」就可以傳達所有訊息
1 常見的失敗範例要這樣改善
　 ★流程組織圖01　善用框線與排列
　 ★流程組織圖02　複雜的情況下不要只用一個圖解
　 ★流程組織圖03　不要靠氛圍，要從主題的意義來製作圖解
　 ★流程組織圖04　減少麻煩的對照
　 ★流程組織圖05　說明文與圖是一組的
　 ★流程組織圖06　以可以直覺理解的方式說明
　 ★流程組織圖07　分類使用箭頭功能
　 ★流程組織圖08　訊息中有比較容易理解的順序
　 ★流程組織圖09　利用箭頭與框線突顯各步驟的重要性
　 ★比較一覽表10　以對方認為重要的內容為主軸
　 ★比較一覽表11　要傳達規模與分量時可以善用圖示
　 ★比較一覽表12　如果呈現方式錯誤便無法正確傳達
　 ★比較一覽表13　以傳達資訊的重要性來思考如何突顯重點
　 ★比較一覽表14　如果比較資料很花時間，便不易傳達資訊
　 ★比較一覽表15　製圖時不要太依賴感覺
　 ★比較一覽表16　記號可以幫助理解
　 ★比較一覽表17　使用大家都知道的記號
　 ★比較一覽表18　對照圖會增加不必要的麻煩
　 ★比較一覽表19　數據靠右對齊，單位靠左對齊
　 ★比較一覽表20　共通訊息的擺放位置會影響傳達方式
　 ★比較一覽表21　用深淺表示範圍
　 ★圖　　　表22　圖例容易招致誤解
　 ★圖　　　表23　比較規模時最適合使用長條圖
　 ★圖　　　表24　簡化並強調主題
　 ★圖　　　表25　立體圖表無法傳達正確資訊
　 ★圖　　　表26　不要用容易產生誤解的立體圖表
　 ★圖　　　表27　圖表不要重疊比較好判讀
　 ★圖　　　表28　以顏色與深淺表示整體趨勢
　 ★圖　　　表29　為了突顯主題必須調整訊息量
　 ★圖　　　表30　把要比較的數據縱向排列
　 ★圖　　　表31　一覽表比較能看出細微數據變化
　 ★圖　　　表32　選擇容易傳達訊息的圖表
　 ★圖　　　表33　擅自調整大小會影響對方的印象
　 ★圖　　　表34　配合主題調整圖表的排列
　 ★圖　　　表35　使用適當插圖來表示基準
　 ★圖　　　表36　分數表要標示出滿分
　 ★圖　　　表37　不只要強調重要的部分，還要削弱其他部分
　 ★圖　　　表38　不要使用容易與背景混淆的顏色
　 ★文 字 配 置39　除了頁碼，也要標示總頁數
　 ★文 字 配 置40　標題靠左對齊最好讀
　 ★文 字 配 置41　條列式也可以讓人眼睛為之一亮
　 ★文 字 配 置42　就算空間不夠，突顯號碼就會更好讀
　 ★文 字 配 置43　每行文字調整成容易閱讀的長度
　 ★文 字 配 置44　調整文字大小時要注意間距
　 ★文 字 配 置45　不要過於依賴條列式
　 ★文 字 配 置46　不要勉強做成條列式
　 ★文 字 配 置47　配合主題分類
　 ★文 字 配 置48　分層次有助於加速理解
　 ★文 字 配 置49　要強調的部分不要只靠顏色
　 ★文 字 配 置50　頁碼要放在接近目次的位置

結語
參考書目
免費圖解製作素材

桐山岳寛Takehiro KIRIYAMA
資訊設計師、平面設計師、TKGDS設計工作室負責人。
1981年生，東京學藝大學教育學系畢業，於英國雷丁大學（Reading University）完成資訊設計碩士學位（MA Information Design）。桐山曾擔任蒙古國立工業美術學校講師，任教期間因優秀的設計教育表現而獲頒「拉吉夫·甘地獎」(2013)。
除了從事日本國內外平面設計教育工作，他也運用海外生活與教育的經驗，以「跨越語言隔閡的設計與傳達」為主題，在教育與商業領域教授圖解、圖表與資料流程圖的活用技巧。