VCD 視覺傳達設計
WEEK01

VCD 講義區 / 第一週

視覺傳達設計課程總覽Course Overview — From Poster to Identity

起點・認識課程Part A 海報Part B 識別閱讀約 25 分鐘20 個互動練習
01

什麼是視覺傳達設計?

Visual Communication Design

視覺傳達設計,就是用看得見的形式,把一件事說清楚、說得有感覺。圖像、文字、色彩與版面是我們的語言;海報、標誌、指標、包裝、網頁,都是說話的地方。

這個名字有點長,我們先把它拆成三個詞。點一下卡片翻面,看看每個詞真正的意思。

拆開來看:視覺 × 傳達 × 設計

一句話定義

視覺傳達設計=為特定的對象,有計畫地用視覺語言,把訊息變得看得見、看得懂、記得住,甚至讓人採取行動。

為什麼需要設計?同一份資訊比比看

下面是一份老街夜市的活動資訊。切換「沒設計」與「有設計」:資訊一個字都沒少,差在哪裡?

湖口老街夜市

每週六 18:00–22:00

新竹縣湖口鄉湖口老街

美食・手作市集・街頭音樂

主辦:湖口老街商圈發展協會

沒設計:每一行都一樣重要

所有字一樣大、一樣顏色,眼睛不知道先看哪裡。資訊雖然完整,但路過的人 3 秒內抓不到重點,很容易就走過去了。

有設計:做了四件事

  1. 層級:活動名稱最大,時間第二,其他資訊最小。
  2. 對比:深色底配亮色字,遠遠就看得到。
  3. 圖像:兩個燈籠圓形,馬上讓人聯想到「夜市」。
  4. 色彩:暖色調給人熱鬧、溫暖的感覺。

這只是一個示意,不是真實活動。重點是:設計不是裝飾,而是幫訊息排好先後順序。

視覺語言工具箱:五種「詞彙」

寫文章要用字詞,做視覺傳達就要用這五種視覺語言。每個分頁都可以動手試試看,看它怎麼改變一個畫面的感覺。

一個訊息是怎麼被「傳達」的?

先選一個情境,再點選每一格,看看一個訊息從「想說」到「被看懂」要經過哪些環節。紅框那一格,就是設計師的工作。

互動|傳達的六個環節PICK A CASE · CLICK EACH STEP
好設計的三個關卡
  • 看得見:在一堆東西裡,它有被注意到嗎?(對比、尺寸、位置)
  • 看得懂:對方能正確理解意思嗎?(層級、圖像、文字清楚)
  • 記得住、會行動:看完會記得、會照做嗎?(獨特、有感覺、指示明確)

這學期每個作業,都可以用這三關和上面的六個環節來檢查。

02

視傳設計的領域:比你想的還要多

Fields of VCD

只要有東西「要讓人看懂」,就有視傳設計。我們把它分成四大類、十六個領域,你每天其實都在使用它們。

視傳系主要教平面設計、識別、包裝、環境視覺與編排;工業設計、數位媒體、時尚等方向,很多學校會另外設科系深入。點選下面四大類,可以篩選領域。

互動|領域地圖:點選卡片看詳細介紹16 FIELDS

今天,你看過幾個視傳設計?

回想從起床到現在,勾選你今天真的有看到的東西。

分類小遊戲:它屬於哪一類?

8 題・選出最主要的類別1 / 8

你會發現很多東西不只屬於一類:一個手搖飲品牌,有標誌(符號識別)、杯子(包裝)、菜單(印刷)、App(數位)。這就是「識別系統」的概念——下半學期我們就要做一整套。

03

視傳系畢業可以做什麼?

Career & Industry

視覺傳達設計是一種「幫別人把話說清楚」的專業。幾乎每個產業都需要溝通,所以視傳的工作非常多元:可以在設計公司、在企業裡,也可以自己接案。

三種工作環境

點開每一張卡,看看在那裡工作是什麼樣子、適合什麼樣的人。

TYPE 01設計製作公司設計公司・廣告公司・品牌顧問
日常
同時處理好幾個不同客戶的案子,從提案、修改到完稿,節奏快、截止日多。
適合
喜歡變化、想快速累積作品、能接受團隊分工與被指正的人。
優點
案子類型多元,資深設計師帶著做,成長最快。
挑戰
時間壓力大,要學會跟客戶溝通與時間管理。
TYPE 02企業的設計部門又稱 in-house 設計師
日常
長期經營同一個品牌:活動主視覺、社群圖、包裝、門市物料、簡報等。
適合
喜歡深入了解一個品牌、重視穩定、願意跟行銷與業務部門合作的人。
優點
對品牌理解最深,能看到設計長期累積的成果。
挑戰
風格相對固定,要主動學新東西避免停滯。
TYPE 03個人工作室/接案自由工作者 freelancer
日常
自己找案子、報價、溝通、設計、收款,一個人就是一間小公司。
適合
有明確個人風格、自律、會經營自己(作品集、社群)的人。
優點
時間與案子自己選,可以做自己喜歡的類型。
挑戰
收入不固定,業務、合約、稅務都要自己處理。通常先有幾年公司經驗再出來比較穩。

一個設計案子怎麼跑?

不管在哪裡工作,一個案子大致都會經過這八個步驟。用左右按鈕一步一步看,注意右邊「這學期你會練到」的部分。

職業探索:12 種視傳工作

互動|先選 1–3 個你喜歡做的事,再點職業看詳細INTERESTS → ROLES

能力自評:你現在在哪裡?

拖動滑桿,誠實評估自己現在的狀態(1=還很陌生、5=很有信心)。沒有標準答案,學期末再回來看一次,比較自己的進步。

更完整的產業與職業介紹:視傳系職涯|產業與職業介紹 ↗。課堂另有「視覺傳達設計職能介紹講義」與「視傳職能分析表」,請到 Moodle 下載。

04

這學期怎麼走:一張海報、一套識別

Semester Map

這是一年級的基礎課。上半學期練「圖像」:做一張參加國際海報競賽的海報;下半學期練「系統」:替一個公共場域重新設計識別。

18 週地圖|滑過或點選看每週內容W01 — W18
起點Part A 圖像創意設計(海報)Part B 識別再設計

海報 vs 識別:差在哪裡?

海報 Poster
識別 Identity
目的
讓一件事在三秒內被看見、被記住
讓一個地方在每個角落都被認出來
數量
一張(或一系列)
一整套:標誌、色彩、字、指標、應用
態度
放大、裁切、衝突、驚喜
收斂、對齊、規範、一致
關鍵能力
觀察、聯想、符號與象徵
調查、定位、系統化、規範
做法
個人創作
2–5 人小組合作
兩者的共通點

都從「把複雜的意思,壓縮成一個簡單的形」開始。海報裡練好的符號能力,就是下半學期設計標誌的基本功。

05

Part A|圖像創意設計:國際海報競賽

W01 — W09 · Poster

海報是視覺傳達最純粹的練習:一張紙、一個主題、一個想法。這學期我們用國際海報競賽當作練習目標,作品要能跟全世界的學生放在一起被看。

六個步驟

  1. 海報認識|海報競賽認識好海報長什麼樣子?國際競賽怎麼徵件、怎麼評?→ 海報競賽認識
  2. 觀察、聯想與想像認識海報設計師,練習從一個物件長出很多想法。→ 設計師的認識
  3. 圖像的符號與象徵把意思壓縮成一個形:替代、結合、矛盾、隱喻。
  4. 圖像造形設計與海報創作手法構圖、裁切、比例,以及字體與圖像的關係。
  5. 完稿製作與修正尺寸、出血、解析度、色彩模式,準備投件檔案。
  6. 成果展示投件、互評與展示,說出你的創作理念。

一張海報的三層閱讀

3 秒|看見

路人只會瞄一眼。能抓住目光的是圖像、色彩與對比——大圓、黑方塊、強烈的紅。圖像夠不夠強,決定別人會不會停下來。

30 秒|看懂

停下來之後,他會讀標題與副標,理解這張海報在說什麼。圖與字要說同一件事,最好還有一點「啊哈!」的轉折。

3 分鐘|記住

真正有興趣的人才會靠近看細節與資訊:日期、地點、單位。資訊要清楚但不搶戲,放在一致的位置。

要認識的國際海報競賽

國際上有五個歷史悠久的海報大展,常被並稱為「世界五大海報展」;另外也有適合學生參加的競賽。詳細介紹與歷屆得獎作品請看 海報競賽認識。

波蘭・雙年展華沙國際海報雙年展Warsaw International Poster Biennale
墨西哥・雙年展墨西哥國際海報雙年展BICM,1990 年開始
日本・三年展富山國際海報三年展IPT,設有 U30+ 學生類
芬蘭・三年展拉赫第國際海報三年展Lahti,創立於 1975 年
美國・雙年展科羅拉多國際海報雙年展Colorado International Invitational Poster Exhibition
德國・學生友善紅點設計獎品牌與傳達設計類,另有 Junior Award
台灣・學生台灣國際海報新星獎Taiwan Postar,台灣海報設計協會主辦
台灣・學生臺灣國際學生創意設計大賽教育部主辦,設有視覺類

本學期實際參加哪一個競賽、徵件主題與截止日,以老師課堂公告為準。上面示意海報的日期只是範例。

先認識三位海報設計師

Josef Müller-Brockmann瑞士・1914–1996

瑞士國際主義風格(Swiss Style)代表。用網格、幾何與無襯線字,讓海報像音樂一樣有秩序。

網格幾何無襯線字秩序
Swiss Style 介紹 ↗
橫尾忠則 Tadanori Yokoo日本・1936–

把普普藝術、拼貼與日本傳統圖像混在一起,色彩鮮豔、畫面熱鬧,打破「設計要乾淨」的想像。

拼貼普普鮮豔傳統圖像
作品集(WikiArt)↗
Alejandro Magallanes墨西哥・1971–

大量手繪、幽默與文字遊戲,用簡單的符號組合出意想不到的意思,是練習「聯想」的好範本。

手繪幽默符號文字遊戲
Diseño de Cartel(Behance)↗

上方色塊是風格示意,不是設計師的作品;請點連結看原作。延伸:橫尾忠則 Book Design ↗

06

Part B|識別再設計:期末作業

W10 — W18 · Identity

選一個真實存在的場所、地點或園區,替它重新規劃整套視覺:讓第一次來的人找得到路、記得住名字、願意帶一樣東西回家。

四個步驟

請選擇一個主題來設計,以一個場所(例:觀光工廠)、地點(例:湖口老街)或園區(例:大湖酒莊)為設計對象,規劃它適合且必須的相關設計,對整體視覺傳達設計建立更明確的認識與設計概念。

選題前,先用下面的「選題檢核器」測一下你的候選題目。

必要項目

識別基礎標誌、標準字、色彩規劃、象徵圖形
指標系統指示標誌、遊園圖、導覽地圖
簡介導覽手冊封面與內頁、DM
特色商品商品規劃,含包裝設計

選題檢核器

互動|你的候選題目符合幾項?6 CHECKS

參考案例|學長姐與業界的識別再設計

看案例時,試著找出它的「系統」:標誌出現在幾個地方?色彩有幾個?指標上的字和標準字是不是同一套?

07

看看學長姐:新一代設計展

Young Designers' Exhibition

新一代設計展(YODEX)是台灣規模最大的設計系畢業展,大會與各系都會設計自己的主視覺。注意它們也是「一張海報+一套識別」:同一組圖形、色彩與字體,延伸成整個展覽的視覺。

2023 新一代設計展「原點 ORIGIN」系列海報
2023 新一代設計展大會主視覺「原點 ORIGIN」系列海報:同一套格線、色彩與字體,變化出三張海報——這就是識別系統的思考。
08

第一週任務

This Week

勾選會自動記在這台電腦的瀏覽器裡,下次打開還在。

任務清單
0 / 5

自我探索學習單

五題小測驗

1. 在傳達的六個環節中,設計師主要負責哪一步?

設計師把看不見的訊息「編碼」成圖像、文字與色彩。

2. 下列哪一項「不是」期末識別再設計的必要項目?

必要項目是:識別基礎、指標系統、簡介(導覽手冊/DM)、特色商品。

3. 一張海報在「3 秒」內最需要做好的是?

3 秒只夠「看見」,能抓住目光的是圖像與色彩。

4. 用網格、幾何與無襯線字聞名的瑞士設計師是?

Müller-Brockmann 是瑞士國際主義風格的代表人物。

5. 期末作業的分組人數是?

2–5 人一組,人數越多,設計項目越多。

09

延伸閱讀

Further Reading