數位影像於海報設計之創作研究─以德布西樂曲海報設計為例
103
0
0
全文
(2) 謝. 誌. 本論文能夠順利的完成，首要感謝指導教授康台生老師在論文撰寫及作品創 作期間的細心指導與鼓勵，實在不勝感激。同時感謝口試委員張柏舟教授與林文 昌教授提出精闢見解和建議，使本論文能夠更臻完善。. 承蒙研究所蘇茂生教授，及張柏舟教授、梁桂嘉教授、周賢彬教授、吳千華 教授、伊彬教授、曾坤明教授、鄧成連教授多位師長新知傳授、指導啟發及關心， 在此致上最深的謝意。. 在研究所就讀期間，謝謝全體同學馥禎、文櫻、鳳霙、旺祥、雅微、妍佑、 竹婷、家肇、淑芬、素如、育蒨、梅婷、雁君、毓莛、偉民、琦恩、振旺、孟青、 白鯨，從你們身上學到許多新觀念和經驗，這段互勉扶持、互相關懷、歡樂充實 的日子是我最難忘珍貴的回憶。也要感謝葉碧華助教對全班同學的協助與鼓勵。 這三年來點點滴滴的感動將永銘於心。. 尤其感謝顏國榮老師及陳秀敏老師對我的啟發及鼓勵才能得以有今日的小小 喜悅，此時此刻再多言謝，都不足以能表達心中的感激之情。最後，要謝謝親愛 的父母及家人對我長久以來的疼愛與支持、包容與體諒，使我能夠順利完成學業。 所有的小小成就感與喜悅，在此願與關心我、協助我的人分享。. I.
(3) 摘. 要. 數位時代的來臨，人們的生活模式思考或互動的方式跟以往完全不同，且變 異性快速，藝術創作也因此產生了全新的風貌。在數位的世界裡，創作者利用各 種數位化的工具，開發各種形態的藝術數位化作品，讓觀賞者能夠普遍地享受更 高品質的藝術創作。數位攝影的普及化帶動人們有著不同的休閒生活外，亦產生 可輕易自行創作的視覺體驗。對於以視覺呈現的相關藝術媒體，更帶來了前所未 有的視覺與實務革命。數位藝術與傳統藝術最大的不同點即在於數位技術的運 用，並影響著創作精神的本質內涵，是現代設計者都想嚐試的創作方式。. 影像處理 (Image Processing) 是目前視覺傳達設計功能最迅速強大的設計方 式，科技進步的壓力改變了設計習慣，身為設計工作者也必須認清並接受並隨時 學習新的電腦科技，讓觀賞者能有耳目一新的視覺感受。. 本論文研究動機經由文獻整理探討影像的本質，分析其在視覺傳達設計領域 中之運用，並探討數位化媒材演進及特性，從視覺傳達設計的觀點為切入點，利 用數位攝影與影像合成的基礎技法，以法國作曲家德布西作品《前奏曲》為創作 主題根據用於表現音樂性的海報設計。以驗證理論與實務之均衡以為本研究創作 成果。 最後，僅以本研究的展出與呈現，企求以作為未來投注於設計工作之礎石。 研究創作中仍有許多構想受限於時間倉促，尚未能再加以深究實現，期許留待往 後續補足完整有更深廣的發展。. 關鍵字：數位藝術、數位影像、數位攝影. II.
(4) Abstract The arrival of digital era has completely changed the way people live, think, and interact with each other; it also materialized in such a rapid fashion that the world has never seen before. Consequently, brand new forms have been brought to the process of creation in art. In the digitalized world, a vast array of computer tools are for artists to create numerous forms of art digitally, allowing a more widespread appreciation of higher-quality artistic creations. Meanwhile, the popularization of digital photography has not only made it a universal hobby among people, this also allows easier access of image creation to be experienced by people. As for media of art utilizing visual expression, the aforementioned phenomenon turns out to be a revolution unforeseen. All in all, digitalized forms of art differ most significantly from traditional forms of art by the application of computerized techniques. However, the essence of creation does not differ, even though all kinds of art could technically be expressed in digitalized forms. Image Processing is currently the most rapid, powerful method of visual communication design. The progress of technology has reformed most aspects of design. Therefore, as a designer, one has to recognize and be adaptable to the latest computer technology, so as to induce the freshness into works of design for the viewers to experience. The motivation of this essay is to research the essence of image, through analyzing related documents of how the essence of image is utilized in the field of visual communication design. And at the same time, the essay also involves in discussions of the evolution, and the features of digital media. Moreover, the author intends to apply fundamental techniques of digital photography and image processing, from a visual expression design point of view, to design a series of posters of visualized image of music based on the works of the French composer, Claude Debussy's “ Préludes”. The essay serves as the result of researching on the theoretical side, and on the other hand, the design of posters represents the work of proof on the practical side. Last but not least, the author is in the hope that this presentation of research would lay the foundation for efforts of future study on design. Due to limited time frame, many ideas and thoughts were left aside without being further researched and developed. The author wishes to fulfill that, for a more thorough complement of this research in the future.. Key words: Digital Art, Digital Image, Digital Photography. III.
(5) 目. 錄. 第一章 緒論 ............................................................................................1 1-1 研究動機 ......................................................................2 1-2 研究目的 ......................................................................2 1-3 研究方法 ......................................................................3 1-4 研究架構 ......................................................................4 1-5 研究範圍 ......................................................................5 1-6 研究限制 ......................................................................5. 第二章 文獻探討 ...........................................................................6 2-1 數位藝術 ...................................................................6 2-1-1 數位藝術的起源..................................................6 2-1-2 數位藝術的個人電腦紀元 ................................10 2-1-3 應用軟體對數位藝術影響 ................................10 2-1-4 以電腦語言為基礎的數位藝術 ........................ 11 2-1-5 以攝影為基礎的數位影像 ................................12. 2-2 影像的定義.............................................................16 2-3 影像的類別.............................................................18 2-4 數位影像的定義 ..................................................19 2-4-1 電腦影像處理 ....................................................21 2-4-2 數位攝影 ............................................................24. 第三章 數位影像於視覺傳達設計之探討 .....................28 3-1 視覺傳達設計之涵義 ..............................................28 3-2 構成內容之分析 .......................................................37 3-2-1 構成原理─美的形式原理 .................................38. IV.
(6) 3-2-2 構成條件─點線面 .............................................42 3-2-3 構成形式 ...............................................................46 3-2-4 構成要素 ...............................................................46. 3-3 數位影像於海報設計之應用案例分析 ................47. 第四章 音樂與視覺藝術 ..........................................................57 4-1 畫派與音樂關聯之探討 ..........................................57 4-1-1 印象派(Impressionism) .........................................57 4-1-2 點描派(Pointillism) ...............................................58 4-1-3 表現主義(Expressionism) .....................................59 4-1-4 極簡主義(Minimalism) .........................................59. 4-2 音樂與造形之探討 ....................................................60 4-2-1 點的音樂意象........................................................61 4-2-2 線的音樂意象 ........................................................62 4-2-3 面的音樂意象 ........................................................63. 4-3 音樂與色彩 .................................................................64 4-4 音樂之美的形式原理...............................................65. 第五章 個人創作分析 ................................................................68 5-1 創作動機 .....................................................................68 5-2 創作概念 .....................................................................68 5-3 德布西生平簡介 .......................................................69 5-4 德布西〈前奏曲〉第一冊全集之概述 .............70 5-5 創作主題分析 ...........................................................73 5-6 創作主題設定 ...........................................................73 5-6-1-《西風之所見》..................................................74 5-6-2-《中斷的小夜曲》 .............................................76 V.
(7) 5-6-3《原野之風》 ......................................................78 5-6-4《雪上足痕》 ......................................................80 5-6-5《德爾菲的舞姬》 ..............................................81 5-6-6《飄散在暮色中的聲音與香味》 ......................83. 5-7 創作結果分析 ...........................................................84 5-8 創作運用 .....................................................................87. 第六章 結論 .....................................................................................89 參考文獻 .............................................................................................90. VI.
(8) 圖目錄. 圖 1-1 研究架構圖 --------------------------------------------------------------------------------- 4 圖 2-1 Ben Laposky「示波」--------------------------------------------------------------------- 7 圖 2-2 Herbert Franke 將自己電子抽象作品稱為「圖像音樂」 ------------------------ 8 圖 2-3 高斯二次方 --------------------------------------------------------------------------------- 9 圖 2-4 Mark Wilson〈STL D30〉--------------------------------------------------------------- 11 圖 2-5 馬森‧威爾基，2005，《聲音肖像〉 ---------------------------------------------- 12 圖 2-6 林珮淳《美麗人生》 ------------------------------------------------------------------- 13 圖 2-7 李小鏡 NIGHTLIFE 系列作品 -------------------------------------------------------- 14 圖 2-8 陳界仁《本生圖》 ----------------------------------------------------------------------- 14 圖 2-9 洪東祿作品〈春麗〉、〈鋼彈〉 --------------------------------------------------- 15 圖 2-10 梵谷《鳶尾花》放大格狀圖 --------------------------------------------------------- 22 圖 2-11 向量式影像 ------------------------------------------------------------------------------ 23 圖 2-12 Adobe 公司出版專業數位攝影編修軟體 Lightroom---------------------------- 26 圖 2-13 Lightroom 編修對照照片 -------------------------------------------------------------- 26 圖 2-14 袁廣鳴〈城市失格〉 ----------------------------------------------------------------- 27 圖 3-1 海報設計陳俊良《久違了東風》---------------------------------------------------- 31 圖 3-2 靳埭強《山》台灣印象海報設計聯誼會漢字主題邀請展海報-------------- 31 圖 3-3 標誌設計：2009 高雄世界運動會標誌 --------------------------------------------- 32 圖 3-4 標誌設計：2008 北京奧林匹克運動會標誌--------------------------------------- 32 圖 3-5 視覺傳達設計運用於平面文宣品之活動邀請卡--------------------------------- 33 圖 3-6 視覺傳達設計運用於活動海報、標誌實例 --------------------------------------- 33 圖 3-7 平面設計運用於平面文宣品上之學校簡介 --------------------------------------- 34 圖 3-8 視覺傳達設計運用於海報設計〈敬惜用紙〉 ------------------------------------ 34 圖 3-9 屬三次元傳播的視覺傳達設計運用於展示設計(一)---------------------------- 35 圖 3-10 屬三次元傳播的視覺傳達設計運用於展示設計(二) -------------------------- 35 圖 3-11 屬三次元傳播的視覺傳達設計運用於展示設計(三) -------------------------- 35 圖 3-12 屬三次元傳播的視覺傳達設計運用於展示與商品設計---------------------- 36 圖 3-13 屬三次元傳播的視覺傳達設計運用於展示與家具設計---------------------- 36 圖 3-14 美的形式 ---------------------------------------------------------------------------------- 41 圖 3-15 點的構成範例---------------------------------------------------------------------------- 43 圖 3-16 線條構成範例---------------------------------------------------------------------------- 44 圖 3-17 面的構成範例---------------------------------------------------------------------------- 45 圖 3-18 以單純形式為主的抽象表現 -------------------------------------------------------- 52 圖 3-19 其他綜合類型攝影海報 --------------------------------------------------------------- 54 VII.
(9) 圖 4-1 莫內《印象，日出》-------------------------------------------------------------------- 58 圖 4-2 孟克《吶喊》 ----------------------------------------------------------------------------- 59 圖 4-3 Robert Ryman，1969，《Part17》 ---------------------------------------------------- 60 圖 4-4 點的形--------------------------------------------------------------------------------------- 62 圖 4-5 點的數量------------------------------------------------------------------------------------ 62 圖 4-6 線條的種類 -------------------------------------------------------------------------------- 63 圖 4-7 線條的量------------------------------------------------------------------------------------ 63 圖 4-8 面的音樂意象 ----------------------------------------------------------------------------- 64 圖 5-1 完成作品《西風之所見》 ------------------------------------------------------------- 75 圖 5-2 完成作品《中斷的小夜曲》 ---------------------------------------------------------- 77 圖 5-3 完成作品《原野之風》----------------------------------------------------------------- 79 圖 5-4 完成作品《雪上足痕》----------------------------------------------------------------- 80 圖 5-5 德爾菲《女舞者》雕塑----------------------------------------------------------------- 81 圖 5-6 完成作品《德菲爾的舞姬》 ---------------------------------------------------------- 82 圖 5-7 完成作品《飄散在暮色中的聲音與香味》 --------------------------------------- 83 圖 5-8 作品完成全圖 ----------------------------------------------------------------------------- 85 圖 5-9 展出照(一)---------------------------------------------------------------------------------- 86 圖 5-10 展出照(二) -------------------------------------------------------------------------------- 86 圖 5-11 創作應用 ---------------------------------------------------------------------------------- 87. VIII.
(10) 表目錄. 表 2-1 影像(Image)的定義 ----------------------------------------------------------------------- 16 表 2-2 視覺形態類型 ----------------------------------------------------------------------------- 19 表 3-1 設計領域------------------------------------------------------------------------------------ 30 表 3-2 點的特質----------------------------------------------------------------------------------- 43 表 3-3 線條的種類 -------------------------------------------------------------------------------- 44 表 3-4 線的特質------------------------------------------------------------------------------------ 45 表 3-5 插畫的表現形式 -------------------------------------------------------------------------- 48 表 3-6 插畫的技法表現 -------------------------------------------------------------------------- 49 表 3-7 手繪形式海報分析(1) ------------------------------------------------------------------- 49 表 3-8 手繪形式海報分析(2)------------------------------------------------------------------- 50 表 3-9 手繪形式海報分析(3)------------------------------------------------------------------- 50 表 3-10 以線條、面構成的抽象表現分析 -------------------------------------------------- 51 表 3-11 以線條、面構成的抽象表現分析 -------------------------------------------------- 52 表 3-12 以攝影為主要構成的海報分析(1) -------------------------------------------------- 53 表 3-13 以攝影為主要構成的海報分析(2) -------------------------------------------------- 54 表 3-14 以電腦影像處理為主要構成的海報分析----------------------------------------- 55 表 4-1 音樂與繪畫基本元素比較 ------------------------------------------------------------- 61 表 4-2 音樂與顏色共振 -------------------------------------------------------------------------- 64 表 4-3 樂器聲音與顏色之間的比較 ---------------------------------------------------------- 65 表 4-4 音樂與形式原理相關歸納------------------------------------------------------------- 66 表 5-1 創作結果分析 ----------------------------------------------------------------------------- 84. IX.
(11) 數位影像於海報設計之創作研究. 第一章. 緒論. 第一章 緒論 回顧人類運用圖像記事、傳達訊息，進展至懂得用繪畫表達心緒情感。綜觀 藝術史歷程，繪畫追求之目的多以寫實風格為主，直至印象派後漸突破以追求真 實觀點，邁入解放的、探索自我之蓬勃的、自由的、解構的無限多元表現領域。 1826 年攝影術的發明，強力衝擊長久來繪畫的追求目標─寫實觀點。並提升 革新印刷的新技術，使得人類的視覺經驗中，大量充斥並快速的受到圖像及影像 快速複製的刺激。不必再經由以往手繪、依賴長期技法訓練得以呈現自然寫實的 新方法出現了。快門一按下，即可取得具傳達力量的影像。 但攝影受到依賴工具、器材之限，視之為創作之表現時，又陷回為呈現寫實 的困境。自印象派企圖掙脫不拘泥寫實，甚至自塞尚提出自然界物象可回歸基本 幾何形體，顯現物體之存在，開創解構圖像，自此藝術史再以不同見解加解構建 構的藝術歷程，攝影的快門瞬間即寫實留存，使得在創意表達方面又遠不及傳統 繪畫來的靈活。 隨著照像製版提升了印刷技術，視覺傳達的圖像構成大量為攝影或是手繪插 畫運用，但在影像數位化時代來臨前，平面設計的構成融合影像與表現技法需長 時間學習培養的專業者執行，且創新的想法、技法理論不易併行實踐。功能性、 便利性、操作性強大且普及的圖像創作工具在八零年代前，停留在想像與企望。 直到九零年代電腦科技的突飛猛進，數位影像硬體軟體成熟，絕大多數的影 像產生、製作、擷取、儲存、再製、創作已往可直接或間接數位化之途前進，且 隨著軟硬體功能強大普及，影像的應用範圍越來越廣，使用對象入門門檻降低領 域也變多元。人類的視覺傳達發展，在照相術發明之後又有了全新的風貌及普及 之於社會文化結構的影響。. 1.
(12) 數位影像於海報設計之創作研究. 第一章. 緒論. 1-1. 研究動機 數位時代人類社會文化的原有秩序與模式徹底的走向新型態，數位影像的普 及在人們日常生活中，帶來相對更多樣的生活樂趣。一般大眾可容易創造數位化 影像及重組運用於生活應用；而視覺傳達設計工作者，無限的創意靈感更得以有 相輔相成的實踐途徑。新奇的視覺創意展現或精細的技法表現隨著創作媒材的數 位化，有了異於以往創作過程及經驗，此為從事視覺傳達設計者不可忽視的趨勢。 設計是走在時代尖端的，用電腦影像處理功能增強創作機能，於創意、工具、 材料、人力、物力、資訊的有效整合。可更加精確、快速、甚至在變形與編修、 特效功能極為方便，所以本論文將以常被運用在繪圖和設計上的 Photoshop 和 Illustrater 等軟體呈現現代數位影像合成的技術，將傳統影像和電腦技術相結合， 進行創作工作。 本論文的研究動機在於，經由文獻探討影像的本質，進而分析其在視覺傳達 設計領域中之運用，並探討數位化媒材演進及特性，從視覺傳達設計的觀點為切 入點，利用數位攝影與影像合成的基礎技法，以法國作曲家德布西作品《前奏曲》 為創作主題根據用於表現音樂性的海報設計。以驗證理論與實務之均衡以為本研 究創作成果。. 1-2. 研究目的 本研究以「數位影像」為最主要學理架構，實務以電腦影像合成的技巧，創 作以法國作曲家德布西《前奏曲》第一集為靈感，名「音相‧印象」為主題的海 報設計應用。以期達到下列目的： 1.藉由文獻探討，歸納、分析數位藝術時代來臨其演進的表現形式，以作為創作的 學理基礎。. 2.
(13) 數位影像於海報設計之創作研究. 第一章. 緒論. 2.探討數位影像的本質定義與演進的表現形式進而為創作圖像構成的參考原則 3.探究數位影像媒材表現、類別、特性，以作為創作圖像的表現技法應用。 4.透過分析、歸納數位影像應用於視覺傳達設計中之表現形式與特質，以作為個人 創作依據。 5. 歸納上述研究所得，選擇數位攝影及影像編輯軟體作為創作應用之基礎、影像 創作的概念呈現獨特視覺效果。. 1-3. 研究方法 依據研究動機與目的，採取下列方法依序進行本研究： 1.文獻探討：從文獻的蒐集整理中分析相關論述，具體的從影像的定義、表現形式 資料分類、綜合、歸納等進而至探討數位影像特性、演進、應用範圍。. 2.案例分析：再由案例探討的方式，從國內外之平面設計作品中進行樣本的蒐集與 分類，進而比較歸納出結論。進而驗證於視覺傳達設計的影響與應用。. 3.創作：依分析蒐集數位影像實際應用於視覺傳達設計案例的結論為作品創作的依 據基礎，以期能呈現獨特而強烈的視覺意象。. 3.
(14) 數位影像於海報設計之創作研究. 第一章. 1-4研究架構. 圖 1-1 研究架構圖 4. 緒論.
(15) 數位影像於海報設計之創作研究. 第一章. 緒論. 1-5研究範圍 1.「影像」的定義牽涉既廣且深且產生方式及層面甚多，本研究範圍著重於機具造 像的視覺層面。影像的「認知」到意向「認同」層面，為避免本文架構或主題過 於龐大，故不多涉及心理學及藝術美學領域，也不分析影像的社會性與形象的關 聯，著重於創作形式的表現。. 2.影像表現的形式散見於美術史、設計史及攝影史等諸多的史料記載，牽涉到文化 時空的區辨與特性，風格理念技術面貌多樣，故僅擇平面傳達設計中幾種代表性 的形式列入本文探討的範圍。. 3.本研究主要在於探討數位影像之平面電腦繪圖技法在視覺傳達設計上的運用。先 對「數位藝術」與「影像」之相關意義闡述，再以影像處理繪圖及案例分析為例 進行研究。作品創作形式部份則以平面海報為創作形式。. 1-6. 研究限制 1.數位影像媒材多元化，本研究設定之探討與應用，選擇以電腦影像處理與數位攝 影的圖像運用，形象建構以靜態影像傳達為目的。3D 電腦繪圖或多媒體及動態影 像不在本研究目標中。 2.以音樂標題意象設計於電腦藝術創作形式為主要表現，著重在視覺意象上的呈 現，對於其延伸之其他與音樂性發想的問題和形式，並不在本研究創作之範疇。. 3.本論文創作部分旨在探討數位影像之實務運用於視覺傳達設計，屬數位影像平面 設計的圖像構成及應用領域繁多，僅以平面視覺傳達設計來表現，而立體部分， 不在研究範圍之內。蒐集文獻作品案例難免疏漏，無法全概括，故列舉之資料僅 限於可作為個人創作意念呈現的相近代表作品。 5.
(16) 數位影像於海報設計之創作研究. 第二章 文獻探討. 第二章 文獻探討 數位化的時代來臨，對於以視覺呈現的相關藝術媒體，帶來了前所未有的視 覺與實務革命。數位藝術與傅統藝術最大的不同點即在於數位技術的運用，創作 精神的本質內涵並無改變，故而所有藝術都有機會用數位的形態呈現，謂數位藝 術的創作，是指經過數位化的過程方法、手段產生的藝術創作稱為數位藝術。藉 由數位所呈現的影像，更容易進行複雜化的畫面切割與再重組，許多過去無法呈 現的畫面，也一一呈現。數位藝術（Digital Arts）包羅萬象，涵蓋了影像文字、互 動式的繪圖網路、VE（Virtual Environment）虛擬空間、虛擬實體 VR（Virtual Reality）、網路藝術 Web Art 和動腦多媒體⋯等，不論是現有影像的複製、現有傳 統繪畫創作使用工具的模擬、立體空間的表現、虛擬視覺效果、經由資料的輸入 而使電腦自己產生影像、甚至於動畫與互動式多媒體，都屬於數位藝術的領域。 本章文獻將數位影像分為「影像」及「數位化」兩部份，從數位藝術的發展 切入作文獻探討，試圖推敲數位影像背景的脈絡軌跡。. 2-1. 數位藝術 數位藝術，是指經過數位化的過程方法、手段呈現的藝術創作而將傳統形式 的藝術創作以數位化的手段或工具作各種方法的呈現稱為藝術數位化，因此凡創 作時以數位化手段製作或製作時以傳統形式創作之後再加以數位化加工所產生的 藝術作品皆可稱為數位藝術」（陳麗秋，2001）。. 2-1-1. 數位藝術的起源 電腦藝術(Computer Art)的起源，可以回朔至 1950 年代初期。從所謂類比電腦 6.
(17) 數位影像於海報設計之創作研究. 第二章 文獻探討. (Analog Computer)器材起步，由美國藝術家班‧賴波斯基(Ben Laposky)以真空管電 腦器材所創作的「示波」(Oscillon)算起。(葉謹睿，2005)而現代的電腦器材立足於 數位科技( Digital Technology)，同時，數位化(Digitalization)的概念，也在藝術創作 的方向與特質上有了絕對性的影響與改變，因此數位藝術(Digital Art)一詞，普遍 的取代了電腦藝術，統稱所有的電腦藝術。但我們必須要認知，最早期的電腦， 其實是以連續性的變數(continuous variables)為基礎來執行的類比系統。 雖然數位藝術起源可回朔至 1950 年代，但由於早期電腦與相關器材體積、操 作困難，造價昂貴，因此電腦等相關器材多屬政府機構、大型企業和研究機構所 有，一般人難以接近或了解。因此許多數位藝術的先驅者，大多為科學或是數學 家的背景，如以程式語言創造電腦圖像的美國科學家麥克‧諾(Michael Noll)、以 抽象幾何構圖聞名的德國數學家弗瑞德‧那基(Frieder Nake)和以電腦動態影像著稱 的德國數學家賀伯特‧弗蘭基(Herbert Franke)等等，都是由科學跨入藝術領域代 表。(葉謹睿，2005)以下例舉早期運用電腦科技創作的重要先驅者：班‧賴波斯基 圖 2-1 Ben Laposky「示波」. 圖片來源：葉謹睿，2005，《數位藝術概論：電腦時代之美學、創作及藝術環境》，P30. (Ben Laposky,1914～2000)美國數學家，其 1950 年利用自行組裝的真空管電腦，將 在電廠或磁場偏轉的電子光束打在示波器(Oscilloscope)的螢光屏上後，利用高速感 光底片(High-speed Film)，抓取電子光束所描繪出來的抽象圖案，取為「示波」系 7.
(18) 數位影像於海報設計之創作研究. 第二章 文獻探討. 列，為現今有史可考最早的電腦藝術作品。(圖 2-1)他將這系列作品，稱之為電子 抽象作品(Electronic Abstraction)。賴波斯基認為，雖然「示波」系列是單純的視覺 呈現，但所表現出的是，卻是音樂的韻律與節奏。他的創作概念，對後來的數位 藝術家影像甚鉅。(葉謹睿，2005)現今許多的數位藝術家及程式設計師，仍廣泛的 運用示波圖案(Oscillographic Image)來表現音樂旋律與動態。. 賀伯特‧弗蘭基(Herbert Franke,1927～) 德國數學家，在 1950 年代，利用電子光束的流動從事視覺藝術創作。早期作 品與 Ben Laposky「示波」作品風格極為相似，直到 1961 年左右，因技術上的革 新，他的作品在視覺上呈現出類似絲質的纖細感，表現出抽象光舞特有的如真如 幻的風情。他稱自己的電子抽象作品為「圖像音樂」(Graphic Music)。透過進步的 軟體程式撰寫、互動技術甚至於 3D 立體繪圖，弗蘭基創造許多以音樂為主題的作 品。但他最大的貢獻，可說於 1971 年出版了全世界第一本專門探討研究數位藝術 的書籍《電腦圖形學─電腦藝術》(Computer Graphics:Computer ART) 圖 2-2 Herbert Franke 將自己電子抽象作品稱為「圖像音樂」. 資料來源：Digital Art Museum. 8.
(19) 數位影像於海報設計之創作研究. 第二章 文獻探討. 麥克‧諾爾(Michael Noll,1939～) 主要在 1961 年於美國的貝爾研究室擔任電話通訊方面的研究工作。於 1962 年前後，開始運用電腦科技從事藝術創作。Noll 的早期作品於現代主義繪畫的關 係非常直接。透過程式撰寫與電腦運算，開始以電腦繪製類似立體派之線性抽象 圖案，1963 年的作品《高斯二次方》（Gaussian-Quadratic），以高斯變數為橫軸、 用二次方程式計算縱軸，找出一百個點，在用九十九條直線連結起來，呈現出的 是 一 些 單 純 的 線 條 ( 圖 2-3) 。 1965 年 創 作 了 名 為 ﹤ 電 腦 芭 蕾 舞 ﹥ (Computer Generated Ballet)的動畫，並在 1968 年將數位動畫技術，運用在電視與電影的片頭 製作上。也許是因為作品主題與主流藝術較為接近，麥可‧諾爾被許多人公認為 最早的數位藝術家之一。 這些早期的電腦藝術家們，用電腦所繪製的作品大部分都是模仿過去一些抽 象主義及構成主義的作品，數位藝術發展初期，藝評家多以「冷酷」 、 「缺乏人性」 來形容。這主要由於當初的電腦尚未成熟、體積龐大、造價高昂未能普及且難以 使用，不僅當時的藝術工作者對它缺乏了解更遑論社會大眾更沒有接觸電腦的機 會。這段期間的作品並未產生電腦繪圖本身的特質及新的相關美學。 圖 2-3 Michael Noll 作品《高斯二次方》. 資料來源：http://mfa.techart.tnua.edu.tw. 9.
(20) 數位影像於海報設計之創作研究. 第二章 文獻探討. 2-1-2. 數位藝術的個人電腦紀元 對於一個新興的藝術媒材而言，普及性是發展與突破的關鍵。而數位藝術的 突破科學與藝術之間的尷尬地帶，可溯因於 1970 年初期，Intel 公司研發出以半導 體科技取代傳統龐大的真空管，掀開電腦科技邁入家庭與個人市場的序幕。三年 後 MITS 公司發明 Altair8800，成為世界上第一台在價格、體積上都符合市場需求 的迷你電腦，獲得市場上空前的成功，也吸引許多公司相繼投入迷你電腦的研發 與銷售。而今日主導電腦市場的兩大公司，微軟(Microsoft)及蘋果電腦(Apple)也是 在此時期躍上檯面。而時間證明電腦應用遠遠超乎早期廠商與業界人士想像的範 圍，今日電腦的發展與普及，家家戶戶都有電腦，而且可能還不只擁有一台。. 2-1-3. 應用軟體對數位藝術影響 個人電腦就算普及，沒有應用軟體，對於不懂程式語言的一般使用者也可能 只是台電子娛樂機，無法應用於實務工作上更遑論應用於藝術創作了。1980 年英 國 Quantel 公司推出繪圖軟體 paintbox；1983 年，微軟推出文書應用軟體 word；1985 年，Aldus 公司推出排版軟體 PageMaker；1987 年 Adobe 公司推出向量式繪圖軟體 Illustrator，1990 年 Adobe 公司推出影像處理軟體 Photoshop。至此，幾乎今天所有 的重要平面出版軟體都已經在市場上出現。從此時起，藝術家不需學習艱深的程 式撰寫，只要透過螢幕、持滑鼠，運用繪圖應用軟體，就可以享受無限的創作自 由。如波士頓電腦藝術公司(Boston Cyberart Inc.)創始人喬治‧法菲爾德(George Fifield)所言： 「在無摩擦力與地心引力的電腦記憶空間中，藝術家有能力來輕鬆地 改變與結合影像、濾鏡和色彩，這賦予了他們以往想像不到的影像創作自由。」(葉 10.
(21) 數位影像於海報設計之創作研究. 第二章 文獻探討. 謹睿，2005)此時期，可稱數位藝術創作的第一個高峰。以下將此時期的數位藝術 作品分為兩大類。. 2-1-4. 以電腦語言為基礎的數位藝術 利用電腦創作的第一種典型，是以電腦語言為創作基礎的數位藝術，此類型 的藝術創作與初期發展的數位藝術較接近，在科技方面的根基較為深刻，且以呈 現電腦運算與程式語言驅動的本質，此類的數位藝術家多喜好撰寫自己的程式， 試圖將數位科技的規律、系統和純粹等特質，突顯為獨特的美學觀。例如馬克‧ 威爾森(Mark Wilson)利用自己撰寫的繪圖程式，以映像點構成長方形的圖案，接著 將這些圖式，投射在虛擬的三度空間中。(圖 2-4)還有非僅限於平面的數位藝術作 品，多媒體結合的藝術創作，也在此時出現了雛形。馬克，威爾森也以隨機組合 的概念為創作基礎，創造了一個在虛擬空間中唱歌的自己。只要開啟此程式，就 會看到藝術家本人出現在螢幕上，隨性的哼出一個個的音符。此為結合平面影像、 與電子音效的數位複合性藝術作品(圖 2-5). 圖 2-4 Mark Wilson〈STL D30〉 資料來源：Digital Art Museum. 11.
(22) 數位影像於海報設計之創作研究. 第二章 文獻探討. 圖 2-5 馬森‧威爾森，2005，〈聲音肖像〉. 資料來源：Marcin Ramocki. 2-1-5. 以攝影為基礎的數位影像 而另一典型，則是在 1990 年代幾乎成為數位藝術的同義詞─數位影像。充分 利用軟體，結合攝影技術，改造、創造甚至捏造。有人稱之為數位攝影(Digital Photography)，但此稱呼較為狹隘，本研究採用數位影像(Digital Imaging)一詞。並 於後章節詳加探討。 數位影像作品透過軟體的編修、特效處理，題材能悠游於真實與虛幻間，至 今進入二十一世紀仍持續發展中。運用數位影像處理技術，建構虛擬的情境或環 境，或甚可為裝置作品的表現素材。例如台灣藝術家林珮淳將清明上河圖與報紙 新聞廣告結合與大型的裝置藝術結合，用電腦合成數位卷軸藝術。讓觀眾走入如 漩渦式的環境，產生一種現代與過去的迷失。(圖 2-6) 而藝術家李小鏡(1945~)，於 1970 赴美費城藝術學院主修電影與攝影，自 1992 年起自修運用 Photoshop 軟體從事數位影像製作。首先嘗試的是從他所熟悉的文化 傳統中找靈感，充分運用數位影像的可塑性，把模特兒的臉進行誇張的圖像變形， 像是捏塑陶土一樣，企圖呈現隱藏在人類外貌下的隱藏獸性。在 2001 年創作作品 12.
(23) 數位影像於海報設計之創作研究. 第二章 文獻探討. 《夜生活》(Night Life)，更加運用軟體特性朝未來的世界作幻想的探索。(圖 2-7) 以及台灣藝術家陳界仁(1960~)從 1996 年開始，使用電腦軟體修改歷史刑罰照片為 創作的主軸，以早期作品《本生圖》為代表作(圖 2-8)，利用歷史圖像的再造利用， 將殘酷、痛苦、死亡將事件中抽離出來。而他在 2002 年也開始嚐試以動態影音的 形式創作。台灣媒體藝術創作者及評論家姚瑞中，在〈數位攝影新趨勢〉文中表 示對於數位影像技術在藝術與文化上的影響，他曾表示： 「數位攝影機的流行不但 帶動了全民攝影的風潮，也形成無所不在的影像社會，拜科技之賜，以往需要繁 瑣手工的放大技術已讓位給圖像輸出，通過數位化技術的便捷，攝影不再是專業 人士的工具，技術也不再高不可攀；除了日常留念性質頗強的紀錄功能外，當代 藝術中以電腦合成修片的影像作品也蔚為風潮，在此起彼落的藝術展覽中屢見不 鮮…」(姚瑞中，2005)。當這股數位影像技術影響於藝術創作風潮蔚為風行，也改 變許多藝術家創作的模式，台灣藝術家洪東祿提到：其中的數位人已經開始使用 不同的方式來面對「認同」，它們穿越所有的「認同」，而不留下任何固定的記憶 與刻痕。當藝術家不直接以他自己的自然流露，而請許多電腦助理來製作或創作 時，這種事情已經變得越來越可能。(引用自 http://artists.artouch.com)(圖 2-9). 圖 2-6 林珮淳《美麗人生》. 資料來源： http://ma.ntua.edu.tw/labs/dalab/. 13.
(24) 數位影像於海報設計之創作研究. 第二章 文獻探討. 圖 2-7 李小鏡 NIGHTLIFE 系列作品. 作者：李小鏡。九十年代興起的電腦科技使他得以將繪畫、攝影與創作等經驗整合為 一種獨特的媒材。創作以相機將人物拍成肖像，再把圖像輸入電腦，運用 PhotoShop 軟體將人物特徵誇張、扭曲或變形。 資料來源：http://www.daniellee.com/. 圖 2-8 陳界仁《本生圖》. 資料來源：本生圖, 1996, 影像輸出, 207.1 × 259.3 cm, 台北市立美術館.. 14.
(25) 數位影像於海報設計之創作研究. 第二章 文獻探討. 圖 2-9 洪東祿作品〈春麗〉 、〈鋼彈〉. 作品尺寸皆為 140*180*20cm/ 2000 ，立體照片燈箱。 作者洪東祿運用日本次文化電玩以及模型照片與中國天安門作影像合成 資料來源：http://www.galleryjchen.com. 15.
(26) 數位影像於海報設計之創作研究. 第二章 文獻探討. 2-2. 影像的定義 1923 年，巴拉茲在“視覺的經驗＂一書中，曾論及人類文化將由讀的文化， 轉變成看的文化；換言之，即是文字印刷的傳達，將轉變成影像的傳達。1957 年 美國芝加哥論壇報行銷部主任馬提詻(P.Martinean) 亦認為文字是人們所憎惡的， 他認為影像的力量遠比抽象的文字，更能在傳達的過程中具備傳達的功效：(劉心 明，1998)今日，影像充斥於各處。從來不曾有過如此之多的事物被描述，被觀察。 我們瞧見地球或月球另一端每時每刻的景象。登記下來的外觀以風馳雷擎的速度 傳遞。(何佩樺譯，2006)展開文獻探討之初，首要先以本文所預設之基本概念對於 影像(Image)一詞加以定義與釐清，希望能以最適切的詞彙解釋，使文章中的表達 脈絡更為清晰明確。茲將國內外文獻之定義，整理如下： 表 2-1 影像(Image)的定義. 解 釋 定 義. 文 獻 出 處. 字 1.像、肖像 2.心像、意像、形象、觀念 3.直喻、隱喻 4.映像、影像 譯 解 釋. 牛津高級英漢、英英雙 解辭典. 1.像、肖像、雕像、畫像、影像、偶像 文馨當代英漢辭典 2.象徵、化身、典型 3.(修辭)比喻、直喻、引喻 1.像、肖像、影子 2.塑像、石像 3.形象、象喻 4.心像、概念、想像. 遠東英漢大辭典. 解 釋 定 義. 文 獻 出 處. 王雅倫着，光與電：影 做為攝影術語，乃是由透鏡或鏡子所構成的物體形 像在視覺藝術中的角色 象，是光學的匯聚或反射作用；由鹵化銀顆粒的堆 與實踐，台北美學書 積，使潛影出現，而組成有形象的畫面。 房，2000，102. 16.
(27) 數位影像於海報設計之創作研究. 第二章 文獻探討. 視 是形與色的綜合性的視覺對象，如照片、繪畫、圖 形、具體的、抽象的，所有的視覺 Pattern(圖樣、 陳俊宏，楊東民編着， 模樣)，都是影像。眼睛裡投映的「像」中，除了 視覺傳達設計概論，全 覺 可讀的文字記號以外，由視覺直接性知覺到一切就 華科技，1999，P22 是影像(Image)。 類. 田名璋，靜態電子影像 在電腦上的解釋則為「儲存於不同媒體上真實之事 對 攝 影 本 質 的 影 響 研 物之副本」。 究，師大工教研究所論 文，P12 解 釋 定 義. 文 獻 出 處. 一種內部要素魔術般地相連結的有意義的平面。. 李文吉譯，攝影哲學思 考，遠流，2000， P99.. 楊裕富著，創意思境視 本 想要表達而在內心裡尚未表達的“東西＂，就叫做 傳設計概論與方法， “心像＂或意像(Image)。 台北田園城市文化， 研 1999，P102 John Berger 着，戴行 鋮譯，藝術觀賞之 道，台北商務，1993，. 究 整 影像是重造或複製的景觀。 理 解 釋. 影像(Image)一詞的用法，所有的影像都是人造 的。 影像是一種再造或複製的景象。它是一種表象. P4 John Berger 着，吳莉 君譯，觀看的方式， 台北麥田，2005. (appearance)或一組表象，已經從它最初出現和存 在的時空中抽離開來─不論它曾經存在幾秒鐘 或幾個世紀。 資料來源：本研究彙整. 西方語言中和圖像相關的字詞不少，常見者像是英文中「picture」(圖像、圖 畫)和「image」(影像)；德文中的「Bild」(泛指一切圖像、影像、圖畫)亦為一例。 「image」一詞在英文中用量甚廣，此字源自於拉丁文的「imago」，殊無爭議，然 而「imago」的原始意涵為何?在文字學中卻仍未定案。一說「imago」和「imitor」、 「imitation」這些詞與相關，都具有「仿照」、「擬似」的意思。(陳懷恩，2008)因 17.
(28) 數位影像於海報設計之創作研究. 第二章 文獻探討. 此所指可能是「發現和某個事物或人相似的東西」。 根據上述文獻資料可知，影像(Image)的定義與研究領域甚廣，本文中所採用 影像的譯詞著重以攝影術及視覺所見之影像為準，並做為本研究之用語。. 2-3. 影像的類別 人類認識外界的工具靠種種感覺器官，利用視覺、聽覺、嗅覺、味覺、觸覺 五種感覺器官，藉以感知形、色、音、味、表面狀態、及量感等訊息，其中以視 覺為最優位的感覺。視覺的產生，由光刺激視覺器官，視覺器官感覺到刺激後， 在大腦中引起的知覺現象。眼睛的功能好比一部相機，虹膜(Iris)像快門控制光線 的大小；眼角膜(Cornea)和水晶體(Lens)像鏡頭調整焦距；網膜(Retina)像感光底 片，外界景物的影像就是被投射在這上面，於是「影像」就產生。但視覺產生的 過程最後由大腦去辨別及感受產生知覺，而這知覺則不見得每個人都相同。所以 眼睛所「掃瞄」(Scanning)的影像應包含兩種意圖，一種是影像本身的意圖，另一 種是觀看者心理上的意圖，所以它是一種可因接受者之不同而使影像有不同含意 的符號綜合體，進而提供觀看者有更多的詮釋空間。 以下引用 John Berger 所說： 「我們只看見我們注視的東西，注視是一種選擇行為。注視的結果是，將我們看 見的事物納入我們能及─雖然未必是伸手可及的範圍內。」(John Berger，2005)更 能解釋影像一詞於心理學上的意涵。近代已有相當的研究，證明人類的感知活動 並非只是機械式的部分之總和，而所謂視覺經驗更是觀者當下直接的感應，人類 資訊接收 65%來自眼睛，25%自耳朵，其餘 10%來自其他的感覺器官。視覺性資 訊最廣泛，也最迅速，其傳達功能優於其他類型的資訊，故視覺經驗越廣，我們 從藝術家所創造的視覺形式取得理解的量也變得越大。. 18.
(29) 數位影像於海報設計之創作研究. 第二章 文獻探討. 表 2-2 視覺形態類型. 視 生理形態─純由視覺映入眼膜再經知覺辨認的形 覺 形 心理形態─由經驗、知覺做第二次呈現於腦中的形，通常要經過聯想與想像。 態 資料來源：李薦宏，1995，《形‧生活與設計》台北：亞太圖書. 所有影像(Image)都是人為的創作。(John Berger，1993)而現代視覺傳達設計， 所取用的影像類型，基本上可分為三大類： 一、光學式影像(Optical Processing)：係傳統上利用攝影或暗房技巧，所獲取的影像。 二、類比式影像(Analog Processing)：即電視、錄影等的視訊影像，係以掃描線性訊 號所得的影像，有別於靜態影像。 三、數位化影像(DigitalImage Processing)：即是利用電腦及其輔助設備，以掃描機將 已取得的影像掃描入電腦；或利用數位化照相機，將已取得的影像轉換成數字型 態的數位化資料輸入電腦，進行數位運算取得影像或做影像處理；為現今影像處 理作業上，功能最強、品質最佳、速度最快也最為方便的方法(鄭國裕，1996)。 總括上述三類特點：影像可藉外物（機具）經物理與化學變化方式，將空間 與時間組成的四度或三度空間，轉化為二度空間的平面影像。這種由機具 (Apparatus)所製作出來的圖像可稱為技術性圖像(Technical Image)或稱為技術性影 像。(王雅倫，2000). 2-4. 數位影像的定義 第一部可稱為電腦的機器發明於 1949 年美國，叫做 ENIAC。使用真空管來處 理訊號。經歷六十年的發展到現在第四代電腦，使用功能更強的大規模積體電路 （ＬＳＩ）來處理內部訊號。而微型積體電路的運用，將電腦的中央處理裝置全 19.
(30) 數位影像於海報設計之創作研究. 第二章 文獻探討. 部安裝在一個電路板上，大大縮小了電腦體積，也就是我們常慣稱的個人電腦（Ｐ Ｃ） 。而電腦最基本的運算單位，是由 0 與 1 的二進位組成。故數位影像是指以二 進位的 01 數位資料形式編寫、或處理及儲存，且能呈現在顯示器或輸出或列印呈 現的圖像或影像。現在常見的數位影像就原理上大致可分：由數位相機拍攝透過 感光元件轉換為數位訊號(資料)，壓縮後儲存於記憶體上；傳統圖像亦可透過數位 相機或掃描器轉換為數位資料進而紀錄儲存；用數位攝影機擷取多角度 360 度完 整的影像，或利用電腦軟體創造的二維、三維電腦繪圖，也是數位影像的一種。 而今日多數數位影像獲得或擷取的方法，整理條列如下 （一）數位相機：以數位相機拍攝被攝物，這是最簡便快速的數位影像擷取方式。 （二）掃描器：利用掃描器可把相片或軟片的類比影像，轉成電腦接受的數位影 像檔。 （三）電腦繪圖軟體：由 2D、3D 繪圖軟體直接創造二維、三維數位影像。 （四）CD 光碟圖庫：圖庫所提供的影像是立即可用，不需再另外取得授權或付費， 成本較低且許多 CD 圖庫品質亦達專業水準。 （五）網際網路：數以千萬計的影像可自網路下載，其中有部分還是免費的。 (蔡芳姿，2004) 利用數位影像處理技術，扭曲、竄改甚至於創造現實的藝術作品，隨著電腦 科技週邊器材的研發及普及，成為數位藝術的大宗外；數位影像具有記錄精確、 編輯方便、儲存容易、傳遞快速等特質，相較於傳統影像，數位影像是可以量化 的創作工具，也是一種新的視覺傳達方式，對視覺傳達的展現而言，數位影像確 實是最好的素材。(涂正明，2002). 20.
(31) 數位影像於海報設計之創作研究. 第二章 文獻探討. 2-4-1. 電腦影像處理 數位影像是將影像分割為無數個極好的小方格(Pixel；像素)，每個像素都包含 了色相、彩度、明度的特定 0 1 數位資料形式編寫的數位編碼，影像儲存時也是記 錄這些影像的 0 1 數位編碼，數位影像只是電腦上一連串或一大片的像素( Pixel ) 陣列組合，電腦以它看得懂的數位資料記錄和處理影像，再轉換成人類看得懂的 色彩、明暗將影像組合在螢幕上呈現出來，我們在螢幕上改變數位影像像素的色 彩或位置時，電腦也同時改變了它的數位編碼來對應( Glen Wilkins ；陳寬佑譯， 2001)。從理論來看，在數位影像處理上，若點選這些數位編碼，利用電腦繪圖軟 體指令改變它的色相、彩度、明度、長、寬、高甚至可進行重疊、變換、溶合、 組合、放大縮小、扭曲、旋轉、翻轉、拼貼、負片效果、色調分離、高反差、明 度等多種變化。下列介紹兩種運算特性不同的電腦繪圖： 一、點陣式影像 點陣式影像是由許多方格小點組合而成的影像，在點陣圖影像上不論是線、 面或由面所組合的形，程式都將轉換為數位訊號的各項資訊，將顏色中最小單位 的色相、明度、彩度轉換為一個個的正方格，稱之為像素 ( Pixel ) ，每個像素都 是一個顏色，也是一個明確的 01 數位編碼。像素就是組成數位影像的最小單位。 人類眼睛看到的圖像，經過電腦和周邊設備的編碼紀錄只是千萬個不同的 01 數 位編碼，當解碼重現時，所看到的景象就再次呈現出來。一般照片影像圖形大致 都是點陣圖形。在數位圖形中，單位面積內的像素越多，越能表現出圖形細微的 部分，此處我們稱之為解析度。當解析度高時，在單位面積裡的像素就越多，影 像也愈清晰精緻，如果解析度太低，就會造成影像產生格狀鋸齒邊緣和色調不連 續的情形。故解析度和點陣圖有著密不可分的關係。(圖 2-10) 由於是點的構成，故色彩階調變化豐富，可逼真的表現自然界影像，達到照 21.
(32) 數位影像於海報設計之創作研究. 第二章 文獻探討. 片的品質，然影像縮放、旋轉時或進行任何編修時，解析度會打折扣，且無法製 作真正的三度空間影像。而檔案資料龐大，須有至少三倍以上記憶體才夠順暢運 作週轉。點陣圖是經由掃瞄器或數位相機所取得的圖片，如果要編輯修改影像， 必須先選取想要編輯的像素後再選擇功能修改。能處理影像圖形的影像軟體：有 入門者易上手的 Windows 小畫家、國內友立公司出版的 Photoimpact、專業者較多 選 擇 使 用 的 功 能 強 大 的 Photoshop 、 Painter 和 CorelDRAW 軟 體 內 的 Corel PhotoPaint 等。. 圖 2-10 梵谷《鳶尾花》放大格狀圖. 點陣式影像只是電腦上一連串或一大片的像素( Pi xel ) 陣列組合，把數位影像儘量放大，就會看 到數位影像最小的單位 。 資料來源：本研究彙整. 向量式影像 向量圖也稱為物件導向圖 ( Object-oriented images ) ，是以座標軸定位的方式 界定點、線、面位置及範圍內色彩等物件的標色資訊，這種圖形，每一個物件都 是獨立的個體都有各自的色彩、形狀、尺寸、位置座標⋯等屬性。物件的大小改變， 完全依據座標位置來重新計算，編輯向量圖形可以對每個物件任意改變它的大 小、色彩屬性，而不會影響到其他物件，和點陣圖不同，但二者可以混合使用。 是適合製作色塊、線條、文字的數位繪圖方式，多數運用在製圖、幾何色塊、漫 畫插圖填色等工作上。向量圖一般都直接在電腦上繪製而成，與點陣圖是千千萬 22.
(33) 數位影像於海報設計之創作研究. 第二章 文獻探討. 萬個小方格組成不同，向量圖無論放大或縮小，都沒有解析度的問題；線條無鋸 齒能平滑，色塊色彩一致平整。檔案儲存體積小都是向量圖的特徵，所以向量圖 最適合製作標誌、圖案及文字的字形處理。(圖 2-11)可以製作或編輯向量圖的 CorelDRAW 、Illustrator 、FreeHand 、Expression 等繪圖軟體。 其優缺點是以數學的向量方式記錄影像內容，檔案所佔容量較小。可任意縮放、 旋轉，都不會影響圖形的解析度。精確度高，可製作 3D 影像。但也由於其內容 是以線條和色塊為主，因此較不適於階調豐富、色彩變化複雜、描繪自然影像的 表現。對於創作者而言，實務經驗中，兩種類型的軟體必要能靈活的相互運用， 取其屬性特點，以能呈現更豐富多元的作品。. 圖 2-11 向量式影像. 向量圖無論放大或縮小，都沒有解析度的問題，線條平滑無鋸齒，色塊色彩平整，檔案儲存體 積小，適合圖案設計、插畫或漫畫使用。但影像輪廓線較硬，色彩漸層呈現段落感。 影像來源：本研究彙整. 23.
(34) 數位影像於海報設計之創作研究. 第二章 文獻探討. 2-4-2. 數位攝影 攝影的發明，改變了人類以往觀看世界的方法；攝影的出現，人們可快速地 將生活中的影像保留住；隨科技的進步，資訊迅速發展，無論從創作影像的設備 （相機）到成像的方式、程序，甚至結果。目前攝影正面臨著「電腦化」與「資 訊化」發展下最大的變革壓力。數位化的關係，讓攝影的門檻大幅度降低。人們 對傳統攝影在使用上有了重大的選擇改變。至於攝影 可說是設計創意的基礎，它 不僅是生產影像的媒體同時也是早期排版印刷的工具。尤其在排版印刷方面，攝 影技術讓文字得以自由的排列，這是過去傳統的鉛字印刷所做不到的，而今雖被 電腦的強大繪圖軟體、影像處理軟體、排版軟體而取代，但它仍然是產生影像最 方便快速的媒體。 早期的傳統相機，特徵是明顯比傻瓜相機大且重，可以交換鏡頭，快門按下 時會因反光鏡彈起而造成觀景窗短暫的黑暗，就一般攝影的應用上，它具有可自 由調整的光圈與快門，可以自由調整的焦點，這些所見即所得的特性可自行創作 掌握相片想要呈現的效果，是數位相機尚未如現今大量普及前專業攝影及攝影進 階者的理想選擇。. 而數位相機的發展，自 1981 年日本的新力(Sony)公司展示一種彩色照相機， 其紀錄影像的方式是用磁性影像碟片而非傳統的底片，透過電視螢幕可以觀看紀 錄的影像，也可以利用類似影印機的機器印出圖片來。1986 年佳能(Canon)公司也 推出專業型的電子攝影系統，該系統可以記錄、儲存、轉換、並複製所謂的「電 子影像」 、 「數位影像」 。這些影像對電腦而言，不是具有色彩、造型的圖像，而是 連串不同的數據，在「0」與「1」的解碼中，代替不同的深淺，顏色與質感的影 像。 24.
(35) 數位影像於海報設計之創作研究. 第二章 文獻探討. 數位相機原理與傳統相機幾乎沒什麼不同，同樣是利用光學鏡頭將物體反射 的光聚焦在相機的內部，差別只是在於所透過的媒介、成像的來源不同。傳統相 機是利用光線讓底片的感光劑受光，而將影像記錄在底片上；而數位相機則是利 用ＣＣＤ（Charge Coupled Device ，感光耦合元件〉或是ＣＭＯＳ（Complementary Metal-Oxide Semiconductor，補充性氧化金屬半導體〉的影像感應功能，將物體所 反射的光轉換為數位訊號，壓縮後儲存於記憶體上。(引用自 http: www.foveon.com) 取代了傳統底片，並以記憶體為儲存的媒體，所以可以無限次的重覆使用，再配 合上即拍即可視的液晶螢幕 LCD，可在拍攝後隨時檢視拍攝畫面，可立刻決定要 不要刪除，充分達到節省底片成本的目的。在輸出部分因為是以記憶體儲存，等 同於一般的電腦檔案，可存於電腦磁碟利用各式的配備輸出。 傳統及數位相機裡其餘的光學原理與機械結構都是相似的，數位相機的優點 在於能立即顯影，拍攝結果馬上即可顯現，即拍即可見，不用像傳統攝影還須經 取出軟片進暗房沖洗的步驟，若不滿意可以立即重拍修正或甚至利用此特性進行 創作，有著高即時性的特性。且記憶卡可儲存容量驚人且易攜帶，不用顧慮底片 不足或經濟效應。最重要是拍攝下來的是已經數位化的圖形檔案，只要透過連線 或其他方式將圖形檔案傳進電腦後，即可以直接進行後續的影像處理工作。傳統 攝影則是利用特殊的暗房技巧對照片作創意的視覺效果，而電腦影像處理讓這專 業的領域更為大眾化、更多樣化。技術行為產生變革，即是顯影以及影像後製作 業的改變，透過電腦軟體的輔助，暗房技術產生極大的變化，伴隨著新興電腦產 業而來的，是許多電腦輔助軟體的不斷被開發，這也改變了許多影像的製程。(圖 2-12)(圖 2-13)即時而方便的影像軟體使得顯影、修片、預視等影像後製工作更為簡 便。(柯敏弘，2003) (圖 2-14)不用學習專業的暗房沖印技術，只要會運用影像軟體 就能創作出特殊影像的攝影作品。或可利用網際網路將圖檔直接傳送，有著傳播 的快速性、便利性。這些轉變使得傳統影像技術產生巨大的衝擊，有人稱「影像 革命」的時代來臨了。 25.
(36) 數位影像於海報設計之創作研究. 第二章 文獻探討. 圖 2-12 Adobe 公司出版專業數位攝影編修軟體 Lightroom. Lightroom 軟體可以非常精細的微調 數位攝影圖檔白平衡、曝光、過暗復 原、飽和度功能等，甚至連飽和度中 各組合色彩的多寡。可滿足數位攝影 者編修圖片的需求與創作。 圖片來源：本研究彙整. 圖 2-13 Lightroom 編修對照照片. 調整後，白平衡用偏藍綠的方式呈現， 讓畫面更平靜冷調。使用 Recovery 功 能可多拉回些細節。飽和度降低讓畫 面顏色對比較低，情緒上起伏也會較 平緩，也能讓照片更耐看。 圖片來源： http://tw.myblog.yahoo.com/apple-photo/. 26.
(37) 數位影像於海報設計之創作研究. 第二章 文獻探討. 圖 2-14 袁廣鳴〈城市失格〉. 作者拍攝下日夜車水馬龍人潮洶湧的西門町，利用軟體編修掉，呈現都市中詭異的情境。 資料來源：葉謹睿，2005，《數位藝術概論：電腦時代之美學、創作及藝術環境》，p53. 綜合上述結論歸納如下：人類以視覺經驗作為訊息傳達與接收。現今數位影像 取得來源多樣且快速，牽涉到的層面亦廣。在產生與擷取、再製或編修影像訊息 的實務領域亦越來越龐雜多樣，而以視覺傳達工作者身處為最前端最直接的應用 者。這也莫不讓從事設計工作者紛紛學習更新的影像軟體功能且須掌握跟隨潮流 新訊以作為數位化影像創作及運用時代來臨普及大眾的最重要的推手。. 27.
(38) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 第三章 數位影像於視覺傳達設計之探討 數位影像處理 (Image Processing) 是目前視覺傳達設計功能最迅速強大的設 計方式，以往以手工繪製、拼貼或噴修才能完成建構圖像手法，現今已可利用功 能強大的電腦影像軟體來達成；根據美國商業周刊 1996 年的一次調查統計，1986 年美國國內 86 % 的設計師以傳統印前模式從事平面設計工作，到了 1996 年則 只剩下不到 3% 的設計師還以傳統模式從事平面設計工作了(方彩欣，2000) 。科 技進步的壓力改變了設計習慣，身為設計工作者也必須認清並接受並隨時學習新 的電腦科技。讓觀賞者能有耳目一新的視覺感受。. 3-1. 視覺傳達設計之涵義 本節預計在視覺傳達設計專業的書籍與文獻研究中，期歸納、釐清視覺傳達 設計的定義與它所涵蓋的範圍。 視覺傳達設計一詞開始流行於 1960 年在日本東京舉行的世界設計大會，與會 的設計師都體認到不斷擴大的影像媒體中，視覺和影像已經作為獨立的傳達手段 而存在了。 （李硯祖，2002）而要探討「視覺傳達設計」的定義前，首先從「設計」 的定義開始。 「設計」二字來自於拉丁語 Designare，可翻譯為設計師或繪圖員。在 英文意涵，設計可以表示計畫、方案、目標、提綱、過程（動詞用法） ，意即構思 計畫，其中包含想法及發展過程；另外亦可表示草圖、模型、主題、裝飾、視覺 構圖、風格（名詞用法） ，意即繪圖，因為它經由圖畫、主題及視覺構圖以落實一 個方案。而王受之提出「設計」是一種計畫、規劃、設想、問題解決的方法，通 過視覺得方式傳達出來的活動過程。它的核心內容包括三個方面，即： (1) 計畫、構思的形式。 (2) 視覺傳達方式，即把計畫、構思、設想、解決問題的方式利用視覺的方式 28.
(39) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 傳達出來。 (3) 計畫通過傳達之後的具體應用（王受之，2000） 。 所以「設計」是一項構想、計畫、解決問題的活動，是一項透過視覺形式來 表達構思概念以及具體應用的活動。 簡言之設計是有一定目的、方法和程序將構想具體實現的活動過程，而「視 覺傳達設計」就是一種處理視覺訊息之傳遞或溝通的設計，它藉由圖案、色彩和 訊息的傳達，使人產生一定的知覺感受讓人領略到設計的成果（林崇宏，2003）， 而當人類想要表達思想或感情時，通常是透過語言、文字、肢體動作、繪畫 等對方能夠理解的記號(Sign)，以完成傳達思想或感情的目的。傳送者與接受者對 彼此所使用的記號都能心領神會時， 「Communication」便成立了。(佐口七朗，1990) 溝通以人與人間的記號為媒體，是共同享有對方意念的狀態及過程。傳送者同時 也是接收者，是一種接收與傳送者間相互作用的自由、公平的活動，具「溝通」 與「傳達」的意義。總括而言，視覺傳達設計是讓觀者用眼睛看、用視覺領略的 設計。陳俊宏、楊東民在視覺傳達設計概論一書開頭的序裡，建議將視覺傳達設 計這個名詞拆開「視覺－傳達－設計」來看，較容易讓人理解它是一種設計，屬 於視覺性的，跟傳達有關的，而傳達一詞有傳播、通知、聯絡、交流、溝通…等 等的意思。（陳俊宏、楊東民，1998）。而楊裕富所提「視覺傳達設計是以視覺媒 介物進行傳播，首要考量的當然是視覺形式的問題，視覺構成是否具有吸引力， 是否能夠引起注目。」（楊裕富，1999） 「視覺傳達設計」 ，隨著時代的演進也各自有不同的名稱與定義。視覺傳達設 計也稱為「平面設計」 ，原因是其涉及的主要內容是二維空間中各個元素的設計和 這些元素的組合佈局設計，在平面設計 2D 的領域中也有稱為美術設計、圖案設 計、裝飾設計、商業設計（王受之，2000） 。而視覺傳達設計也被稱之為「應用美 術」 ，王受之認為平面設計、包裝設計、廣告設計等類是與美感表現關係比較密切 的設計。但是隨著電腦科技進步，聲音、動態影像、虛擬實境多種媒體交叉運用， 29.
(40) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 現在的視覺設計已經超出二維空間的範圍， 「平面設計」這個名詞已不能全含括這 個設計領域所涉及內容。(表 3-1)在資訊時代裏，視覺傳達設計已不單單只是為商 業服務，人與人之間溝通，政府與百姓之間溝通，廠商與消費者之間溝通，有效 率的溝通成為視覺傳達設計最主要的目的，視覺傳達透過：傳達→溝通→說服， 此時「視覺傳達設計」這個名稱最能傳神的表達這個設計領域的意涵。(陳信 文,2008)(圖 3-5~圖 3-13) 表 3-1 設計領域. 視 覺 傳 達 設 計. 2 次元. 3 次元. 4 次元. 標誌設計 字體 印刷設計 編輯設計 廣告設計 海報設計 插畫. 包裝設計 PS 廣告設計 POP 廣告設計 展覽會、展示設計 定期性樣品設計. TV-CF 設計 動畫 影像設計. 企業識別系統(CIS). 博覽會 環境設計 舞台設計. 綜 合 設 計. DM 設計、管理. 表格資料歸納來自：佐口七朗，1990,《設計概論》，台北：藝風堂，P18. 圖例：標誌設計詳見(圖 3-3,3-4). 而在視覺傳達設計中，形象價值受到視覺法則、接受者的原有經驗和心態架 構等所支配。人類對於各種人、事、物的關係，往往只能訴諸感覺性的判斷，而 共鳴或疏離的價值判斷，便取決於視覺形象是否能夠滿足人們的普遍需求或傳達 人們的共同心聲。(圖 3-1、圖 3-2). 30.
(41) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 而資訊化社會中，視覺傳達設計的主要課題，便是在這個複雜的社會組織與 錯綜複雜的視覺環境中，針對新的資訊化動態而構築新的價值體系，並開發新的 傳達系統，以配合新的價值體系。在設計領域中，建立意義性、人性、創造性、 美感與現代意識貫通的新價值體系，應是今後的共同目標(佐口七朗，1990) 本研究以設計作品最終呈現維度的空間類型來做範圍的界定歸屬在二次元的傳播 的項目中，以平面的運用圖像為主。 圖 3-1 海報設計陳俊良《久違了東風》. 用極簡現代的風格重新詮釋東方味道。也就是說取東方的元素，過濾掉一些東方慣有的繁複與雜 質，以大量的留白與乾淨的畫面來呈現設計主題。用現代的眼光來詮釋東方之美，或是以東方的 元素予以西方現代的表現用現代的眼光來詮釋東方之美，或是以東方的元素予以西方現代的表現 資料來源：http://www.heyshow.com.tw. 圖 3-2 靳埭強《山》台灣印象海報設計聯誼會漢字主題 邀請展海報. 靳埭強受「台灣印象海報設計聯誼會」漢字主題邀請展的作品，以草書寫意的造型，形造山 巒之景，追求一種書畫的文化境界， 資料來源：http://hkdesign.hktdc.com. 31.
(42) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 圖 3-3 標誌設計：2009 高雄世界運動會標誌. 以漢字「高」字為設計題材，運甪書法力動筆勢，結合色彩繽紛的節慶彩帶舞動意象，傳達「和 諧、友誼、律動、飛躍、進步、歡樂」的概念，也象徵世界各地歡樂的運動能量串起高雄市、 匯聚在高雄，其中起筆點一抹旭日光緷與收筆處捲起的藍色浪花，具陽光城市與海洋首都之隱 意，韻動字型也有如選手邁步衝刺的亮麗身影。 資料來源：2009 高雄世運會網站 http://www.worldgames2009.tw/. 圖 3-4 標誌設計：2008 北京奧林匹克運動會標誌. 設計的概念主軸為： 「中國印‧舞動的北京」，將肖形印、中國字和五環徽有機地結合起來， 呈現東方思想與民族氣韻，藉中國書法的美感，將京字演化為舞動的人形，藉漢字型態的神 韻，將主辦國對奧林匹克的千萬種表達濃縮於簡潔的篆刻中。 資料來源：2008 北京奧運官方網站 http://www.beijing2008.cn/. 32.
(43) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 圖 3-5 視覺傳達設計運用於平面文宣品之活動邀請卡. 數位影像應用： 1.左圖一起，單純利用 Illustrator 軟體完成，首先繪製多色矩形，排列成中文「華江」二字，加上 背景單純一底色。 2.首先利用數位相機拍攝適當的校景素材，利用 Photoshop 將影像飽和度調高看起來鮮豔，再使用 Illustrator 做圖文標題的排版。 3.利用 Photoshop 將校景圖做淡化高反差及灰階處裡，再將掃瞄手寫書法字體做反白色加邊框陰影 增加立體感，最後再使用 Illustrator 做圖文的整合及排版 4.如左圖二作法相同。 資料來源：台北市立華江高中. 作者：顏國榮. 圖 3-6 視覺傳達設計運用於活動海報、標誌實例. 數位影像應用：利用 Photoshop 軟體先行處裡花朵、地球、蝴蝶之透明度及背景天空層次，再繪上 帶透明度的側臉簡景並選擇光元效果。最後再存入 Illustrator 軟體排版文字及繪製大會主要標誌設 計。資料來源：作者顏國榮. 33.
(44) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 圖 3-7 平面設計運用於平面文宣品上之學校簡介. 數位影像應用：拍攝好的數位攝影圖檔進入 photoshop 編修調整並裁剪所需畫 面，再使用 Illustrator 繪製圓角矩形及裝飾分隔線，結合圖文排版。 資料來源：台北市立華江高中. 作者：顏國榮. 圖 3-8 視覺傳達設計運用於海報設計〈敬惜用紙〉. 數位影像應用：利用數位相機拍攝多張自行揉捏的紙團作為影像素材後，使用 photoshop 去背景， 調整對比與亮度，加上影子更具立體感。使用 Illustrator 描繪葉子，並複製安排葉子位置，最後將 紙團素材複製，排版加上文案。 資料來源：2001 年全國學生美展特優作者：郭曜豪. 34.
(45) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 圖 3-9 屬三次元傳播的視覺傳達設計運用於展示設計(一). 2008 年新一代設計展，台北實踐大學設計學院展場佈置 影像來源：本研究彙整. 圖 3-10 屬三次元傳播的視覺傳達設計運用於展示設計(二). 2008 年新一代設計展，新竹教育大學展場佈置 影像來源：本研究彙整. 圖 3-11 屬三次元傳播的視覺傳達設計運用於展示設計(三). 資料來源：本研究彙整 35.
(46) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 圖 3-12 屬三次元傳播的視覺傳達設計運用於展示與商品設計. 左圖以雲林古坑咖啡做完整的產品設計. 右圖為以環保風自創個人化品牌送禮商品. 資料來源：本研究彙整. 圖 3-13 屬三次元傳播的視覺傳達設計運用於展示與家具設計. 左圖為工業設計系所展場. 右圖針對幼稚園所設計的兒童遊戲家具. 資料來源：本研究彙整. 36.
(47) 數位影像於海報設計之創作研究. 第三章 數位影像於視覺傳達設計之探討. 雖然數位化科技媒體媒材有許多絢麗強大的功能，但畢竟是作為完成設計工 作可選擇的眾多工具之一，並無法完全取代創作者在設計過程中最需具備的創 意。現今的設計工作者身處數位化革新的強大浪潮中，且有了強大且便利的數位 科技能讓所有的創意構思被體現，最重要的是要以最開放、誠心的態度吸收新知 學習，並以理性的工作態度與智慧來解決設計問題，並需時時檢視是否對於數位 影像、媒材、科技的過度依賴。好的視覺傳達設計需有著誠懇紮實的基本功及良 好的創意特徵，而這要素應有： １．具原創精神的視覺呈現，無前例可循。 ２．具有強烈的視覺吸引力，整體呈現美感與張力的視覺構成。 ３．傳達單純的意念，直接命中核心不會令人產生模擬兩可的歧異解讀。 ４．構思巧妙，作品具有多層次的解讀趣味。 ５．觀者認定的創意作品，必然碰觸到其心靈而造成感動。(陳信文，2008)從前面 歸納及案例中，得出創意的感受來自於跳脫習以為常的慣性認知，產生新鮮的觀 點與視覺經驗，觀者透過作品的形式與內容來領略設計者所欲傳達的意念。視覺 傳達設計作品最終是必定以視覺的形式呈現，而產生新的視覺經驗有幾個原則， 其一是另類觀點，透過改變看事情的角度會創造出尋常事物，不尋常的感受的創 新觀點；其二是聯結，創造複合式意涵，透過不同含意的相加產生質變，而新生 的意涵直指表達的題旨，這種變化的巧妙會令人有創新感受產生。畢竟就設計而 言，若缺乏自身的創意與對外的良好溝通，所有的美感呈現並只會是流於一種技 術上的精良技術罷了，並不易具有感動人的價值。. 3-2. 構成內容之分析 自古以來有不少的哲學家、思想家或藝術工作者試圖運用科學的方法和理性 的分析，來了解各種藝術形式的基本元素，從柏拉圖對視覺感官的不信任一直到 近代佛洛伊德精神分析理論的應用以及自洛克以來不停成長茁壯的視覺心理研 37.
Outline
相關文件
Miroslav Fiedler, Praha, Algebraic connectivity of graphs, Czechoslovak Mathematical Journal 23 (98) 1973,
The original curriculum design for the Department of Construction Engineering of CYUT was to expose students to a broad knowledge in engineering and applied science rather than
• Each student might start from a somewhat different point of view and experience the encounters with works of art and ideas in a different way... Postmodern
Boston: Graduate School of Business Administration, Harvard University.. The Nature of
Type case as pattern matching on values Type safe dynamic value (existential types).. How can we
Experiment a little with the Hello program. It will say that it has no clue what you mean by ouch. The exact wording of the error message is dependent on the compiler, but it might
engineering design, product design, industrial design, ceramic design, decorative design, graphic design, illustration design, information design, typographic design,
To convert a string containing floating-point digits to its floating-point value, use the static parseDouble method of the Double class..
