The handout of the design method & skill course.

1. 設計理論與技法
臺灣科技大學． 2022.10.14．王思如
遠距教室：https://meet.jit.si/DMS_CC

2. 課程
規劃 9/16
設計的本質
設計
思維
9/23
色彩構成
9/30
平面構成
造型
法則
10/7
視覺美感
10/14
傳達設計
10/21
傳達設計
測試
10/28
立體構成
11/4
造型語言
11/25
生活經驗
收集
設計
思考
12/2
洞察與命題
12/9
設計概念與
情境
12/16
概念原型
12/23
原型測試
12/30
概念調整與
提案
11/11
漸變演化
11/18
隱喻設計

3. 分組
每週的小組角色
都可以調整
組別 1 2 3 4
導演 徐鉉秝 楊傑凱 吳崇綸 黃中道
副導演 閻碩 楊子慶
研究員 陳柏豪 陳昆樂 陳昱婷 宋揚
設計師 陳冠亘 吳俊霆
Dorothy
Schesly
Jourdelan
謝博傑
看護人 林韋均 劉柏劭 邱耑萌 張家瑜

4. 課堂筆記與心得
每堂課分配ㄧ位同學
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
雲端硬碟/課堂筆記與心得
(檔名格式：week 01_Team 1)
遲交者視同沒交
第1週 第2週 第3週 第4週
- Team 1 Team 2 Team 3
第5週 第6週 第7週 第8週
Team 4 Team 1 Team 2 Team 3
第9週 第10週 第11週 第12週
Team 4 Team 1 Team 2 Team 3
第13週 第14週 第15週 第16週
Team 4 Team 2 Team 3 everyone

5. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/16 Winny
盐田千春 9/23 吳崇綸、黃中道
草間彌生 9/30 陳昆樂
Jonathan Hoefle (Netflix) 10/7 陳柏豪
Ian Spalter (Netflix) 10/14 徐鉉秝、陳冠亘
Ludwig Mies van der Rohe 10/21 陳昱婷、張家瑜
Philippe Starck 10/28 邱耑萌
Zaha Hadid 11/4 劉柏劭
Norman Foster 11/11 宋揚
深澤直人 11/18 楊傑凱
村田智明 11/25 閻碩
Tim Brown (TED) 12/2 楊子慶
Timothy Prestero (TED) 12/9 Dorothy
Schesly
Jourdelan
Tony Fadell (TED) 12/16 吳俊霆
Paul Bennett (TED) 12/23 謝博傑
Don Norman (TED) 12/30 林韋均

6. 傳達設計
• 符號學
• 資訊視覺化
• 事拾圖
• 服務櫃檯設計觀察

7. 符號學 Semiotics
Reference: https://designcrushblog.com/category/create/illustration/page/3/

8. 什麼是符號
符號、符徵、符旨
在腦裡
被理解的
Sign
符號
樣貌 意涵
=
Signifier
符徵
Signified
符旨
任意的對應關係
鑰匙/開啟

9. 構成符號
三要素
代表物、詮釋項、對象
代表物
Represent
amen
詮釋項
Interpre-
tant
對象
Object
反映出
符號的模樣
類似符徵的意思
符號使用者所理解的心理概念
即類似符旨
符號所指涉的外部事實
Sign
符號
鑰匙 開啟 關鍵
是一種與鎖對應的
用以開鎖的工具

10. 構成符號
三要素 代表物
Represent
amen
詮釋項
Interpre-
tant
對象
Object
反映出
符號的模樣
類似符徵的意思
Sign
符號
這間公司的從A到Z的
產品都有販售
箭頭也代表著微笑
箭頭端像是側面的小酒窩
亞馬遜公司
顧客購買他們產品的快樂

11. 符號三性質 第一性（Firstness）：符號給予的情緒感受
例如：「鑰匙」通常出現在日常居家中有一種回來的歸屬感
第二性（Secondness）：符號指涉的事實層面
例如：「鑰匙」是用來開啟一個被保護的空間的重要工具
第三性（Thirdness）：符號所涉及的關聯，通常是一種社會文化的成規。
第三性其實同時包含著第一性和第二性，我們可以把第三性想成「經驗、關
聯、情境、脈絡」等等的心理狀態，我們是把第一性和第二性放入這些心理
狀態來理解符號。
例如：「鑰匙」在英文裡又有關鍵的意思

12. 符號的類型
符號指涉對象的三種邏輯
像似符號（Icon）
與指涉的「對象」樣貌接近，照片也可以視為一種像似符號，而語言中
的「狀聲詞」也算是一種像似符號。像似符號所代表的對象相對具體明
確，在詮釋上通常也是被詮釋為對象本身，因此算是最常被運用的符號
類型。
指示符號（Index）
與指涉的「對象」有某種關聯，而我們在解讀時是基於這種關聯來了解
指涉的對象為何。
規約符號（Symbol）
與指涉的「對象」本身毫無關聯，我們是透過某種機制（習慣或社會文
化等等）將兩者連結在一起，所以和前兩者符號不同，如果沒有特別學
習這種機制，就難以辨識規約符號。
相機
相機

13. 符號的類型
符號指涉對象的三種邏輯
像似符號
（Icon）
Ex:印刷機
指示符號
（Index）
Ex:印刷
規約符號
（Symbol）
Ex:圖片

14. 資訊圖像化 Infographics

15. 為什麼需要
資訊圖像化
人類利用視覺獲取的資訊量
遠遠超出其他器官
而資料視覺化
正是利用人類天生技能
來增強資料處理和組織效率
?

16. 兩種
視覺化
數據視覺化
Data Visualization
資訊圖像化
Infographics
將原始數據以圖表呈現
傳遞資訊
客觀表現
將故事以圖像呈現
提供立場
主觀詮釋

17. 兩種
視覺化
數據視覺化
Data Visualization
資訊圖像化
Infographics

18. 事拾圖
用來觀察事件的整體、從中挖掘洞見，以提供分享給關係人
“

19. 事拾
圖
Reference:日本未來大學, 岡本誠教授, 外國語學習研究
互動場景
成果評比
工具格式
溝通
空間佈局
使用工具
活動模式
現場
研究對象
一日行程
對象
操作細節
互動細節
經驗
主題
摘要
成員
Reference:日本未來大學, 岡本誠教授, 外國語學習研究

20. 事拾
圖

21. 事拾
圖

22. 事拾
圖

23. 事拾
圖

24. 觀察法
田野研究的基本功
“

25. 觀察前的準備

26. 觀察不同人的差異
製作顧客圖鑑

27. 觀察時要注意的事項

28. 觀察環境裡的
使用情形

29. 觀察時間軸的脈絡
製作觀察筆記

30. 服務櫃檯
設計觀察
30分鐘的觀察與紀錄
回教室後小組進行15分鐘的分享
每人製作一張A4事拾圖
摩斯漢堡 萊爾富便利商店 郵局 路易莎

31. 服務櫃檯的
經驗故事
每人回想 1 則自己過去
在業務服務櫃檯
的經驗故事
必須是自己真實經歷的經驗故事
典型的
樣態
關鍵的
活動
深刻的
經驗
正面的
模式

32. 經驗故事
表單
兼任老師
Winny
在路易莎排隊等點餐，看著牆上的菜單
決定要喝什麼，走到貝果櫃旁邊，對紅
色的貝果感興趣，但是不確定是什麼口
味，伸手取起櫃檯的菜單查看，推測應
該是紅麴蔓越莓貝果。
點餐前的準備

33. 經驗故事
表單
兼任老師
Winny
在路易莎排隊等點餐，看著牆上的菜單
決定要喝什麼，走到貝果櫃旁邊，對紅
色的貝果感興趣，但是不確定是什麼口
味，伸手取起櫃檯的菜單查看，推測應
該是紅麴蔓越莓貝果。
點餐前的準備
幫助我們對於現場可被
觀察的元素有預先的期
待與假設

34. 觀察什麼
櫃檯環境
• 牆面上的資訊
• 檯面上的工具
• 檯面上的資訊
• 環境聲音
服務流程
• 結帳的標準流程
• 輔助提供服務的物件
• 服務人員的配備
• 服務櫃檯區的關鍵時刻
服務物件
• 形象物件
• 互動物件
• 資訊物件
• 金流工具
觀察要點小貼士
請研究員主持討論
設計師彙整6項觀察要點
製作成觀察要點小貼士
關於提供服務的活動
質化脈絡
的觀察
微數據的
量化採集

35. 服務櫃檯
設計觀察
30分鐘的觀察與紀錄
回教室後小組進行15分鐘的分享
每人製作一張A4事拾圖
摩斯漢堡 萊爾富便利商店 郵局 路易莎

36. 組內分享 整理觀察到的現象
Reference: https://studyinsweden.se/blogs/2018/04/30/designing-design-research/

37. 拆解
調查現場的
現象資訊
觀點
事實
描述
發生什麼事、現象
事件的脈絡：時間、空間
事件中的元素：種類
數據 項目 數量
= x
量化圖表呈現關係或屬性
敘事內容用圖像符號表達
敘述事實內容裡的觀察與發現
現金支付x2
悠遊卡x6
專屬appx1
Apple Pay x1

38. 數據
視覺化
資料
收集
資料盤點
資料
呈現
產生觀點
分類資料
- 符號比喻
- 圖像說明
意義展現

39. 事拾圖練習
• 每人製作一張A4事拾圖
彙整4大面向的敘事視角
用圖像表達來陳述田野事實

40. 繪製事拾圖
將觀察現場採集到的資訊
每人製作一張A4事拾圖
彙整4大面向的敘事視角
用圖像表達來陳述田野事實

41. 事拾圖整合
請導演主持討論
將組員們的事拾圖進行整合重組
設計師拼貼完成一張小組事拾圖

42. 課程作業
“

43. 課堂筆記與心得
每堂課分配ㄧ位同學
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
雲端硬碟/課堂筆記與心得
(檔名格式：week 01_Team 1)
遲交者視同沒交
第1週 第2週 第3週 第4週
- Team 1 Team 2 Team 3
第5週 第6週 第7週 第8週
Team 4 Team 1 Team 2 Team 3
第9週 第10週 第11週 第12週
Team 4 Team 1 Team 2 Team 3
第13週 第14週 第15週 第16週
Team 4 Team 2 Team 3 everyone

44. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/16 Winny
盐田千春 9/23 吳崇綸、黃中道
草間彌生 9/30 陳昆樂
Jonathan Hoefle (Netflix) 10/7 陳柏豪
Ian Spalter (Netflix) 10/14 徐鉉秝、陳冠亘
Ludwig Mies van der Rohe 10/21 陳昱婷、張家瑜
Philippe Starck 10/28 邱耑萌
Zaha Hadid 11/4 劉柏劭
Norman Foster 11/11 宋揚
深澤直人 11/18 楊傑凱
村田智明 11/25 閻碩
Tim Brown (TED) 12/2 楊子慶
Timothy Prestero (TED) 12/9 Dorothy
Schesly
Jourdelan
Tony Fadell (TED) 12/16 吳俊霆
Paul Bennett (TED) 12/23 謝博傑
Don Norman (TED) 12/30 林韋均

45. 課程
預告
造型法則
傳達設計測試
預先下載app: Canva
當代大師
Ludwig
Mies van der Rohe

46. 設計理論與技法
臺灣科技大學． 2022．王思如