象形圖應用於青少年跆拳道運動推廣之創作研究

全文

(1)國立臺灣師範大學設計學系設計創作在職專班碩士論文. 象形圖應用於青少年跆拳道運動推廣之創作研究 The research of Pictograms applies in the Taekwondo sport promotion for the young people. 指導教授：廖偉民教授研究生：呂東榮. 中華民國 105 年 7 月.

(2) 謝誌這兩年研究所的日子，轉眼間快結束了。能順利完成此篇創作論文及作品的展出，真的非常的高興，在學期間充實且精彩，感謝所有老師教導、葉碧華助教及同學們間相互的激勵與家人犧牲配合和支持，更謝謝口試委員蘇文清老師和黃文宗老師，針對學生論文不足及缺少的部分提點，讓此論文更加的完整，感謝寶貴的意見。感謝這段期間諸位教導過我課程的老師們，真的術業有專攻，讓我學習到不少的知識，從更多的面向分析和思考問題。尤其特別要感謝我的指導教授廖偉民老師，非常專業有效率及不厭其煩的給予我論文上建議、指導與修正，讓我提昇很多很多，讓我的論文內容豐富架構完整。最後，要感謝我的家人老婆、小孩、爸爸、媽媽體諒我，這期間很少陪伴你們，並給予我的支持及鼓勵。要感謝的人實在太多，謹向所有關心我的人，說聲謝謝，以表達我無限的感激，祝你們闔家平安、事事如意。. 呂東榮謹誌臺灣師範大學設計學系碩士班中華民國105年7月. ii.

(3) 摘要本創作研究旨在透過資訊圖表與象形圖的研究，創作出跆拳道初學者所需的知識。從文獻探討階段中理解資訊圖表必須具備吸引目光、清楚易懂、具功能性且正確無誤導等設計規劃方向。並以觀者角度思考，設計出具美感與象形特徵，讓資訊傳遞更清晰易於理解。在研究方法上，進行 1988 年至 2016 年歷屆夏季奧運會跆拳道運動象形圖的特徵與美感的問卷調查分析，將所得之結果再依據資訊圖表象形圖設計四項要點：「明顯具吸引力」、「盡可能不使用文字」、「設計精簡易讀」、「資訊正確性」進行下個階段的創作設計。在創作階段中，將青少年跆拳道運動必學的資訊，轉化為表意符號及象形圖所構成的資訊圖表設計。創作主題以跆拳道運動初學者所應瞭解的資訊為主軸，規劃一系列跆拳道運動推廣之資訊圖表設計，共計有十大項目十件作品，並依循創作流程五個階段步驟檢視，藉以驗證象形圖與研究結論相符。. 關鍵字：象形圖、資訊圖表、表意符號、跆拳道. iii.

(4) Abstract This study is to create the information for Taekwondo starters through infographics and pictograms. From the research, the design direction of the infographics must be attractive, easy to understand, functionality, properly, and non-misleading. From the audience’ point of view, aesthetic and pictograms features make the information easily understood. Based on research method, conduct questionnaires analysis on the features and aesthetics for Taekwondo on summer Olympics from 1988 to 2016. According to the infographics and pictograms, to summarize four design major matters for next design stage, including: “obviously attractive”, “without text as far as possible”, “streamline design to read” and “information accuracy”. In the stage of creation, the must-learn information of taekwondo learners for teenagers would transform into the design of infographics with ideogram and pictograms. The creative objective focuses on the information which should be understood by Taekwondo starters. In order to verify the consistency of pictograms design and research findings, we have five stages of processing measures to plan a series of Taekwondo promotion of infographics design including ten works in ten main projects.. Keywords: Pictograms, Infographics, ideogram, Taekwondo. iv.

(5) 目錄 ............................................................................................................................................................. I 謝誌 ...................................................................................................................................................II 摘要 ................................................................................................................................................. III ABSTRACT ................................................................................................................................... IV 目錄 ................................................................................................................................................... V 圖目錄 ............................................................................................................................................ VII 表目錄 ............................................................................................................................................... X 第一章緒論..................................................................................................................................... 1 1.1 研究背景與動機 .................................................................................................................................. 1 1.2 創作研究目的 ....................................................................................................................................... 2 1.3 創作研究範疇與限制......................................................................................................................... 3 1.4 創作研究流程與架構......................................................................................................................... 4 第二章文獻探討 ............................................................................................................................ 5 2.1 何謂資訊圖表（INFOGRAPHICS） ................................................................................................... 5 2.1.1 資訊（Information）的定義 ........................................................................................10 2.1.2 資訊圖表的類型與形式 ..............................................................................................12 2.2 象形圖（PICTOGRAMS） ..................................................................................................................26 2.2.1 象形圖的發展 ...............................................................................................................28 2.2.2 夏季奧運會象形圖設計之分析 ..................................................................................41 2.2.3 資訊圖表象形圖類型的設計要點 .............................................................................53 2.3 跆拳道運動 ..........................................................................................................................................56 2.3.1 品勢及晉級....................................................................................................................56 2.3.2 訓練中如何避免受傷...................................................................................................58 2.4 跆拳道運動初學者應注意之事項 ...............................................................................................59 第三章研究方法與實施 .............................................................................................................62 3.1 量化研究 ..............................................................................................................................................62 3.1.1 夏季奧運會跆拳道象形圖（Pictograms）設計特徵分析 ......................................63 3.1.2 問卷設計 ........................................................................................................................67 3.2 資料分析與結果 ................................................................................................................................69 v.

(6) 3.2.1 基本資料分析 ...............................................................................................................70 3.2.2 問卷施測結果分析 .......................................................................................................75 第四章創作理念與內容 .............................................................................................................77 4.1 創作流程與內容 .................................................................................................................................77 4.1.1 創作流程 ........................................................................................................................77 4.1.2 創作作品內容 ...............................................................................................................85 4.2 創作說明 ..............................................................................................................................................95 4.2.1 確認資訊圖表整體全貌 ..............................................................................................95 4.2.2 資訊圖表視覺一致性...................................................................................................96 4.3 創作展出 ...............................................................................................................................................99 4.3.1 展場規畫特色 .............................................................................................................102 4.3.2 研討會發表..................................................................................................................103 第五章結論與建議 ................................................................................................................... 105 5.1 研究結論 ............................................................................................................................................ 105 5.2 建議 ...................................................................................................................................................... 106 參考文獻 ...................................................................................................................................... 107 附錄 3.1 問卷內容 ..................................................................................................................... 111 附錄 4.1 ICKE | 2015 感性工學國際研討會內容 .................................................................. 130. vi.

(7) 圖目錄圖 1.1：創作研究流程與架構....................................................................................................................................... 4 圖 2.1：視覺化學習.......................................................................................................................................................... 6 圖 2.2：資訊圖表適用於各項設計領域 ................................................................................................................... 7 圖 2.3：自 2009 年起各國網絡媒體採用資訊圖表搜索「INFOGRAPHIC」熱門度對照圖 ................. 8 圖 2.4：如何滑輪競賽圖 ............................................................................................................................................. 16 圖 2.5：如何戒菸改變你的身體 ............................................................................................................................... 16 圖 2.6：FROM A TO F - INFOGRAPHIC ON DIFFERENT MODES OF TRANSPORTATION .............. 17 圖 2.7：BLACK FRIDAY SHOPPING TRENDS 2012 ......................................................................................... 18 圖 2.8：2002 FIFA 世界盃足球賽官方導覽手冊搶鮮版 .................................................................................. 19 圖 2.9：GEOLOGIC TIME SPIRAL ........................................................................................................................... 20 圖 2.10：SHOULD I LEASH MY DOG? .................................................................................................................. 21 圖 2.11：BERLIN WALKS ........................................................................................................................................... 22 圖 2.12：CHOOSE THE RIGHT APPLE .................................................................................................................. 23 圖 2.13：倫敦蓋特威克機場象形圖 ........................................................................................................................ 24 圖 2.14：東京 1964 年奧運會象形圖 ...................................................................................................................... 25 圖 2.15：蘇美爾楔形文字 ........................................................................................................................................... 26 圖 2.16：繪有圖案的杯子 ........................................................................................................................................... 27 圖 2.17：象形圖(PICTOGRAMS)歷史發展脈絡 ................................................................................................. 29 圖 2.18：尼爾加石窟壁畫 ........................................................................................................................................... 30 圖 2.19：肖維岩洞壁畫................................................................................................................................................ 30 圖 2.20：埃及人墓碑上的象形文字 ........................................................................................................................ 32 圖 2.21：軟泥板楔形文字 ........................................................................................................................................... 32 圖 2.22：牛胛骨版記事刻辭 ...................................................................................................................................... 32 圖 2.23：瑪雅象形文字................................................................................................................................................ 32 圖 2.24：各種形式的凱樂（XP）花押 .................................................................................................................. 33 圖 2.25：全徽–近代家徽實例 ................................................................................................................................. 34 圖 2.26：平家揚羽蝶紋................................................................................................................................................ 35 圖 2.27：源氏竹龍膽紋................................................................................................................................................ 35 圖 2.28：奧地利和德國發現的三組石匠記號 ..................................................................................................... 36 圖 2.29：歐洲代代演變相傳的家族記號 .............................................................................................................. 36 圖 2.30：圖像象徵系統................................................................................................................................................ 37 圖 2.31：《波力菲羅夢追愛》1499 年版的木刻插圖象形文字 ..................................................................... 37 vii.

(8) 圖 2.32：第一枚印刷標誌 ........................................................................................................................................... 38 圖 2.33：世界上第一組圖示符號交通標誌 ......................................................................................................... 39 圖 2.34：1936 年柏林奧運會象形圖 ....................................................................................................................... 40 圖 2.35：1974 年 AIGA 設計的公共標誌圖形其中之一部份 ........................................................................ 40 圖 2.36：1988 年漢城奧運會會徽 ............................................................................................................................ 41 圖 2.37：韓國傳統工藝太極扇 ................................................................................................................................. 41 圖 2.38：1988 年漢城奧運象形圖 ............................................................................................................................ 42 圖 2.39：1992 年巴塞隆納奧運會會徽 .................................................................................................................. 42 圖 2.40：1992 年巴塞隆納奧運象形圖 .................................................................................................................. 43 圖 2.41：1996 年亞特蘭大奧運會會徽 .................................................................................................................. 43 圖 2.42：自由女神像 .................................................................................................................................................... 44 圖 2.43：美國國旗 ......................................................................................................................................................... 44 圖 2.44：1996 年亞特蘭大奧運象形圖 .................................................................................................................. 44 圖 2.45：2000 年雪梨奧運會會徽 ............................................................................................................................ 45 圖 2.46：雪梨歌劇院 .................................................................................................................................................... 45 圖 2.47：澳洲迴力鏢 .................................................................................................................................................... 45 圖 2.48：2000 年雪梨奧運象形圖 ............................................................................................................................ 46 圖 2.49：2004 年雅典奧運會會徽 ............................................................................................................................ 47 圖 2.50：2004 年雅典奧運象形圖 ............................................................................................................................ 47 圖 2.51：基克拉迪俑 .................................................................................................................................................... 48 圖 2.52：古希臘黑圖花瓶 ........................................................................................................................................... 48 圖 2.53：2008 年北京奧運會會徽 ............................................................................................................................ 48 圖 2.54：2008 年北京奧運象形圖 ............................................................................................................................ 49 圖 2.55：2012 年倫敦奧運會會徽 ............................................................................................................................ 50 圖 2.56：2012 年倫敦奧運象形圖「剪影」版本 ............................................................................................... 50 圖 2.57：2012 年倫敦奧運象形圖「動態」版本 ............................................................................................... 51 圖 2.58：2016 年里約奧運會會徽 ............................................................................................................................ 51 圖 2.59：2016 年里約奧運象形圖 ............................................................................................................................ 52 圖 3.1：八屆夏季奧運跆拳道象形圖（PICTOGRAMS）特徵、通用性和辨識度分析 ...................... 66 圖 3.2：本研究設計的跆拳道象形圖圖形 ............................................................................................................ 67 圖 3.3：本研究整理的九個跆拳道象形圖圖形 .................................................................................................. 68 圖 3.4：本研究整理的九張跆拳道象形圖圖形 .................................................................................................. 69 圖 4.1：技術與體能關係重要程度分布圖 ............................................................................................................ 78 圖 4.2：圖像視覺初稿製作設定 ............................................................................................................................... 82 圖 4.3：資訊圖表象形圖類型製作初步製作 ....................................................................................................... 83 viii.

(9) 圖 4.4：跆拳道技術與體能要素關係分析主題定稿過程 ............................................................................... 84 圖 4.5：創作流程五階段步驟.................................................................................................................................... 84 圖 4.6：技術與體能要素關係分析 .......................................................................................................................... 85 圖 4.7：身體動作部位及動作起始點、完成點 .................................................................................................. 86 圖 4.8：太極品勢太極二章 ........................................................................................................................................ 87 圖 4.9：跆拳道基本腿法 ............................................................................................................................................. 88 圖 4.10：跆拳道道帶的綁法 ...................................................................................................................................... 89 圖 4.11：跆拳道品勢中基本站姿............................................................................................................................. 90 圖 4.12：跆拳道伸展練習 ........................................................................................................................................... 91 圖 4.13：跆拳道腳靶訓練 ........................................................................................................................................... 92 圖 4.14：跆拳道護具設備配置 ................................................................................................................................. 93 圖 4.15：跆拳道競技得分標準 ................................................................................................................................. 94 圖 4.16：時間軸類型/跆拳道特徵象形圖靜態式平面設計............................................................................ 95 圖 4.17：裝飾性圖像 .................................................................................................................................................... 96 圖 4.18：主題色塊與背景色塊 ................................................................................................................................. 97 圖 4.19：字體及字體顏色的一致性 ........................................................................................................................ 97 圖 4.20：連續漸層用色作為動作連貫性的處理 ................................................................................................ 98 圖 4.21：展覽及口試現場實景（一） ................................................................................................................. 100 圖 4.22：展覽及口試現場實景（二） ................................................................................................................. 100 圖 4.23：展覽及口試現場實景（三） ................................................................................................................. 101 圖 4.24：展覽及口試現場實景（四） ................................................................................................................. 101 圖 4.25：海報由左至右離開牆面高度示意圖 ................................................................................................... 102 圖 4.26：海報局部切割凸起 0.5 公分................................................................................................................... 102 圖 4.27：ICKE | 2015 感性工學國際研討會 ...................................................................................................... 103 圖 4.28：ICKE | 2015 感性工學國際研討會現場實景 ................................................................................... 104. ix.

(10) 表目錄表 2.1：專家學者對資訊圖表的定義........................................................................................................................ 8 表 2.2：資訊的演變 ...................................................................................................................................................... 11 表 2.3：資訊圖表溝通的主要型態 ......................................................................................................................... 13 表 2.4：專家學者對資訊圖表的類型..................................................................................................................... 14 表 2.5：依表現內容分類的資訊圖表類型 ........................................................................................................... 15 表 2.6：四大自源文字 ................................................................................................................................................. 31 表 2.7：專家學者對資訊圖表的設計要點 ........................................................................................................... 53 表 2.8：資訊圖表象形圖類型的設計要點及簡述 ............................................................................................. 55 表 2.9：太極品勢組成表 ............................................................................................................................................ 57 表 2.10：色帶晉級內容 .............................................................................................................................................. 57 表 2.11：黑帶品勢組成表 .......................................................................................................................................... 58 表 3.1：比較具有跆拳道特徵象形圖之總票數結果統計 .............................................................................. 70 表 3.2：比較具有美感之跆拳道象形圖之總票數結果統計 .......................................................................... 70 表 3.3：比較具有跆拳道特徵象形圖性別之票數結果統計 .......................................................................... 71 表 3.4：比較具有美感之跆拳道象形圖性別之票數結果統計 ..................................................................... 71 表 3.5：比較具有跆拳道特徵象形圖年齡之票數結果統計 .......................................................................... 72 表 3.6：比較具有美感之跆拳道象形圖年齡之票數結果統計 ..................................................................... 72 表 3.7：比較具有跆拳道特徵象形圖職業之票數結果統計 .......................................................................... 73 表 3.8：比較具有美感之跆拳道象形圖職業之票數結果統計 ..................................................................... 73 表 3.9：比較具有跆拳道特徵象形圖學歷之票數結果統計 .......................................................................... 74 表 3.10：比較具有美感之跆拳道象形圖學歷之票數結果統計 .................................................................. 75 表 4.1：跆拳道技術類別與專項能力相關分析.................................................................................................. 82. x.

(11) 第一章緒論 1.1 研究背景與動機跆拳道運動，遠在四十幾年前即是我國軍的戰技項目之一，現在全世界已經成為非常普及的運動項目。目前更被列入我國奧運重點參賽項目，此運動是國內各項運動，在國際性體育運動競賽中，表現成績上極為穩定優異，這運動越來越受到青少年及社會大眾的關注認同，因此，目前許多中、小學社團，也都大力地提倡跆拳道運動，除了健身運動，而且還兼具防身制暴、強健體魄等功能，從基層教育時期訓練起，可以說非常合適。在大眾的認定中，跆拳道只是用來競技格鬥的狹義瞭解，其實，跆拳道除了練外在的勁，亦可練內在的氣，且包含內在修心修德的部分。所以，認識跆拳道，將跆拳道成為青少年的休閒運動，一般大眾也都可從事的活動。將資訊圖表視覺信息設計方面，運用在推廣或宣導此運動，利用資訊視覺化讓大眾瞭解跆拳道訓練，對青少年身體活動機能與精神層面有何改變及幫助，資訊圖表設計的類型及表現形式很多，以資訊視覺化為主，資訊圖表設計作為溝通的有效手段，需要理解跆拳道文化和資訊圖表象形圖類型之間的關係。資訊圖表象形圖類型設計的要點是清晰準確、易於理解、美觀。理性的思維進行設計，將跆拳道象形圖設計做一個循序漸進的過程，而不僅僅是一個美學設計的結果，更是傳遞想表達的重要資訊。. １.

(12) 1.2 創作研究目的近年來跆拳道運動，因為國內少子化現象的影響，推廣上受到相當大的阻力。由於家長對跆拳道的認識不足，家長對於子女保護過度，擔心跆拳道運動可能對子女造成身體上運動的傷害。針對家長讓小孩學習跆拳道會產生的幾個疑慮問題進行發想，瞭解其青少年學習前、中、後各階段的可能產生的問題，加以資訊視覺化，而跆拳道對身心健康的正面表述，特別是與健康有關的數據，可強化心臟機能（彈性、肌力與耐力），與身體健康活動（例如：平衡感、協調感、速度感、靈敏性與反應時間），這些正面效應皆能顯著提升。運用資訊圖表象形圖類型的視覺化設計，作為有效與家長溝通的媒介，將所得之數據資料加以整合，利用象形圖、線條、圖形及圖表符號等圖像的分類與解讀，給家長留下深刻的印象及正面的評價，基本上視覺設計，掌握清晰度和易讀性。以圖形、文字、色彩、質感來加以表現，「刪繁就簡」，對跆拳道主題進行詳細的研究和了解，探索最簡便最輕鬆的方式來傳達主題信息，來呈現出愉悅感和美感的設計。本研究的主旨在於探究，如何將複雜難以理解的跆拳道資訊轉化為清楚易懂的象形圖，讓初學者、青少年或家長能縮短對跆拳道的理解，研究之主要目的如下： 1. 針對夏季奧運會象形圖（Pictograms）之設計，透過量化研究，探討美感、特徵與辨識度分析。 2. 以資訊圖表之象形圖類型，設計創作一系列的青少年跆拳道運動推廣海報。. 2.

(13) 1.3 創作研究範疇與限制本創作研究為求資訊圖表應用於青少年跆拳道運動推廣的可行性，由於資訊圖表的類型與形式範疇廣泛，進而研究將依文獻探討所歸納國內外專家學者，對資訊圖表的類型與表現形式呈現上的發展狀況內容，針對夏季奧運會象形圖設計之分析，了解各屆奧運會會徽標誌與運動象形圖的風格及設計理念。如何讓家長知道訓練的過程中品勢和技擊對抗的交互訓練過程，品勢（Poomsae)又可翻譯為中文的「型」而所謂「型」相當於武術界所指的「套路」，即將一定數量的動作編排串連，形成一套具有一定特點和難度的統一模式套路，品勢通常作為跆拳道教學中，訓練初學者基本動作最基礎的課程，每一套品勢均有其規定的動作數量、演練路線與喊聲時機，並在文獻探討中發現其順序比重，供日後創作作品製作上的參考指標。本研究採量化研究法，由 1988 年後夏季奧運會八屆的跆拳道象形圖，模擬同一姿勢繪製而成的八個象形圖，針對設計要點進行分析及對本研究的象形圖設計要點，設計一張跆拳道象形圖圖形，共計九個跆拳道象形圖，進行「跆拳道象形圖配對比較法問卷調查表」問卷調查，問卷內容主要分兩題，一題是配對比較哪張圖形比較像跆拳道，另一題則是配對比較哪張圖形比較具有美感，每題九張圖形配對會有 36 題組每組單選，問卷施測分析結果作為創作作品的重要依據。. 3.

(14) 1.4 創作研究流程與架構. 圖 1.1：創作研究流程與架構資料來源：本研究整理 4.

(15) 第二章文獻探討本研究在探討如何利用資訊圖表的設計，清楚直接傳達跆拳道的基本概念予青少年及家長，因此本章節需針對資訊圖表定義、象形圖的簡化程度、圖形設計製作的重點以及跆拳道的起源、發展現況、比賽規則等相關難以理解的數據、文獻資料深入分析，利用資訊視覺化讓讀者了解跆拳道的特徵、目的、規則及學習後狀態，加深青少年及家長對跆拳道的認識。. 2.1 何謂資訊圖表（Infographics）資訊圖表（Infographics）是「資訊」和「圖像」兩個字合併（Information Graphics）而成的新名詞，它是資料數據與設計相結合起來的圖像，能有效簡明的幫助與傳達和對象溝通的訊息，木村博之在《設計的邏輯》提到這名詞，最初是報章雜誌新聞媒體中，設計部門用來代替圖像新聞（Graphics journalism），直到西班牙潘普洛那市（Pamplona）於 1993 年開始舉辦「Malofiej 國際資訊圖表設計獎」，資訊圖表（Infographics）這個名詞才慢慢地廣為使用。視覺占大腦運作的很大部分，約有一半是用來處理視覺有關的功能，在醫學研究中指出，大腦中約有 30%的灰白質是由神經元組成負責處理「視覺」相關功用，相對比較之下觸覺和聽覺相關的神經元只占了的 8%與 3%極少的比例，可以發現到「視覺」對於人類是非常重要。以這視覺功能系統來看，大腦在處理影像和文字方式不同，處理圖形影像是採「同步處理」，文字上的處理則是以線性掃過的「循序處理」（圖 2.1），因為大腦處理資訊方式不同，人類生理上對「圖形」容易快速理解易於被記憶與回想，相較於文字或語言描述，透過圖像有助於對事物的「比喻」，讓資訊更容易被連結起來「一圖勝千言」，視覺化資訊有股 5.

(16) 非常神奇的魔力，可以毫不費力就能讓資訊進入您的腦中，讓令人頭昏腦脹的大量資訊中獲得理解（Smiciklas，2014）. 圖 2.1：視覺化學習資料來源：圖像傳達力說服讀者x老闆x客戶的視覺資訊圖Infographics（Smiciklas，2014）. 現今社會正處於資訊爆炸的時代，資訊圖表已成為數位化時代中，最有效的資訊傳遞的方式之一，將原本複雜不易理解的數據、資料事物等資訊重新消化，透過平面設計圖表視覺化轉換出容易讓人普遍理解的圖案、符號、色彩、文字、照片等利用視覺圖像手法，使用視覺提示來達到資訊溝通或某種程度的分析，早期資訊圖表是指新聞媒體中，主要使用插圖來說明及說明事件的示意圖，現今商業環境與科技快速的進步，資訊設計視覺化的普遍應用，在日常生活環境中已經是無處不在，資訊圖表必須具備「吸引目光清楚易懂」與「功能性且正確無誤導」的兩大方向，以觀看者的角度發想設計出創新的視覺設計，吸引觀看者注意讓資訊更加容易理解，使得資訊與人們縮短距離，提升傳遞此訊息的最終目的及目標，製作資訊圖表時透過這種以人為中心讓生活更舒適的「貼心」設計，這個概念應用於任何領域的設計案都可以（如圖 2.2）。. 6.

(17) 圖 2.2：資訊圖表適用於各項設計領域資料來源：設計的邏輯：深入人新的視覺法則INFOGRAPHIC（木村博之，2012）. 運用資訊圖表後資訊變得易讀易懂容易得到共鳴，自 2009 年起美國引發網絡資訊圖表的熱潮，資訊圖表方便閱讀容易溝通，吸引網民搜索閱讀國內外各大媒體紛紛採用，香港首間信息圖創作及內容營銷公司參考 Google 趨勢的數據作出美國及亞洲之香港、台灣、日本四個國家的網絡新聞媒體運用資訊圖表在新聞內容中，網路搜索「Infographic」熱門度對照（如圖 2.3），顯示圖像比文字有助於讀者明快的閱讀，圖像容易傳達資訊的概念觸動讀者的情感引起共鳴感。. 7.

(18) 圖 2.3：自 2009 年起各國網絡媒體採用資訊圖表搜索「INFOGRAPHIC」熱門度對照圖資料來源：湊四互動Cou4 Intractive. 資訊圖表簡單來說就是溝通資訊使用數據視覺化、知識視覺化、訊息圖形化、科學視覺化所進行的資訊視覺設計下的發展，任何一種事物無論是動態或靜態，再了解其中，找出問題及答案所在，發現層層的相互關係，利用插圖、圖表、圖形、地圖、線段、本文等，各種視覺化的表達形式與技術，使人目睹、探索並立即理解大量的資訊，達到溝通應有的吸引力、有效的理解、傳達難忘的記憶知識，製作資訊圖表的過程中，不單單只是平面設計，我們還要將設計視覺比喻、符號與圖解、裝飾性的架構吸引目標權的設計元素，讓他們的情感層面上與資訊圖表相連結，表 2.1 歸納整理出專家學者對資訊圖表的定義：表 2.1：專家學者對資訊圖表的定義作者. 年份. 出處. 對 Infographics 的定義複雜繁瑣的資料，經過整理分類分析後，. 林品章. 1986. 商業設計. 透過視覺化有效且具體傳達給讀者之設計物。. Smith & Hajash. 1988. Information Graphics in 30. 不同類型的圖形如餅圖、條形圖、線或發. Daily Newspapers. 燒圖表、散點圖、表格、地圖等表明顯示 8.

(19) 統計數據，文本和圖形合併成一個容易理解的故事。透過視覺設計的表現手法，呈現事實與現王秀如、陳俊宏. 1996. 圖表設計原理與表現形式初探. 象，傳遞複雜及大量的資料或是文辭口語難以形容的事物，以線條、塊面、色彩、箭頭、符號等加以傳遞，讓受訓者能在極短時間內理解獲得多樣資訊。. 劉慧君. 1998. 電子報資訊圖片呈現方. 資訊圖片的主要功能是說明事實，其用意. 式與閱聽人認知型態對. 義明確，外延意涵較少，本質上有別於其. 閱讀成效、閱報時間與. 他傳達主觀意念或純粹作為欣賞的藝術或. 使用態度之影響. 娛樂。針對所要傳遞的資訊內容的結構加以分. 陳俊文、梁朝雲. 2001. 資訊設計及其延展與應. 析，重新規劃，並設計其所呈現的方式，. 用. 讓訊息接收者能容易理解的狀態下吸收及理解訊息。報紙圖像化的結構和趨勢，文字與圖像中. 柳惠文. 2004. 報紙新聞內容與圖像呈. 的新聞訊息呈現，對讀者傳達訊息內容認. 現對認知效果的影響. 知效果之影響，增加閱報的吸引力及提高讀者對訊息的理解力。. Nigel Holmes. 2005. 有例可圖-停格的異想世. 圖像既使語言不通，沒有文字說明也可以. 界. 被全世界所理解。資訊圖表的發展是趨勢，新信息的交互設. Philip B. Meggs. 2006. Meggs’History of. 計，增加深度，知識擴展和訊息質量的圖. Graphic Design. 形設計於一個可理解的形式中呈現複雜的資訊。. 王孝鈞. 2007. 資訊圖像應用於蘋果日. 以簡單易於理解合理的視覺設計手法，呈. 報編排設計之研究. 現複雜的資訊。資訊圖像化的基本功能是，幫助大眾理解. IDN. 2008. IDN 中文版雜誌. 大量的資訊和資料，圖像設計製造出愉悅與陷阱，引人入性的純資訊圖像。功能：讓資訊簡單化、單純化，詳述資料與客觀的事實，降低讀者對資訊的接受及. 資訊圖表應用於臺灣與尹相崙. 2010. 日本飲食文化比較之研究. 理解的門檻。特性：藉由簡單的形式設計協助讀者快速、精確的理解複雜的資訊。內容：運用各式客觀的數據、資料、圖像架構成，將文字和圖表共同建構下的視覺表現手法。資訊圖表是將複雜的事物加以重新整理. 木村博之. 2012. 設計的邏輯：深入人新. 後，運用平面設計的手法轉換成容易讓人. 的視覺法則. 理解的視覺圖表，資訊圖表的使用目的與. INFOGRAPHIC. 理想目標，是讓原本用語言文字表達的事物，改用圖表作說明，讓內容變得淺顯易 9.

(20) 懂。視覺資訊的力量讓數. Jason Lankow, Josh Ritchie,. 2013. Ross Crooks. 字故事「更好看」：抓住眼球經濟的「資訊圖」格式全書. 2014. 以臺灣當令食材製作之健康營養食譜為例. 林孟潔. 2014. 資訊圖包含特定的數據量、具依定的複雜性，或非得呈現某種程度的分析，他的特徵是利用插圖、大型排版、以長形的呈職方向來顯示各式各樣的事實。. 資訊圖表之創作研究鄧克威. 資訊圖表就是使用視覺提示來溝通資訊，. 資訊圖表處理解決難用文辭表意，又對資訊進行完整傳遞，透過一目了然的圖像設計，更加引起強烈的注意，加深對於複雜資訊的瞭解。. 時間性資訊圖像應用於. 資訊圖像將數據、文字、數據與文字整合. 互動式介面設計之創作. 轉化為圖像，透過對於資訊、數據、知識. 研究-以近代平面設計史. 的優化，思想與訊息視覺設計精準的傳遞. 為例. 資訊內容的表現形式的圖像。圖像的辨識是人類的本能，將資訊重新彙. 鄭旭貿. 2015. 資訊圖表應用於臺灣竹產業介紹之創作研究. 整與精簡化，透過平面設計的技巧對資訊進行視覺化，利用吸引人的圖像提升資訊被閱讀與理解能力，達到傳遞的效果與溝通的目的。. 資料來源：本研究整理. 總結上述專家學者對資訊圖表的定義解釋，資訊圖表從視覺傳達為基礎而發展的，針對資訊進行圖像化，讓資訊圖像化增加訊息的傳遞速度、提高內容清晰的注目程度、提升訊息被理解的能力、淺顯易懂加深記憶，以達到溝通的目的。. 2.1.1 資訊（Information）的定義資訊（Information）也稱為訊息或信息，視覺化的資料或概念，在日新月異的科技快速發展資訊隨著人類社會的演進，而隨著人類社會的發展，資訊不僅以文字、數據或觀念形式作為溝通的知識其樣貌也越來越多元，資訊是冷冰冰又生硬複雜難理解的，表現的形式包羅萬象如聲音、文字、溫度、圖片、體積、顏色等及分類不計其數如農業資訊、生物醫學資訊、天氣資訊、應用科學資訊、財經. 10.

(21) 資訊等，因此資訊是一個高度概括抽象概念難以用文字加以完整定義或推估其歷史（潘永祥等，1986），資訊的定義： 1、一個高度概括性的抽象概念，難用文字解釋。 2、多樣性的具體應用表現形式造成的。 3、不斷發展中的動態範疇，隨人類社會演變而相對的擴大或收縮。 4、從過去到現在隨著人類資訊環境的發展涵蓋範圍不斷的擴大。過去不同時期歷史階段對於資訊的定義（如表2.2），也因不同的時空背景而有所差異，資訊訊息的傳遞速度也會影響「資訊」階段性的表現形式與多元化的具體應用。表 2.2：資訊的演變時期. 資訊的定義. 西漢. 兩千年前的「資訊」指的是音訊、消息的意思. 古希臘. 古希臘文中著名哲學家柏拉圖用來表示身分或物質的理想用詞. 十六世紀. 心智或性格的訓練、塑造、教導；指示性的知識傳遞，普遍的定義是一種告知的行為. 牛津英文字典. 物質形成的過程如木頭、石頭、皮等. 二次世界大戰. 特別泛指所有透過電子和機械傳遞的事物，突然變成科技詞彙. 資料來源：本研究整理. 「符號的排列」是現今對資訊在狹義上的定義，符號是資訊的外在形式，我們所用的文字、語言、圖片、聲音、顏色等變成資訊，只要基本概念與真實實體相連進行意義上的認知就是有效的一種符號，瑞士語言學家費迪南‧索緒爾（Ferdinand de Saussure）認為符號是由「符號具」具體存在的圖象和「符號義」心理的概念組成的兩者都是文化的成果，指意這兩者與物體或外在實體的關係，. 11.

(22) 指意會隨著不同的文化或次文化而有不同的所指，所以符號義是人為的，符號是使用同語言系統或符號系統相互溝通，符號義是這系統之中的一部分，人類社會歷史生存的產物語言、思想、文化，用符號的類型、記號、結構、功能等意識形態系統。. 2.1.2 資訊圖表的類型與形式當今資訊業界、行銷傳播業界，運用簡單的呈現方式，解釋複雜的資訊，資訊圖表是不可或缺的表現方法，呈現類型很多種傳統的如長條圖、折線圖、圓餅圖等，一張圓餅圖或流程圖用來解釋一個過程。講故事的最好方式可能是一張地圖。Jason Lankow等人曾在《視覺資訊的力量》一書中提到，資訊圖表此媒介是當的作法與應用，掌握以視覺的手法，建立資訊圖表的品質與功效和使用價值，並將資訊圖表分為三大方向： 1、特徵圖形元素（Qualitative Graphic Elements）非數字的任何表現形式，包括資訊與插圖。 2、數字類資訊（Quantitative Information）數據圖像為主體，各種任何以數值呈現的數字信息基礎的資訊類型。 3、敘事（Narrative）利用特定的資訊講故事，陳述事件、歷史過程或概念，達到引導觀眾的資訊設計手法。此方向最適用於溝通價值判斷的資訊圖表，用意在讓觀眾能有特定訊息的收穫。. 12.

(23) 《視覺資訊的力量》以資訊圖表溝通的主要型態分為「靜態式圖像」、「動態式圖像」和「互動式圖像」三大類（如表2.3）：表 2.3：資訊圖表溝通的主要型態型態. 簡述常見的固定資訊。以平面設計外觀靜止狀態呈現的圖像資料，最有效. 靜態式資訊圖表. 的使用於「敘事類資訊圖表」，有些情況也可是「研究類資訊圖表」，包含海報宣傳、懶人包示意圖、新聞圖卡式解說。此型態是資訊設計最容易執行、最省成本，被廣泛的應用。常見的固定資訊。以影片、動畫或移動影像呈現，包含廣告、新聞等. 動態式資訊圖表. 有利的媒介宣傳，最有效是使用於「敘事類資訊圖表」，非與互動式效果結合使用，研究類資訊圖表不適用此狀態溝通。在格式中藉由動畫與使用游標點選互動、搜尋特定的數據、主動塑造. 互動式資訊圖表. 所顯示的內容，呈現內容的方式可以是靜態固定資訊或是動態資訊外觀。它可以是敘事類、研究類資訊圖表，或兩者皆是。. 資料來源：視覺資訊的力量（Jason Lankow、Josh Ritchie、Ross Crooks，2013）. 以上靜態式、動態式、互動式三種表現形態沒有好壞之分，熟悉各型態的特徵點後，依照達成溝通目的及資訊內容的複雜程度而制定，透過圖形化傳遞資訊，讓資訊接收者能在最短時間內了解資訊達成溝通力，互動式資訊表讓資訊更為發達，讓使用者透過創新的互動模式，可跨領域合作。動態式資訊圖表的資訊接收者往往是被動接收訊息，動態式的影片很容易限制於線性陳述的缺點，無法掌握接收者對於訊息的反應。靜態式資訊圖表在成本及表現格式、製作時效上最為單純，能運用各種傳媒使用，快速吸引人直接注意及時獲取相關資訊。現代不管品牌行銷宣傳活動、學術研討或教學應用、各種傳播媒體或出版品等，如何有系統地探討各種資訊圖表的製作重點，把設計整合數據及資訊內容視覺化，依據不同種類的資訊，採用何種圖表類型，創造出易於理解、引人注目的說故事力的整合式圖像之前須知道資訊圖表的類型，下表2.4列出專家學者對資訊圖表的相關類型：. 13.

(24) 表 2.4：專家學者對資訊圖表的類型作者. 年份. 出處. 資訊圖表類型. 圖表（Graph）表格（Table）林品章. 1986. 商業設計. 系統圖（Flow Chart）圖解（Diagram）地圖（Map）統計圖表紀錄圖表. 王秀如、陳俊宏. 1996. 圖表設計原理與表現形式初探. 系統組織表格圖解地圖示意圖（Diagram）. 木村博之. 2012. 設計的邏輯：深入人新的視覺法則 INFOGRAPHIC. 圖表（Chart）表格（Table）統計圖表（Graph）地圖（Map）象形圖（Pictogram）表格型份量型. 櫻田潤. 2014. 不懂設計也能做出令人驚豔的資訊圖表. 關係型地圖型時間軸型綜合型圖表（Chart）數據（Numbers）. 鄧克威. 2014. 資訊圖表之創作研究以臺灣當令食材製作之健康營養食譜為例. 表格（Table）時間軸（Timelines）流程圖（Flowchart）文字雲（World Cloud）象形圖（Pictogram）地圖（Map）. 鄭旭貿. 2015. 資訊圖表應用於臺灣竹產業介紹之創作研究. 示意圖（Diagram）圖表（Chart）流程圖（Flowchart）時間軸（Timelines）. 14.

(25) 表格（Table）數據圖（Numbers）地圖（Map）象形圖（Pictogram）比較圖（Comparison）資料來源：本研究整理. 上表描述整理可以得知，各專家學者對於資訊圖表的類型分類有所差異，本研究藉由上表2.4進行綜合比較，某些類型有專家學者有相同列出的，如表格與地圖皆相同。部分類型也有性質重疊含意相似的，因此，將相似的類型整合，例如：王秀如、陳俊宏、木村博之的統計圖表（Graph）與櫻田潤比較數值（量）的份量型、鄧克威的數據（Numbers）在實質上都是以統計數據為主體的圖像呈現，皆可放置圖一類型。根據上表2.4彙整後研究整理歸納出九種類型（如表2.5）：表 2.5：依表現內容分類的資訊圖表類型類型名稱. 簡述. 示意圖（Diagram）. 主要是用插圖來說明描繪或解說構造。. 圖表（Chart）. 用線條連接或區分、箭頭方向或圖形及插圖將互相的關係整理理解。. 數據圖表（Numbers）數據相關圖表分別表現差異變化或相互比較或整體佔有比例。表格（Table）. 是將資料按照一定的準則分類、對照，整理在縱軸或橫軸中。. 時間軸（Timelines）. 以時間本身為要素，描述一個事件發展完整過程。. 流程圖（Flowchart）. 用圖形解說事件處理程序，建立流程步驟。. 地圖（Map）. 標示某區域或空間的位置關係說明。. 心智圖（Mind）. 運用圖文表現人腦思考具體化的方式。. 象形圖（Pictograms）僅用圖形符號直接轉化表達某事物或意義。資料來源：本研究整理. 針對以上重新彙整出的九種資訊圖表類型，以下分別詳細說明各種類型的特色及表現形式：. 15.

(26) （一）示意圖（Diagram）示意圖主要針對複雜或言辭難以描述、產品使用說明書或組合的方式表達其中資訊，用插圖搭配使用圖表或地圖來呈現的概念，甚至用人類視線無法看見的虛擬畫面來解釋內部構造關係等。圖2.4設計者選擇說明書方式，圖解輪滑運動的裝備、競賽規則和試圖阻止其他選手通過的技巧。圖2.5利用人體虛擬構造圖及遠離香菸時間的長短，用色彩警示代表身體健康程度，視覺效果發生立竿見影對身體的影響健康效益。. 圖 2.4：如何滑輪競賽圖. 圖 2.5：如何戒菸改變你的身體. 資料來源：visual.ly. 資料來源：huffingtonpost.com. 16.

(27) （二）圖表（Chart）圖表字面解釋很容易和統計圖表認為同義詞，都是資料數據用圖像的概念方式表現，但表現方式繁多，通常不一定只有單一呈現方式表現，才導致詞彙意義上重疊性很高越來越難定義。圖表是利用線段連接和區分、箭頭引導方向或圓形有效表現循環流程及善用顏色形狀來傳達樣式。圖2.6利用線條引導方向、顏色區分之圖表解說不同交通工具，從阿姆斯特丹到法蘭克福的旅行在時間、金錢、燃料、廢氣（二氧化碳）、環境的消耗數據，資訊清楚簡單快速呈現互相關係，提高理解能力。. 圖 2.6：FROM A TO F - INFOGRAPHIC ON DIFFERENT MODES OF TRANSPORTATION 資料來源：visual.ly. 17.

(28) （三）數據圖表（Numbers）統計圖表的表現方式趨勢動向線條的直線圖和折線圖，某要素整體中佔有百分比例的圓形圖，是傳統表現頻率較高的呈現方式，某些適時搭配上有效的特定數據，信息視覺吸引力，突顯想像的話題更容易理解，圖2.7黑色星期五購物趨勢2012，有調查顯示，在美國有71%的消費者認為，黑色星期五商品會有最好的優惠價折扣。消費者黑色星期五計畫購物的時段統計，主要購買的商品內容如服裝、電子商品，平板電腦、玩具、書籍、電器、化妝品和DVD等，清楚顯示資訊提供需要單位使用。. 圖 2.7：BLACK FRIDAY SHOPPING TRENDS 2012 資料來源：coolinfographics.nl 18.

(29) （四）表格（Tables）表格本身是一種是用於組織資料或事物的分類，對照資訊相互之間的關係，表格的表現方法目的是將數據資料內容整理，有效在橫軸與縱軸當中，成為清楚易懂的資訊。圖2.8表格式資訊圖表，除了將顏色、形狀與主題足球相關的聯想，引起讀者興趣傳達足球場相似的形象視覺處理，表達出世界盃的歷屆舉辦年份、舉辦地區、參加國數量、勝出後決賽組合，都是這張表格最具有關的實質價值。利用表格行、列儲存格，搭配其他圖表、統計圖表、地圖或插圖等要素之間相結合，調整表格導向有趣的視覺設計。. 圖 2.8：2002 FIFA 世界盃足球賽官方導覽手冊搶鮮版資料來源：設計的邏輯：深入人心的視覺法則INFOGRAPHICS（木村博之，2012）. 19.

(30) （五）時間軸（Timelines）時間軸是一種尺度，適合用來表現事件的發展過程序列的時間點，把某事件用一段時間一條或多軸表達方式，用圖片、文字發生的先後順序視覺設計表現出「圖像式的時間線」。圖2.9地質時間漩渦海報由Joseph Graham, William Newman 和John Stacy設計，利用漩渦式縱軸視覺設計解說地球4.50億年以上古生態地質包含構成地殼的岩石，一個過去長期而複雜的地質年代時間尺度結構進化的遺跡。. 圖 2.9：GEOLOGIC TIME SPIRAL 資料來源：USGS美國地質調查局 20.

(31) （六）流程圖（Flowchart）流程圖是用圖形解說事件處理程序，建立過程、流程步驟，流程圖可簡單分為資訊流程圖和作業流程圖兩種，適合應用於解釋流程順序與教導步驟方式，透過線段連接相關性，用箭頭表示方向性，依照處理程序。圖2.10我的狗應該何時繫上牽繩呢?用問與答的方式，提高趣味性和幽默感的流程引導鼓勵人們使用良好的判斷力來決定何時何地為自己的狗繫上牽繩，為了狗和其他人的安全著想，此圖幫你做一個負責任，尊重他人及安全的選擇。. 圖 2.10：SHOULD I LEASH MY DOG? 資料來源：shouldileashmydog.com 21.

(32) （七）地圖（Map）地圖是將一個特定區域或地理位置關係，以線條、配色、插圖配合必要資訊文字，考慮目標對象的年齡層，不管何種主題性質的的圖，最重要是能讓人簡單判讀出地理位置的關係，省略多餘的資訊避免混淆主體內容視覺焦點，簡潔又清楚的表現方式。圖2.11柏林自助遊，提供自助徒步旅遊，帶你到所有柏林有趣的景點和路徑，因為是步行將的圖的輪廓用腳底形狀表示，增加吸引力注目性，搭配簡單的建物特色插圖和色彩，採用能表現出輕鬆感的簡潔做法，讓徒步自助旅遊不會感到有壓力能放鬆心情。. 圖 2.11：BERLIN WALKS 資料來源：visual.ly 22.

(33) （八）心智圖（Mind）心智圖是Tony Buzan於1970年在英國創立的一種思考方法，一個主題通過平面上相關聯想，以腦力激發靈感，建立一個概念性的組織任務框架，將所有關聯的資訊或想法以輻射線形，因為主題像一個心臟而其他周邊是血管，故稱「心智圖」，利用圖像式思考來表達思維，運用圖文表現人腦思考具體化的方式。圖2.12 選擇合適的蘋果作為此心智圖的主題開始思考聯想，思考當我們遇到一個新的品種時，會來不及反應該如何處理它，或有一個明確的目的，但不知使用哪個品種，什麼蘋果做蘋果醬最好？這種表現方法比單純的文字說明更能接近人思考時的空間想像，所以越來越讓大眾用於創造性的思維過程中。. 圖 2.12：CHOOSE THE RIGHT APPLE 資料來源：visual.ly 23.

(34) （九）象形圖（Pictograms）象形圖是僅用圖形符號直接轉化表達某事物或意義，象形圖有很多種定義，最常被拿來跟圖示（Icons）相互比較，因為這兩者極為相似。象形圖會明確的表現事物或概念的特徵含意，不需要教育及解釋來定義，在環境語言中經常使用在包含道路標誌、購物商場、醫院、車站或機場等，公共空間都有引導標誌象形圖的蹤跡，如圖2.13為倫敦蓋特威克機場象形圖，該符號明度與暗度的變化會影響辨識度層次值，所以使用深黑色明暗對比強烈最能夠表現出特點。. 圖 2.13：倫敦蓋特威克機場象形圖資料來源：nononsensedesign.co.uk. 24.

(35) 象形圖是解決因語言不通的狀況下，利用圖形扮演溝通的角色。胡易容、趙毅衡（2014）ISOTYPE（International System of Typoraphic Picture Education）國際文字圖像教育系統，1925年由奧地利哲學家和社會學家奧圖．諾伊拉特（Otto Neurath）發表，是利用類似語言的圖像設計，達到教育及公共圖形符號設計的目的，對現在的公共交通、國際活動、公共場域等圖形設計的基礎影響深遠。同一時間讓不同國家、文化背景的人聚集再一起，都能達到共同的認知，圖2.14日本東京1964年奧運會象形圖，1964年的東京奧運會，日本龜倉雄策（Yusaku Kamekura）設計出的象形圖，用來代表各項運動項目之圖像設計，被認為是奧運會史上最經典而且影響深遠至今。. 圖 2.14：東京 1964 年奧運會象形圖資料來源：architectureofthegames.net. 25.

(36) 2.2 象形圖（Pictograms）補承上節所提資訊圖表象形圖類型，其歷史可以追溯至人類發明之前。最初創立必定是圖畫被稱為「圖釋」或「畫字」，是人類在未發明文字前以繪畫的方式是最原始的溝通方式和記錄型態之壁畫，常把眼睛看見的事物畫於石洞、石頭或地上，用來傳達某種意思，圖形不僅僅是圖畫而已且具有強烈的視覺語言功能，考古學家們稱之為「繪畫文字」，這些圖畫般的圖形，逐漸發展成為「象形文字」（林品章，2007）。維基百科將象形符號（Pictogram）稱為「象形圖」或「形圖」一詞解釋為是一種用圖形來表達物體或概念的符號，早期是書寫符號基於符號的象形和表意而創造的。「象形符號」是描繪出所要表達的物件相似形的圖案，而「表意符號」則是描述繪製的圖案所要表達的概念，這兩種符號一般人認為象形符號遠比表意符號出現的更早。舉例蘇美爾楔形文字（如圖 2.15）是目前發現最早的象形文字紀錄（大約公元前 3400 年），美索不達米亞遠在公元前 6 千年，隨著城市增加就開始將簡單的圖畫普及標記在基本工藝品，李賢輝（2015）在伊朗蘇薩出土的《繪有圖案的杯子》(Painted Beaker)從杯子的表面來看，新石器時代人類已經能夠運用裝飾性的符號象形圖如站著的鳥、野山羊、奔跑的狗，使器皿物體外表的裝飾性「表意符號」與形態融為一體。與洞穴壁畫正好相反，這是我們目前看到的第一個人類在特定空間中所設計的符號意象的表現(如圖 2.16)。. 圖 2.15：蘇美爾楔形文字資料來源：eoeoclaire的部落格-蘇美爾人文明. 26.

(37) 繪有圖案的杯子 ﹝Painted Beaker﹞ 約西元前 4,000 ~ 5,000 年彩陶土器，28.5 公分高，出土於蘇薩〔Susa〕羅浮宮，巴黎，法國. 圖 2.16：繪有圖案的杯子資料來源：國立台灣大學網路教學課程西方藝術風格. 象形圖是利用圖形來解釋表達某一種行為動作或物體的概念，以圖形傳達事物的意象，藉由圖形或符號的基礎理論，無需事先學習是透過一種形式的圖案符號，讓人可以在最短時間內清楚瞭解圖形所要傳遞的內容，因此一般文字不屬於象形圖的範圍，但也有些符號是需要學習的如〒♀♂P 等，象形圖和圖示標記（Icon）最為相似，所以經常被拿來比較，簡單的說就是用圖形和畫將想要傳遞的其字義有傳播訊息的效果（transmission efffct）清楚地發送出去，具備立即且明確性以及國際化的特性。英國「Graphic Design+Designers」的解釋：用圖畫表現一種簡化後，將特定的物品或動作之圖繪符號。日本「JAGDA:Visual Design」教科書中解釋繪圖文字為：把有意義的行為加以單純化的表現，而能夠非常清楚的超越人種、語言、國家的藩籬以達到傳達的效果。在公共空間及大眾場合如捷運站、醫院、機場、購物商場等地引導標誌非常清楚的導引我們前往目的地，這都是象形圖表達出某種事物特徵的通用設計。「符號」、「象形圖」及「標誌」的意義和關係為例：「符號」並不是對象的代理，而是人們用以傳達溝通與對象有關的概念媒介，具有替代某種事物或意義的象徵作用，是與事物相結合的一個符號。「象形圖」為符號視覺傳達系統中，採取非語言及文字傳達的另一種視覺語言，主要藉由繪畫性記號並透過視覺感官來進行傳達溝通。象形圖涵蓋層面相當 27.

(38) 廣泛，依循著不同的目的與應用領域上，形成標誌、徽章、商標、號誌…等等類別之專門用語。. 2.2.1 象形圖的發展圖畫和說話這兩種基本溝通表達的方式，把極為容易流逝的口語以繪圖的方式記錄下來，就出現最初的文字：圖畫文字也就是象形文字，最初創立的符號必定是圖形（圖畫），也就是象形文字或是幾個象形文字的組合如漢字、蘇美爾楔形文字、埃及文字、西臺文字、克里特文字等，彷彿證明對各民族的認知方式起初始是相近的都是利用圖畫文字作為溝通與紀錄的方法，形成一種民族文化。象形圖的運用，自古以來是人類溝通行為中重要的一項，哈里‧杜魯門說：「唯一的新知識就是你不知道的歷史」。從史前時期文明還未開啟到現在數位網路世界，無論時代如何進化演變，圖形被運用在傳遞訊息的溝通上，始終是人們熟悉而且非常接受的方式。吳于廑在世界通史現代篇總序提到，早在文藝復興時期，西方歐洲就把世界歷史分為「古代」、「中世紀」、「近代」三時期的說法。主要基於歐洲歷史的分期，西方史學界長期沿用，也有不少史學家在這三個時期之後加上「當代」或「現代」而形成四階段的分法，有學者認為「中世紀」一詞只適用於西歐歷史，「中世紀」對世界歷史上沒有普遍的意義，於是改為「中古」一詞標示於「古代」和「近代」之間的階段，象形圖的歷史發展脈絡也沿用這四階段分發法加上「史前」成為史前時期、古代時期、中古時期、近代時期、現代時期（如圖2.17）. 28.

(39) 圖 2.17：象形圖(PICTOGRAMS)歷史發展脈絡資料來源：圖像文字的蛻變與新貌（羅凱、林品章，2010）. （一）史前時期人類沒有文字前，曾有一段極其漫長得時期，人類象形圖歷史的開端以石器時代的洞穴壁畫為開始，其圖案形式和描繪的對象可以清晰的被解讀出，壁面所繪成形的圖案究竟是野牛、羚羊或是麋鹿？縱使有爭論，疑義也並不太大。象形圖的物種歸屬，在進行時代圖像的交互比對，乃至於參考古生物學研究的建議後，都可以分辨清楚這些「原始藝術」（陳懷恩，2008）。舊石器時代（Paleolithic period）距今約35,000年至10,000年前，目前已知最早的石窟壁畫，2012月2月在西班牙發現了一個至今人類最古老的洞穴壁畫，他位於西班牙尼爾加（Neria Caves）洞穴（如圖2.18），經鑑定最少有42,000年的彩色壁畫，科學家從壁畫洞穴中找到作畫的工具，是一種碳元素棒，鑑察推論這壁畫完成的時間最早可追溯到43000年前。刷新了1994年3位法國探險家發現的法國肖維（Chauvet Cave）岩洞（如圖2.19），經證實追溯至距今36,000年前，人類最早已知的史前藝術紀錄，爾後還有西班牙的阿爾塔米拉（Altamira）與法國的拉斯克（Lascaux）等被發現的石窟壁畫，到目前這樣的洞穴約有三百多個被發現，大部分被發現在西班牙北部和法國南部。. 29.

(40) 圖 2.18：尼爾加石窟壁畫. 圖 2.19：肖維岩洞壁畫. 資料來源： jgospel.net. 資料來源：epochtimes.com. 王曾才（2007）舊石器時代後期人種是克魯麥囊人（Cro-Magnon Man），當時正值冰河時期，氣候寒冷，此時的人謀生的手段是狩獵，在深山的洞穴中生活，並在洞穴內記錄各種狩獵活動前和作法儀式的構想圖，畫的大部分是經常狩獵和殺死的動物，非常逼真生動的繪畫用色鮮明，描繪得令人目眩，但其目的似乎不是為了欣賞，而是有其他更嚴肅的用意。李賢輝（2015）到目前為止最嚴謹的理論認為石窟壁畫是一種是狩獵前與交感巫術（sympathetic magic）有關，當原始人與野蠻動物作戰，生命攸關前，透過巫術或儀式來消除恐懼、祈求作戰勝利存活歸來。雖然這些石窟壁畫不包含「藝術表現義」，但這些圖形代表的意義，確實傳達所要傳達的意義，岩石表面繪製的動物形狀，憑著記憶引發聯想而描繪出生動簡單，而且具有強烈的符號特徵，提供現代人瞭解史前時代豐富的原始繪圖資料，是象形圖起源它象徵一種表現手法，可能是人類最早出現寓意符號，就圖像文字而言，史前石窟壁畫無法確定是否代表實際文字的功能，它沒有統一的標準，至今無法確定其中的意義為何。（二）遠古時期（古代、中古）西元前 3500 年左右，文字的發明整個石器時代也宣告終結，文字是「寫的語言」，人類發明文字開始使思想、訊息和知識不再受時間和空間的限制，但畢竟文字並非任何一人可以完成，而是循序演進而成的。四大自源文字（如表 2.6） 30.

(41) 繪圖文字產生在以下時期，王曾才（2007）西元前 3500 年至 3100 年埃及發展的象形文字，此象形文字稱為聖書體，人類最古老的書寫文字之一，大多刻在古埃及人的墓穴中、廟宇、紀念碑的牆壁及石頭上都清楚可見（如圖 2.20）。西元前 3000 年左右楔形文字蘇美人（the Sumerians）所創造，用蘆管書寫在軟泥板上（如圖 2.21），軟泥板經過曬或火烤後便的堅硬不易變形，是現存最古早的文字體系。維基百科也提到西元前 1300 年商朝晚期國都遺址「殷墟」所在地，在甲骨或獸骨（如圖 2.22）上發現契刻的文字甲骨文，是中國已知最早的文字形式。最早瑪雅文字記載可追溯至西元前 300 年，源於中部美洲文字的前哥倫布時期馬雅文明，象形文字被刻在廟宇、石碑和墓室的牆壁上（如圖 2.23）或是被雕刻在玉器和貝殼上，是象形文字和聲音的結合，是有意形和意音兼具功能的文字系統。它們共同之處在於每個文字自成體系是單獨的個體構造，本身有完整的架構，以類似圖畫象形或延伸的象徵符號圖案代表意義（王受之，2000）。表 2.6：四大自源文字年代 (西元前). 3500 年~3100 年. 地區. 埃及文明. 文字聖書體象形文字. 符號型態表音文字：主要是由音符（表音）、意符（表意）和限定符構成。. 3000 年. 蘇美人. 楔形文字. 表音文字、表節文字。. 1300 年. 中國(商朝晚期). 甲骨文. 會意和仿音結合。. 300 年. 馬雅文明. 瑪雅象形文字. 資料來源：本研究整理. 31. 由音節文字字形組合成的意音文字。（在功能方面與現代的日文類似）.

(42) 圖 2.20：埃及人墓碑上的象形文字. 圖 2.21：軟泥板楔形文字. 圖片來源：維基百科; 聖書體. 圖片來源：維基百科; 楔形文字. 圖 2.22：牛胛骨版記事刻辭. 圖 2.23：瑪雅象形文字. 圖片來源：hxjww.com. 圖片來源：維基百科; 瑪雅文字. 西方羅馬帝國時期，基督教派的產生，在宗教活動因素下，促使圖形在「象徵」（symbol）的表現上受到很大的啟發，這彷彿是圖形溝通方式的開始。早期基督教是相當倚賴圖像與記號的崇祀系統，以十字架和語音圖形畫作為起點，發展出各種象徵記號的建構、圖像化的耶穌圖像及聖像圖的圖像體系確立。早期基督教的基本象徵是記號，也被當作是一種識別標誌，「凱樂記號」或「XP花押」（Chi-Rho Monogram）是相當典型的案例，是使用希臘文基督「ΧΡΙΣΤΟΥ」. 32.

(43) 作為記號，以前兩個字母為主（如圖2.24），後世教會在「XP花押」再增加了「A」和「Ω」兩個希臘文字母，代表基督名言：「我是A，我是Ω」（我是開始，也是結束），以便通過經文的提示，讓觀看者加深確定記號的認識方向（陳懷恩，2008）。. 圖 2.24：各種形式的凱樂（XP）花押資料來源：圖像學：視覺藝術的意義與解釋（陳懷恩，2008）. 紋章最開始是旗徽的形式出現在戰場上，目前被考證西元前四紀所繪製的壁畫上，已經出現士兵手持的旗幟上圖案清晰可辨，是作戰時可供辨認敵我之用，不過到十二世紀，紋章和旗徽的記號和圖案才繡製在旌旗，普遍在戰場上出現。紋章（heraldry）、徽紋（bearings）和袍徽（coat of arms）構制成一個豐富的裝飾藝術系統，紋章可直接應用於家庭徽紋、塑像和掛旗外，對後世的徽章設計、軍人的階級章（badge）、都市招牌設計都影響深遠，並直接或間接對近代識別標章設計有具體的啟發。紋章主要分為盾和旗徽兩種表現型態，盾是形制與表現框架，旗徽是功能。到文藝復興時期，旗徽的功能不僅僅單純的戰爭識別用，慢慢在歐洲發展成用來作為家庭與機關的識別臂章或袍繡，進而完成紋章的完整體制「全徽」（the complete achievement）如圖2.25（陳懷恩，2008）。. 33.

(44) 圖 2.25：全徽–近代家徽實例資料來源：圖像學：視覺藝術的意義與解釋（陳懷恩，2008）. 西方紋章藝術、紋章學和傳統社會、政治、宗教及家族變遷都密切關聯，在東方和西方相同功能的圖形符號，即是日本的「家紋」，最初起源在平安時代（公元794-1185），用在貴族公卿在各自的牛車車身的黑漆上塗畫上泥金花紋，以免與其它貴族撞「牛車」。在《日本家徽圖典》中有描寫，在《源平盛衰記》中有：西邊的旗海為平家，舉紅旗而據；東邊的河源為源氏，舉白旗而居。在《源平合戰圖》和《平家物語繪卷》中也可看見紅白旗交雜戰爭的畫面，表示這個時代沒有所謂的家徽，只有單純色彩旗幟的敵我識別。一般認為平家的家徽為蝶，美麗的揚羽蝶紋（如圖2.26）在平安後期已經有完成度很高的圖案，平家的公卿很喜愛，頻繁的用於護甲的直垂等紋樣上。另外清和源氏的家徽是「竹龍膽」（如圖 2.27），竹龍膽是一種吃了能夠增強體力的植物，和鎌倉幕府有地緣關係，現代的神奈川鎌倉市的市章也是用「竹龍膽」。鈴木亨（2008）第一本家徽事典《見聞諸家徽》，書中描繪了室町幕府八代將軍義政時的將軍家、守護大名、評定眾（決定幕府政策的最高機關）、奉行眾（直屬幕府的文官機構）、奉公眾（直屬幕府的武官機構）、守護被官（守護大名的家臣）、國人層（地方的武士）等二. 34.