數位影像處理 (Image Processing) 是目前視覺傳達設計功能最迅速強大的設 計方式,以往以手工繪製、拼貼或噴修才能完成建構圖像手法,現今已可利用功 能強大的電腦影像軟體來達成;根據美國商業周刊1996 年的一次調查統計,1986 年美國國內 86 % 的設計師以傳統印前模式從事平面設計工作,到了 1996 年則 只剩下不到 3% 的設計師還以傳統模式從事平面設計工作了(方彩欣,2000) 。科 技進步的壓力改變了設計習慣,身為設計工作者也必須認清並接受並隨時學習新 的電腦科技。讓觀賞者能有耳目一新的視覺感受。
3-1. 視覺傳達設計之涵義
本節預計在視覺傳達設計專業的書籍與文獻研究中,期歸納、釐清視覺傳達 設計的定義與它所涵蓋的範圍。
視覺傳達設計一詞開始流行於1960 年在日本東京舉行的世界設計大會,與會 的設計師都體認到不斷擴大的影像媒體中,視覺和影像已經作為獨立的傳達手段 而存在了。(李硯祖,2002)而要探討「視覺傳達設計」的定義前,首先從「設計」
的定義開始。「設計」二字來自於拉丁語Designare,可翻譯為設計師或繪圖員。在 英文意涵,設計可以表示計畫、方案、目標、提綱、過程(動詞用法),意即構思 計畫,其中包含想法及發展過程;另外亦可表示草圖、模型、主題、裝飾、視覺 構圖、風格(名詞用法),意即繪圖,因為它經由圖畫、主題及視覺構圖以落實一 個方案。而王受之提出「設計」是一種計畫、規劃、設想、問題解決的方法,通
傳達出來。
現在的視覺設計已經超出二維空間的範圍,「平面設計」這個名詞已不能全含括這
而資訊化社會中,視覺傳達設計的主要課題,便是在這個複雜的社會組織與 錯綜複雜的視覺環境中,針對新的資訊化動態而構築新的價值體系,並開發新的 傳達系統,以配合新的價值體系。在設計領域中,建立意義性、人性、創造性、
美感與現代意識貫通的新價值體系,應是今後的共同目標(佐口七朗,1990) 本研究以設計作品最終呈現維度的空間類型來做範圍的界定歸屬在二次元的傳播 的項目中,以平面的運用圖像為主。
圖3-1 海報設計陳俊良《久違了東風》
用極簡現代的風格重新詮釋東方味道。也就是說取東方的元素,過濾掉一些東方慣有的繁複與雜 質,以大量的留白與乾淨的畫面來呈現設計主題。用現代的眼光來詮釋東方之美,或是以東方的 元素予以西方現代的表現用現代的眼光來詮釋東方之美,或是以東方的元素予以西方現代的表現 資料來源:http://www.heyshow.com.tw
靳埭強受「台灣印象海報設計聯誼會」漢字主題邀請展的作品,以草書寫意的造型,形造山 巒之景,追求一種書畫的文化境界,
圖3-2 靳埭強《山》台灣印象海報設計聯誼會漢字主題 邀請展海報
圖3-3 標誌設計:2009 高雄世界運動會標誌
以漢字「高」字為設計題材,運甪書法力動筆勢,結合色彩繽紛的節慶彩帶舞動意象,傳達「和 諧、友誼、律動、飛躍、進步、歡樂」的概念,也象徵世界各地歡樂的運動能量串起高雄市、
匯聚在高雄,其中起筆點一抹旭日光緷與收筆處捲起的藍色浪花,具陽光城市與海洋首都之隱 意,韻動字型也有如選手邁步衝刺的亮麗身影。
資料來源:2009 高雄世運會網站 http://www.worldgames2009.tw/
圖3-4 標誌設計:2008 北京奧林匹克運動會標誌
設計的概念主軸為:「中國印‧舞動的北京」,將肖形印、中國字和五環徽有機地結合起來,
呈現東方思想與民族氣韻,藉中國書法的美感,將京字演化為舞動的人形,藉漢字型態的神
圖3-5 視覺傳達設計運用於平面文宣品之活動邀請卡
數位影像應用:
1.左圖一起,單純利用 Illustrator 軟體完成,首先繪製多色矩形,排列成中文「華江」二字,加上 背景單純一底色。
2.首先利用數位相機拍攝適當的校景素材,利用 Photoshop 將影像飽和度調高看起來鮮豔,再使用 Illustrator 做圖文標題的排版。
3.利用 Photoshop 將校景圖做淡化高反差及灰階處裡,再將掃瞄手寫書法字體做反白色加邊框陰影 增加立體感,最後再使用 Illustrator 做圖文的整合及排版
4.如左圖二作法相同。
資料來源:台北市立華江高中 作者:顏國榮
圖3-6 視覺傳達設計運用於活動海報、標誌實例
數位影像應用:利用Photoshop 軟體先行處裡花朵、地球、蝴蝶之透明度及背景天空層次,再繪上 帶透明度的側臉簡景並選擇光元效果。最後再存入Illustrator 軟體排版文字及繪製大會主要標誌設
計。資料來源:作者顏國榮
圖3-7 平面設計運用於平面文宣品上之學校簡介
數位影像應用:拍攝好的數位攝影圖檔進入photoshop 編修調整並裁剪所需畫 面,再使用Illustrator 繪製圓角矩形及裝飾分隔線,結合圖文排版。
資料來源:台北市立華江高中 作者:顏國榮
圖3-8 視覺傳達設計運用於海報設計〈敬惜用紙〉
數位影像應用:利用數位相機拍攝多張自行揉捏的紙團作為影像素材後,使用photoshop 去背景,
圖3-9 屬三次元傳播的視覺傳達設計運用於展示設計(一)
2008 年新一代設計展,台北實踐大學設計學院展場佈置 影像來源:本研究彙整
圖3-10 屬三次元傳播的視覺傳達設計運用於展示設計(二)
2008 年新一代設計展,新竹教育大學展場佈置
影像來源:本研究彙整
圖3-11 屬三次元傳播的視覺傳達設計運用於展示設計(三)
圖3-12 屬三次元傳播的視覺傳達設計運用於展示與商品設計
左圖以雲林古坑咖啡做完整的產品設計 右圖為以環保風自創個人化品牌送禮商品 資料來源:本研究彙整
圖3-13 屬三次元傳播的視覺傳達設計運用於展示與家具設計
雖然數位化科技媒體媒材有許多絢麗強大的功能,但畢竟是作為完成設計工
究…等等。 而「構成」乃是訴諸視覺的一種造形活動,其要素應是純粹或抽象的。
因此,其表現與研究常以幾何造形為主。構成除了表達視覺效果之外,還重視精 神力學的組織,即「知」的直觀操作,並非單純的圖案可以相提並論。另外,當 構成為無目的的活動時,它是藝術表現的範圍;若為有實用目的的活動時,則屬 於設計的領域。(蘇筱雯,2001) 在設計的領域中,與造形、構成有關的因素,都 屬於平面設計探討的內容,原則上平面造形領域有形態、質感、色彩、光、明暗、
構圖、空間等基本元素。造形的研究是以思考性去判斷、試驗、製作而得來,因 此,基於分析的思考下,平面構成的創作必須著重於設計作品的「構成原理」、「構 成條件」、「構成形式」及「構成要素」四種。以下就四種平面構成表達方法來探 討:
3-2-1. 構成原理─美的形式原理
形式原理又名構成原理(Principal of Construction),亦可稱為「視覺形式原理」
是探討一切事務的形態和結構的原理。構成的主觀性:依創作者的審美意識去論 定。而構成的客觀性:依自然性屬美的事物,如形、色、光 影、質地等的組織關 係去論定。
在美的經驗與感覺中能形成可供依循的原理,依據此原理可作為造形表達標 準,它是一種融合感性的捕捉與理性的判斷得來的。根據美學的追求,對於設計 的構成有遵循的法則,以審美價值觀為主,就是構成原理。
當各類型是發展越完備與多樣時,人類便發現形式所呈現出的樣式與美感之 間的關係,進而運用邏輯性的思考去整理形式與美感之間的表現,如此美的形式 便漸漸發展成形。(顏國榮,2002)美的形態的產生,必非偶然或是刻意造成的,是
視事物對美感反應的恆常特性,深入體會分析,做有組織、統整、有系統的研究
7.調和(Harmony):又稱為和諧,即構成組合物的相互協調關係。當兩個以上的 構成要素之間,彼此在質與量方面皆具有秩序及統一的效 果,同時也有安靜及舒適的感情者皆可稱之為調和。(林品 章,1991)
8.放射(Radiation):各形式以一個中心點為依據,而使所有形象向中心集中或由中 心向四周發散。(王無邪,1974)
10.統一(Unity):指在複雜的創作中,找尋一種共通性以統一整體,使整體不至 於雜亂無章。
11.比例(Proportion):當構成要素的大小、長短,輕重的部份與部份,或部分與 全體的質與量,達到一定或明確的數的秩序,將會得到美 的平衡感;此時,這數的秩序可能稱之為美的比例。
(林品章,1991)
12.單純(Simplicity):運用簡化的元素(如造形、色彩)構成樸素、溫和、平靜的感覺。
在最簡化的形態中,表現溫和平靜,樸素無華的美感。
上述就美的形式原理依其構成特徵約略分類為十二項,然而形式原理也因 時、因人而有所增遞,但仍具備相當程度的關聯性、相互牽引。而且一件美的事 物往往也包含數種不同的形式原理(圖 3-14),而帶給視覺多樣統一性(Unity of Multiplicity)的舒適美感。(邱永福,1997)
漸變形式 放射形式 放射形式
漸變形式 律動形式 反覆形式
反覆形式 調和形式 單純形式
比例形式 對比形式
3-2-2. 構成條件─點線面
「點、線、面」一直是造型的基礎,也是建構繪畫的最基本組成條件。一幅 作品、一件雕塑以及一座建築的構成,是由這三種抽象的元素組合而成,若我們 能將其中抽象型態加以分析,不難從原理中創出新的抽象型態。而康丁斯基在其 所著的<點、線、面>一書中提到:點、線、面是構成圖形的基本元素,其構成 方法是抽象的,即孤立於物質的面和形的實在環境之外。由此可知,點、線、面 是各種形態構成的基本架構,在構成的應用上,可依其特殊的個性構成各種變化 的平面圖形,是平面構成不可缺少的元素。
點移動成線,線移動成面,面的移動則成立體。本研究著重在探討平面設計
點移動成線,線移動成面,面的移動則成立體。本研究著重在探討平面設計