視覺傳達設計概說

視覺傳達設計領域包含一般的商業設計和公共性、文化性的設計，範圍相當廣泛；

視覺傳達設計一詞可拆成「視覺－傳達－設計」三個部分來看，它是一種設計，屬於視 覺性的設計，又加上傳達（communication）一詞，和傳播、通信、聯絡、溝通、交流等 意義相近，其語源出自拉丁文的 commuis，即英文的 commom 之意，是指人與人的交流 中，所交換的「共同」的東西，如情報或訊息、知識、構想、意見和態度。因此，陳俊 宏和楊東民（2008）提到「視覺傳達設計是一種處理視覺訊息之傳遞或溝通的設計，亦 即是將資訊轉換成視覺性符碼，以利傳達給受訊者，並和受訊者產生溝通的設計，它的 重點應該放在傳達和溝通上，而非商業性或文化性的比較。」

一、何謂視覺傳達 Visual Communication

以影像為中心的視覺傳達，隨著傳播科技的開發而不斷地進展，我們被各種資訊所

視覺傳達，必須由發訊者把所要傳達的內容以視覺化的符碼來表示，並且受訊者能

（一）進退感覺：不同的色彩給我們的距離感覺不一樣，當兩個色彩排在一起且背景為 同一顏色時，會覺得其中一色距離我們較近，另一色比較遠。比背景色感覺突出，這個 色彩稱為「前進色」，相反的，比背景色感覺更後面的色彩則稱為「後退色」，一般來說，

紅色、黃色是前進色，青色、綠色是後退色，明度高和彩度高的色彩都具有前進的感覺，

而明度低和彩度低而濁的色彩則感覺後退。

圖 2-10 色彩進退感所產生的空間效果

資料來源：鄭國裕 林磐聳，2002，《色彩計劃》

（二）輕重感覺：色彩能使人看起來有輕重的感覺，明度愈高，感覺愈輕快，有不安定 感。相反的明度愈低則感覺比較沉重，有穩重感，日常生活中，講求速度的飛機，外觀 就是採用明度最高的白色，來象徵飛機的輕巧，而保險櫃則常以重色塗裝，就是色彩感 覺輕重的最佳例子。在同一明度和同一色相的條件下，彩度高的感覺較輕，彩度低則感 覺越重，暖色系的感覺也較輕，而寒色系的色彩感覺較重。 

        圖 2-11 輕重感覺之配色 

資料來源：鄭國裕 林磐聳，2002，《色彩計劃》

（三） 大小感覺：具有前進性的暖色，有擴散感，看起來要比實際還大些，是色彩膨脹  的感覺。後退性的寒色，具有收歛性，看起來比實際小些，是色彩收縮的感覺，所以在 服裝上，運用膨脹收縮的特性改變體型外觀的例子也很多，將黃色與藍色二個顏色疊在 一起時，黃色看起來會較具膨脹感，藍色則是收縮，因此黃色看起來會比原來面積大一 些，藍色看起來則是比原來面積小一點，若是同一個色相時，高彩度的色彩會比低彩度 的色彩，看起來比較具有膨脹感。 

  圖 2-12 大小感覺之色彩 

來源：http://blog.roodo.com/feefam/archives/3129357.html

（四）冷暖感覺：色彩有不同的溫度感覺，有的感覺溫暖，有的感覺寒冷，有些則是中 性，這些感覺經驗，是很多人所共有的，這是所謂的「共感覺」。長波長的色彩是暖色，

如紅、橙、黃等色，給人溫暖的感覺，短波長的色彩則是寒色，如青、青綠、綠青等色，

給人寒冷的感覺，另外，當明度增高或降低時，任何色彩都會失去它原有的溫度特性有 有中性的感覺，高彩度的色彩更會拉大冷暖的感覺，原本較暖的色彩變的更暖，原本是 寒冷的色彩變的更寒冷，而彩度越低時，無論是暖色或寒色都會越少有溫度的感覺特 性，反而更趨近中性。 

        圖 2-13  暖色與涼色圖例 資料來源：鄭國裕 林磐聳，2002，《色彩計劃》

另外，有些色彩有味覺感，會給人酸、甜、苦、辣的感覺，例如能促進食慾的顏色 是奶油色、枯黃色，因此在食品的包裝設計上，可以發揮這種色彩的傳達功能，以潛在 的暗示或味覺的誘惑吸引消費者。 

      酸      甜 

      苦      辣 

圖 2-14 酸甜苦辣之色彩味覺感    資料來源：鄭國裕 林磐聳，2002，《色彩計劃》

      在色彩的傳達性中也有包括色彩聯想和色彩意象，即色彩所表現的意義、表情與 感情。色彩聯想指的是和色彩結合的觀念，或者是從色彩所引發出來的各種觀念，也就 是把色彩與生活環境或生活經驗有關的事物聯想在一起，色彩聯想的內容可分成兩種：

一種是由色彩聯想為具體的物品，例如黃色聯想到香蕉，綠色聯想到草原，紅色聯想到 蘋果。另一種是由色彩聯想為抽象的觀念或情感，例如白色聯想到純潔，黑色聯想到死 亡，紅色想到熱情，  這種抽象的聯想若變成共通的經驗和反應，則變成色彩的專有表 情，所以利用色彩的聯想所做出的視覺傳達能讓人更容易瞭解與記憶。 

色彩意象是指對色彩的觀念、判斷、喜好和態度，所強調的是心境、感想上認識的 內容；簡言之，就是色彩讓人產生的心理感覺和感情。在日常生活中，我們常使用各種 形容詞來表現事物的意象，而形容詞經常可以正確地傳達事物所蘊含特質或予人之心理 感受，例如「時髦的」衣服、「高雅的」餐廳，「羅曼蒂克」燭光晚餐等（陳俊宏，1988）。

另外，色彩具備訊息傳達的機能，要能更快速的傳達訊息，包括更快的視認及更快 的判讀，要更正確的傳達訊息則是更容易判讀及更容易記憶，並且可以利用以下的幾點 特性（工業設計全集編輯委員會，1982）：

（一）視認性（Visibility，容易視認）：所謂視認性，簡言之就是一件東西，在多遠的距 離，我們可以認知它，其距離越遠，就代表視認性越佳。例如：從遠處觀看戶外標幟 或戶外廣告，因為距離的關係，有些色彩可以看得很清楚，有些則看不清楚，這就是視 認性。日本學者塚田敢曾以檢查視力用的 Landolt C 字環，做過配色的視認性研究，其 視認距離較佳之 10 組配色順序如下（塚田敢，1983）：

表 2-3 視認性配色順序

配色順序 圖例 配色順序 圖例

1.黑地黃圖 6.青地白圖

2.黃地黑圖 7.綠地白圖

3.黑地白圖 8.白地黑圖

4.紫地黃圖 9.黃地綠圖

5.紫地白圖 10.黃地青圖

資料來源：本研究製作整理

（二）易讀性（Legibility，容易判讀）：在視覺傳達設計當中，文字的閱讀是很重要的 因素，例如在包裝上的商品名稱、品牌名稱或內容標示等等；其中字體的大小、筆劃的 粗細與多寡，以及圖與地的明度差等，都會影響到易讀性，特別是背景或文字加上色彩 的時候，其色彩效果會因數字、文字、符號等等之單純或複雜，而產生易讀性的差異。

易讀性的研究結果是：1.圖有彩色而地無彩色，比地有彩色而圖無彩色的易讀性高 2.背 景黑色時，各純色的易讀性序位如下：黃、黃澄、黃綠、澄、紅、綠、紅紫、青綠、青 紫、紫。背景為白色時，其順序剛好相反（塚田敢，1983）。易讀性較佳的配色順序如 下：

表 2- 4 易讀性配色順序

配色順序 圖例 配色順序 圖例

1.黃底黑字 6.青底白字

2.黑底黃字 7.黃底青字

3.白底綠字 8.白底青字

4.白底紅字 9.黑底白字

5.白底黑字 10.黃底綠字

資料來源：本研究製作整理

（四） 識別性（Identity，容易區別）：同時使用多種色彩時，賦予各色不同的意義，避  免各色之間的混亂，以區別不同的東西，這就是色彩的識別性。例如德國郵局以鮮明奪 目的黃色作為標準色，形成強烈識別的視覺效果。 

圖 2-15  色彩識別性圖例   資料來源：鄭國裕 林磐聳，2002，《色彩計劃》

（五） 注目性（Attention，容易引起注意）：一般工業產品的開關或會動的部分，往往 

5.高彩度的色彩記憶率高。

6.清色比暗色或濁色容易記憶。

7.華麗的色調比樸素的色調易於喚起腦中的記憶。

8.因背景的不同，記憶性的變化很大。例如無彩色的記憶效果就差，但黑白灰假若與其 他的色彩合用，就可提高它們的記憶率。

9.暖色系的純色要比同色的高明度色彩記憶性高，而冷色系的純色則與同色的高明度色 彩記憶效果大致相同。

10.色彩單純型態簡單的，要比色數多而型態複雜的容易記憶。

視覺傳達設計（Visual Communication Design）這一術語的流行始於 1960 年，當時 在日本東京舉行了世界設計大會，與會者都體認到在不斷擴大的影像媒體中，視覺和影 像已作為獨立的傳達手段而存在。由此開始形成一種更能得到、也更應得到充分表現的 設計，概括而言即為「視覺傳達設計」。其內容包括：報章雜誌、招貼海報及其他印刷 宣傳物設計，還有電影、電視、電子廣告牌等傳播媒體，它們把有關內容傳達給眼睛，

從而進行造型性的表現性設計，簡言之，視覺傳達設計是「給人看的設計，告知的設計」

（李硯祖，2002）。視覺傳達設計是處理視覺訊息之傳遞與溝通的設計行為，例如街頭 的海報柱。

圖 2-16  歐洲街頭造形優美的海報柱   資料來源：林俊良，2004，視覺傳達設計概說 

視覺傳達設計是透過視覺媒介表現並傳達的設計，其領域隨著科技的進步、新能