The handout of the design method & skill course.

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

2. 王思如
Winny Wang
學歷：義大利Domus Academy．Master in Business Design、
交通大學應用藝術研究所(工業設計組)碩士、
大同大學 工業設計系 工學士。
專長：使用者經驗研究(user experience research)、
體驗設計(experience design)。
經歷：2004, 震旦辦公傢俱，產品設計師。
2007-2012, 應用劇本實驗室，設計研究員。
2008-2014, 易禧創意科技，設計方法講師。
2013-2017, 美思科技，醫材創新與服務設計部主任。
2013至今, 臺灣科技大學 設計系，業師。
2017至今, 應用劇本實驗室，設計總監。
2020至今, 服務策略顧問

3. 設計理論與技法
設計能力需要理論支撐、也需要鍛鍊技法與思維
“
課 程 介 紹

4. 課程
規劃 9/8
設計的本質
設計
思維
9/15
A. 平面構成
9/22 (線)
B. 色彩構成
造型
法則
10/6
C. 立體構成
10/13
D. 造型語言
10/20
E. 漸變演化
10/27
F. 隱喻設計
11/3
G. 傳達設計
11/10
H. 視覺美感
11/17
生活經驗
收集
設計
思考
11/24
洞察與命題
12/1
設計概念與
情境
12/8
概念原型
12/15
原型測試
12/22
概念調整與
提案

5. 課堂練習
從練習中
培養美感的鑒賞力

6. – 上課不遲到不早退，是尊重其他同學的受教權
(時間到準時開課，遲到2次視同缺課1次)
因為我們課堂上有大量的分組互動與討論
– 作業準時交並全力以赴
(作業遲交視同沒交)
業師身分開的這門課，將帶領各位用實務模式學習
真實的世界要求的是負責任的態度
– 若你無法全程參與所有的練習，請放棄這這堂課
(不合理的缺課二次，直接當掉)
(請假必須提早請假，不接受當天臨時請假)
既然是必修課，就紮實的學習！
尊重自己、尊重同學、尊重這門課
反思
學習
積極
提問
投入
參與
約法三章

7. 課程評量
分組：
4-5人一組進行材料共享、設計思考的團隊共創
選課評估：
這門課不用花錢買教材
但是要有500的預算
準備課堂練習用的材料與工具
評分標準：
到課與上課表現 10%
學習心得 10%
主題報告 10%
課堂練習 50%
設計思考產出 20%

8. 課堂筆記與心得
每堂課分配1組同學
輪流製作學習心得
每人一段文字
隔天17:00前放上 Notion
遲交者視同沒交
第1週 第2週 第3週(線) 第4週
- Team 1 Team 2 中秋假期
第5週 第6週 第7週 第8週
Team 3 Team 1 Team 2 Team 3
第9週 第10週 第11週 第12週
Team 1 Team 2 Team 3 Team 1
第13週 第14週 第15週 第16週
Team 2 Team 3 Team 1 Team 2

9. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/8 Winny
草間彌生 9/15 Winny
盐田千春 9/22 Winny
Ludwig Mies van der Rohe 10/6
Philippe Starck 10/13
Zaha Hadid 10/20
深澤直人 10/27
Davide Bonazzi 11/3
Jonathan Hoefle (Netflix) 11/10
村田智明 11/17
David Kelley 11/24
Bill Moggridge 12/1
川上賢司 12/8
Tim Brown 12/15
Don Norman 12/22

10. 參考書籍
方法集錦：
• 設計的方法，Bruce Haningto，ISBN：9789866408588
• 設計的法則，William Lidwell，ISBN：9789866408304
• 圖解設計思考，Ellen Lupton，ISBN：9789862721247
• 好設計，4個法則就夠了，Robin Williams， ISBN： 9789862354551
思維啟發：
• 物裡學，李明璁，ISBN：9789573264866
• 你可以這樣找創意，Keri Smith，ISBN：9789867247919
創新思維：
• 設計思考改變世界，Tim Brown，ISBN：9789570836554
• 思考的脈絡，蕭瑞麟，ISBN：9789864790760
• 劇本導引，余德彰、林文綺、王介丘，ISBN：9789570406221
資訊視覺化：
• 知識之美，DAVID MCCANDLESS，ISBN：9787121309144
課堂不用特定教科書。
透過這堂課建構自己的知識系統。

11. 課程互動
平台
課程網站
上課講義教材都在這
課程作業雲端硬碟
作業繳交處
課程即時溝通 Line
請假、課程公告、提問

12. Q&A
對於上課內容與方式，有任何問題嗎？
在我的課堂上：
– 必須要不斷的自省吸收
– 必須要積極的發言提問
– 必須要投入參與實作

13. 分組
全班分成3組，每組4-5人
“

14. 決定未來的10種人
The Ten Faces of Innovation
作者： 湯姆．凱利
原文作者： Tom Kelley
譯者： 林茂昌
出版社：大塊文化
出版日期：2008/03/28
ISBN：9789862130506

15. 自我評量
排序法評量：
自評最強的能力給10分
自評最弱的能力給1分
你的角色
A=
B=
C=
D=
E=
姓名：
同理心 好奇心
觀察力 開放的心胸
領導力 啟發力
創造力 表達力
空間佈置 挫折忍受力
7 2
9 8
5
1
0
6 3
4 1

16. 學習類
角色
人類學家
- 觀察力
- 田野調查
- 定義問題
認為無論公司多
成功都不應自滿，
對新見解保持開
放心胸，協助團
隊免落入自以為
是的陷阱。
實驗家
- 好奇心
- 不怕犯錯
- 樂於動手做
異花授粉者
- 開放的心胸
- T型人
- 融會貫通

17. 組織類
角色
跨欄運動員
- 挫折忍受力
- 掌握機會
- 較少資源做更多事
他們懂得為好的
構想去爭取時間、
注意和資源。
共同合作人
- 領導力
- 善用團隊的力量
- 共同合作
導演
- 啟發力
- 鼓舞他人
- 組織人才

18. 建造類
角色
體驗建造師
- 創造力
- 找到服務升級點
- 使用者經驗
應用學習類角色
所開發的創意，
加上從組織類角
色所取得的權力
管道，來實現創
新。
舞台設計師
- 空間佈置
- 營造創新氛圍
- 打造舞台
說故事的人
- 表達力
- 用故事打動人心
- 善用各種媒介
看護人
- 同理心
- 很會照顧人
- 傾聽需求

19. 自我評量
排序法評量：
自評最強的能力給10分
自評最弱的能力給1分
你的角色
A=
B=
C=
D=
E=
姓名：
同理心 好奇心
觀察力 開放的心胸
領導力 啟發力
創造力 表達力
空間佈置 挫折忍受力
7 2
9 8
5
1
0
6 3
4 1

20. 自我評量
排序法評量：
自評最強的能力給10分
自評最弱的能力給1分
你的角色
A=
B=
C=
D=
E=
姓名：
同理心 好奇心
觀察力 開放的心胸
領導力 啟發力
創造力 表達力
空間佈置 挫折忍受力
王思如
7 2
9 8
5
1
0
6 3
4 1

21. 自我評量
排序法評量：
自評最強的能力給10分
自評最弱的能力給1分
你的角色
A=
B=
C=
D=
E=
姓名：
同理心 好奇心
觀察力 開放的心胸
領導力 啟發力
創造力 表達力
空間佈置 挫折忍受力
王思如
23
14
11
18
20
7 2
9 8
5
1
0
6 3
4 1
D.E.
D.E.
A.
C.
E.
C.D.
A.
A.B.
C.B.
B.
A= 導演
B= 副導演
C= 設計師
D= 研究員
E= 看護人
導演

22. 角色分配
徵招3位導演
由各組導演招募1名研究員
另外2-3位成員扮演組內的
設計師、看護人、副導演
導演
共同合作、
組織型、
激勵團隊
副導演
共同合作、
組織型
研究員
凡是好奇、
觀察敏銳、
善於文字
設計師
樂於動手做、
創造性、
善於圖像
看護人
樂於助人、
照顧人

23. 分組
每週的小組角色
都可以調整
組別 1 2 3
導演
副導演 - -
研究員
設計師
看護人

24. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/8 Winny
草間彌生 9/15 Winny
盐田千春 9/22 Winny
Ludwig Mies van der Rohe 10/6
Philippe Starck 10/13
Zaha Hadid 10/20
深澤直人 10/27
Davide Bonazzi 11/3
Jonathan Hoefle (Netflix) 11/10
村田智明 11/17
David Kelley 11/24
Bill Moggridge 12/1
Tony Fadell (TED) 12/8
Tim Brown 12/15
Don Norman 12/22

25. 25
Kenya Hara
原研哉
畢業於武藏野美術大學
日本平面設計大師
日本設計中心代表
無印良品（MUJI）藝術總監
2021年為小米集團設計新LOGO

26. 設計是一種教養
原研哉心中設計的定位，他認為「設計師」不該是
社會中特殊的行業，設計更不該讓人難以親近，設
計品也不僅是「禮品」。設計應該是一種教養，就
像是公德心、禮貌般，是能隨時掛在嘴邊，是能環
繞在日常生活之中，是能無聲無息影響著人們的生
活的。
設計應成為一種普羅大眾的「教養」，而不是那些
擁有造形力素質的人們才能活用的「能力」。
Reference: PPAPER

27. 「白並非肉眼能及，而是感受到隱藏於色彩之中真正的白。」
所謂的白超脫顏色範疇，昇華至空間的無機、乃至於心靈層
次的餘裕。原研哉與藤井保(無印良品御用攝影師)在2003年
合作，為無印良品設計的品牌視覺海報可說體現這樣的哲學，
被地平線切開的兩個色塊中，隱藏著極小的人或物件，對比
出天地人之間的蒼茫與瞭望。
Reference: https://www.ppaper.net/page/1313
無印良品
品牌海報

28. 原研哉設計事務所為梅田醫院設計的視覺指示系統。梅田醫
院是一家婦科及兒科的專科醫院。考慮到孕產婦在醫院度過
的這段時間需要營造出一種溫馨的氣氛，因此指示標誌本身
是用布料製作的，而且該標誌是可以洗滌的。之所以特意使
用了不耐髒的白色棉布，就是想通過保持潔白的標誌，向到
醫院來的人傳遞醫院對於空間管理的專業性這一概念。
Reference: AD518
梅田醫院
視覺指示系統

29. 原研哉認為科技越是進化，越接
近生命的型態，因此提出了
「Alive（生命感）」的設計概
念，並根據這一概念推導出極具
實用性的理想圖形設計。
在圓形和正方形之間嘗試各種形
狀後，通過一個數學公式
「 |x|^n + lyI^n= 1」將各
種變量n帶入其中，產生了一系從
正圓到正方形逐漸過渡的形狀。
Reference:品牌癮
小米LOGO

30. 設計的本質
What is DESIGN?

31. What is
DESIGN?

32. 2010-2020
第四次工業革命
物聯網、人工智慧、生物科技、自駕車等智能型科技的演化，將
人類帶進智能化的工業革命中，
工業設計史
9
2010/氣炸鍋 2010/體感裝置
2017/Switch遊戲機
2016/打敗第一
圍棋棋士
2013/停止營運
2006｜ Facebook 對大眾開放、任天堂發布 wii、Google 收受購 Toutube
2007｜ iPhone 發表上市
2001｜ 第一代iPod上市、推出維基百科網站服務
2008｜ 特斯拉推出第一輛純電動跑車、Airbnb網站成立
2009｜ 比特幣成為第一個去中心化的加密貨幣、Netflix>10萬部電影
2007/iPhone 2006/wii 2006/Facebook
2022｜OpenAI 推出大型語言模型ChatGPT

33. 1962-1965
普普運動
從美國大眾文化中獲得的啟發，旨在使藝術更接近普通人
1925-1939
裝飾藝術
儉樸的日常用具中，透過機械化的美，帶給使用者一種純粹、輕
鬆、乾淨的幸福感
1960-1990
後現代主義
反思現代主義，主張多元性與不確定性
10
1991｜
IDEO
設計思考的創造者
1967｜Jonathan Paul
Ive
前蘋果首席設計師
1941｜James Dyson 勇敢跳進未知
1935｜Don Norman UX大師
1973-1979｜石油危機
1939-1945｜第二次世界大戰
1964-1969
歐普運動
透過使用精密和數學，鮮明對比和抽象形狀，創造出一種獨特的
藝術風格
1960-1975
極簡主義
摒棄作品中豐富多彩的具體內容，偏向極端純淨和幾何抽象性
1960｜第三次工業革命

34. 第一次工業革命
11
人類生產逐漸轉向新的製造過程，出現了以機器取代人力、獸力的趨勢，
以大規模的工廠生產，取代個體工場手工生產的一場生產與科技革命
1760-1830
1893-1986｜Raymond Loewy 美國工業設計之父
1910-1930
現代主義
源於工業化所帶來的社會改變，以科學為基礎，重視理性與邏輯，
實驗探証
1880-1910
新藝術運動
為大眾創造現代優雅感，以及此風格充滿實驗性、複雜性，
不適於量產，進而價格高貴
1850-1900
美術工藝運動
提倡手工藝、反對機械化，提倡工匠精神，力倡回歸自然
藝術應為眾人所分享
1919-1933｜
Bauhaus
現代設計鼻祖
1914-1918｜第一次世界大戰
1870｜第二次工業革命

35. 工業革命
工業設計史
Reference: https://reurl.cc/pWjg7x

36. 工業革命前的世界
1760年前
人類的生產製造主要是仰賴人力、畜力，水力和風力
製造的規模都是來自家庭式的手工坊
當時小型的工廠會需要依河或溪流而建

37. 第一次工業革命的機械化
1760~1840
從機器取代人力、獸力
大規模工廠取代個體手工坊
蒸汽機的發明和改進，工廠不再依河或溪流而建

38. 第一次工業革命的重要發明
1760~1840
年份：1712
事件：蒸汽機
科系：機械系
年份：1733
事件：飛梭
科系：機械系
年份：1765
事件：珍妮紡紗機
科系：機械系
年份：1778
事件：抽水馬桶
科系：機械系
年份：1781
事件：改良蒸汽機
科系：機械系
年份：1798
事件：平版印刷
科系：傳播系
年份：1797
事件：螺絲切削工具機
科系：機械系
年份：1807
事件：蒸汽輪船
科系：造船系
年份：1812
事件：科爾尼鍋爐
科系：機械系
年份：1814
事件：蒸汽火車
科系：機械系
年份：1815
事件：礦工燈
科系：化工系
年份：1837
事件：電報機
科系：資工系

39. 第二次工業革命的電氣化
1870~1914
電力的應用帶動更多新科技的發展
高效能鋼鐵帶來了鐵路的大發展
第二次工業革命，讓戰場上的人們擁有了更高效的軍事武器
工人階級之後，逐漸有專業知識的中產階級出現

40. 第二次
工業革命
1870~1914
鋼鐵
鐵路
電力
化學品的發展
• 電力應用發展（電燈）
• 工業中心的人口增加
• 許多政府利用關稅
保護本國經濟
• 工人階級人數增加
逐漸有專業知識的
中產階級的出現
• 以消費者為基礎的
物質文化的發展
社會變化
• 電力、內燃發動機
• 新材料：合金(鋁)、化學
品(合成纖維)
• 通信技術：電報、無線電
• 煉鋼技術的突破：
蒸汽機運輸更快更便宜
重要的新技術
• 燃油蒸汽渦輪機
• 內燃驅動的船
• 飛機的發展
• 汽車的商業化
• 消費品的大量生產
化學、電器、石油生產
和鋼鐵行業等領域都有
巨大的創新

41. 4次
工業革命
1760
1870
1960
2011

42. 設
計
的
本
質
設計的行為：有目標和計畫的進行創作
設計的目標：以人為本，為未來提供更好的生活樣貌

43. 43
原研哉
我們觀看世界的視角與感受世界的方法可能有千萬種，只要能夠下
意識地將這些角度和感受方法運用到日常生活中，就是設計。
“

44. 44
Don Norman
設計，關注物品是如何運轉，如何操控，
以及人和技術之間互動的機理。
“

45. 45
Steve Jobs
Design is not about how it looks and feels,
but how it works.
“

46. 課程作業
“

47. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/8 Winny
草間彌生 9/15 Winny
盐田千春 9/22 Winny
Ludwig Mies van der Rohe 10/6
Philippe Starck 10/13
Zaha Hadid 10/20
深澤直人 10/27
Davide Bonazzi 11/3
Jonathan Hoefle (Netflix) 11/10
村田智明 11/17
David Kelley 11/24
Bill Moggridge 12/1
川上賢司 12/8
Tim Brown 12/15
Don Norman 12/22

48. 課程
預告
造型法則
平面構成
當代大師
草間彌生 攜帶用具：
- 黑色的簽字筆或原子筆
- 15cm以上的尺

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