課程資訊
課程名稱
視覺識別設計
Visual Identity Design 
開課學期
101-1 
授課對象
 
授課教師
林柏涵 
課號
Thea1115 
課程識別碼
109 15100 
班次
 
學分
全/半年
半年 
必/選修
選修 
上課時間
星期三7,8(14:20~16:20) 
上課地點
 
備註
於計資212教室上課。兼為藝術設計學程課程。學程學生優先選課。兼通識A1*。。A1*:文學與藝術領域。可充抵通識
總人數上限:50人 
Ceiba 課程網頁
http://ceiba.ntu.edu.tw/1011visual_design 
課程簡介影片
 
核心能力關聯
核心能力與課程規劃關聯圖
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

“Design is a language. Like other languages it has a vocabulary, grammar, syntax, rhetoric.”
_ Just because something is legible doesn’t mean that it communicates; it could be communicating the wrong thing.

造形的設計在探討設計符號、文化和生活經驗認知之間的相互關係。
而「設計符號」的展現是「生活符號的延伸」,而「生活符號」來自「生活、感官經驗」上的感動與觀察,若無「生活、感官經驗」的「共相」,「設計」是無法達到有效的溝通與認同。
 

課程目標
讓學生了解編排設計的表現形式與訊息內容之間的關係,同時練習在表現形式、目的性與功能用途間進行整合和平衡的工作。藉此了解傳播理論、視覺傳達、清楚編排原則、認識你的預設觀眾、以及掌握溝通傳播的目的,並創造出知覺性的主觀視覺效果。
同時,對於資訊的被使用性而言,溝通設計(Communication Design)領域中,資訊設計(Information Design)亦被定義為:針對特定的標的使用者,對一系列資訊建構一合理的邏輯結構,進而讓使用者產生理解、認知與學習的行為。其設計目的大部分在為了強化物件使用者對產品的信任度,例如醫療產品包裝上的介紹說明,機場或地鐵中的環境引導標示,資訊產品相關使用手冊,或是飛機艙門上的緊急開啟說明等。所以,只有當使用者完全理解並相信這些說明性資訊後,才能驅使使用者放心地使用產品。換句話說,因為使用者需要非常明確地獲得並信任這些說明性資訊,資訊設計必須設法將這些資訊透過有效的途徑傳遞給標的使用者。
 
課程要求
 
預期每週課後學習時數
 
Office Hours
另約時間 
指定閱讀
【創新的擴散】,Everett M. Rogers 著,唐錦超 譯,遠流出版公司,
ISBN: 957-3-5908-7
【簡單的法則】,John Maeda 著,黃秀媛 譯,天下文化,
ISBN: 978-986-417-879-7
【好設計不簡單】,Donald Norman 著,卓耀宗 譯,遠流出版公司,
ISBN: 978-957-32-6869-7
 
參考書目
 
評量方式
(僅供參考)
 
No.
項目
百分比
說明
1. 
期中作業 
30% 
Book Cover Design 
2. 
期末作業 
40% 
Personal Identity System 
3. 
課程參與 
30% 
 
 
課程進度
週次
日期
單元主題
第1週
9/12  課程簡介與視覺傳達(Visual Communication)概述 
第2週
9/19  Lecture_1,
“Communication Design 概述”
• 認知(content)與設計(form)之間的關係探討
* 生活經驗與感官認知、情感設計(emotional Design)
 
第3週
9/26  Lecture _2,
“編排設計(Editorial Design)概述”
• 設計之本質在建構新經驗,創造即做出新經驗。
• 對主體而言經驗是相對的。
• 長駐型經驗(舊經驗)與非常駐型(新經驗)。
[software] Adobe Illustrator ( I )
[software] Adobe Photoshop ( I )
 
第4週
10/03  Lecture _3,
“視覺傳達、編排設計(Editorial Design)與Typography 關係探討”_ 版面構成 課堂習作(一)
• 視覺傳達、編排設計與認知結構
• 編排設計(Editorial Design)中的“搭建空間 Structuring Space”_ 版面構成
[software] Adobe Illustrator ( II )
 
第5週
10/10  Lecture _4,
編排設計(Editorial Design)中的“製作頁面 Orienting On the Page”__ 版面構成 課堂習作(二)
課後習作(一):視覺閱讀動線
 
第6週
10/17  Lecture _5,
視覺傳達設計中的“Legibility and readability “
_Typeface & Layout Design
_With the given content, to call attention – in a personal way – to my client’s message.
_ Pictorial Considerations 圖像考量
_ Graphic Design is the intersection point between Art and Communication.
• 表徵系統
1. 動作表徵 2. 影像表徵 3. 符號表徵
[software] Adobe Photoshop ( II )
 
第7週
10/24  [ Trouble Shooting ] 期中作業
Mid-Term Project:
project 1: Book Cover Design _ layout design(期中作業)
_ Base on one paragraph ( no more 5 sentences) as abstract to develop series graphical elements( typeface and images), then, to create a book cover design.
Format:
1. Image resolution: 300 dpi
2. Paragraph (1-1): < 5 sentences
3. series images (1-2): > 5 works
4. book cover(1-3):front, side and back 
第8週
10/31  課堂習作(三)Pictogram and Icon Graphic
_ From Public Signage to Web Icons_ 符號與認知
[ 課後習作 ]
Symbol:
&#8226; For visiting guidance system 台灣大學 環境識別 x 1
圖書大樓, 行政大樓, 收發室, 警衛室, 廁所, 樓梯, 停車場
Icon:
&#8226; For Computer Operate System x1
Hard Disk, APPs(program), Trash, My Document, Folder
&#8226; For Computer (Meaning/ Mood/ Personal Cognition/ Stylish) x1
Sad, Right Now!, Scared!, Yes!, No!~
 
第9週
11/07  [ Grade ] 期中作業 
第10週
11/14  Lecture _6,
Typography 概述
_Type Specimen Settings : Serif fonts, Sans serif fonts
• Visual Language, Culture and Color
課後習作:Type as a graphic ( I )
 
第11週
11/21  Lecture _7 ,
編排設計(Editorial Design)中的“內文設計 Text Systems”
Dominant Colors and Responses
_ Context + Concept + Collaboration >> Communication
課後習作:Type as a graphic ( II )
 
第12週
11/28  Lecture _8,
Custom, web & Display Types
_ interface & User Interface
課後習作:Type as symbol
 
第13週
12/05  Lecture _9,
RE- DESIGN
_ CIS (VI, MI, BI)
_ BRANDING & VISUAL IDENTITY SYSTEM
• 品牌美學
• 品牌與色彩
Does one size fit all? (Visual Identity)
• 創新擴散理論 Diffusion of Innovations Theory (DIT)
許多創新,都是技術滿分,但商品化失敗,因為創新的主要敵人,不是技術,而是能否改變使用者的習慣。&#8232;&#8232;
- 創新
- 溝通管道
- 時間
- 社會體系
課後習作:Brand/ research & analysis
 
第14週
12/12  Lecture _10,
What’s the difference? (Behavior Identity)
&#8226; 行為識別
_ For every attribute, there is an opposite, effective attribute
&#8226; 認識消費者的情感
[ 鑑賞家 ]嬰兒潮世代(40-56歲):
[ 時髦追求者 ] X世代(28-39歲):
[ 創意客 ] Y世代(5-27歲):
&#8226; 品牌與信任
課後習作 :Mind Identity
_Statement & Concept Development
&#8226; 品牌理念、定位、核心價值與策略
_ The strategy to use depends on which rung you occupy on the ladder.
&#8226; Brand Name & slogan
_ The most powerful concept in marketing is owning a word in the prospect’s mind.
 
第15週
12/19  課堂習作(四)Personal Identity
_ Visual Design Applied to Concept (draft)
• 品牌標誌(LOGO)與其相關應用設計
• 品牌與界面(Interface), U.I. & G.U.I.
• 品牌視覺與媒體(print, web, video & digital media)
• 品牌視覺與系統化
• 品牌標誌(LOGO)與使用(禁用)規範
 
第16週
12/26  [ Trouble Shooting ] 期末作業
Final Project:
Personal Identity System
• Purpose : Personal Promotion/ introduction
• Basic System (Logo, typeface & primary color) & Application System ( Business Card )
• submit: Logo in color and B&W, Business Card (front & Back)
• format: A3 x 1
 
第17週
1/02  課堂習作(五)Personal Identity
_Logo Design in Black & White
 
第18週
1/09  [ Grade ] 期末作業