The handout of the design method & skill course.

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

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

3. 課程
規劃 2/18
設計的本質
設計
思維
2/25
平面構成
3/4
色彩構成
造型
法則
3/11
視覺美感
3/18
傳達設計
3/25
傳達設計
測試
4/8
立體構成
4/15
造型語言
4/29
生活經驗
收集
設計
思考
5/6
洞察與命題
5/13
設計概念與
情境
5/20
概念原型
5/27
原型測試
6/10
概念調整與
提案
4/22
隱喻設計

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

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

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

7. 課堂筆記與心得
請以小組為單位，彙整該堂課的上課筆記
評分的重點是「心得收穫」
整理成1~2頁A4檔案(word, pdf皆可)
隔天17:00前放上
雲端硬碟/課堂筆記與心得
(檔名格式：Week 1_Team 1)
遲交者視同沒交
筆記與心得成績將影響該階段組員的成績
第1週 第2週 第3週 第4週 第5週
- Team 1 Team 2 Team 3 Team 4
第6週 第7週 第8週 第9週 第10週
Team 1 Team 2 Team 3 Team 4 Team 1
第11週 第12週 第13週 第14週 第15週
Team 2 Team 3 Team 4 Team 1 Team 2
筆記資料不只是把白板上的紀錄重現
更需要梳理成自己的詮釋。

8. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告
日期
報告同學
原研哉 2/25 Winny
盐田千春 3/4 Winny
草間彌生 3/11 邱戴萌
Jonathan Hoefle (Netflix) 3/18 徐克祈
Ian Spalter (Netflix) 3/25 李靖彤、林威均
Ludwig Mies van der Rohe 4/8 張琪悅、林雅璇
Philippe Starck 4/15 馮品瑄
深澤直人 4/22 陳品涵、黃如玨
村田智明 4/29 吳冠儀、胡博翔
Tim Brown (TED) 5/6 林楷哲、林炯勛
Timothy Prestero (TED) 5/13 蔡晏慈
Tony Fadell (TED) 5/20 張睿麟
Paul Bennett (TED) 5/27 張育瑋
Don Norman (TED) 6/10 林子愉

9. 參考書籍
方法集錦：
• 設計的方法，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
課堂不用特定教科書。
透過這堂課建構自己的知識系統。

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

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

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

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

14. 自我評量 同理心
觀察力
好奇心
挫折忍受力
領導力
啟發力
創造力
表達力
空間佈置
開放的心胸
1 2 3 4 5
你的角色
A=
B=
C=
D=
E=
姓名：
排序法評量：
自評最好的3項能力給5分
自評次好的3項能力給4分
其餘的以1分自評

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

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

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

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

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

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

21. 分組
每週的小組角色
都可以調整
組別 1 2 3 4
導演 張睿麟 徐克祈 林炯勛 李靖彤
副導演 蔡晏慈 林雅璇
研究員 張育瑋 吳冠儀 胡博翔 林子愉
設計師 林威均 陳品涵 邱戴萌 黃如玨
看護人 張琪悅 馮品瑄 林楷哲 陳主安

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

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

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

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

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

27. 平面構成
• 設計的形式原理
• 平面構成元素
• 平面構成練習

28. 設計的
形式原理
重複 對稱 對比 平衡
比例 協調 強調 韻律

29. 重複
將元素或主題
有規則的輪流、重複編排
Reference:https://www.invisionapp.com

30. 對稱
在中心軸的兩側
將元素進行相同方式的排列
Reference: https://uxmisfit.com/

31. 對比
將不同元素並列在一起
來點綴出他們的差異
用以創造視覺上的亮點
Reference: https://www.invisionapp.com

32. 平衡
將設計元素
以對稱或不對稱的方式排列
使之創造出
在重量或重要性上的
同等印象
Reference: https://www.invisionapp.com

33. 比例
物件在尺寸或數量上
形成整體與部分的關係
Reference: https://www.invisionapp.com

34. 協調
元素的排列
使得觀者感受到
每個部分皆來自於
有條理的整體
Reference: https://design.tutsplus.com/

35. 強調
強化元素的設計
使其中關鍵的部分
浮出於整體的脈絡中
Reference: https://www.invisionapp.com

36. 韻律
使用不斷重複的元素
來引領視覺
產生有秩序的焦點
Reference: https://mariannatressou.wordpress.com/

37. 平面
構成
元素
點 線 面

38. 點
位置、與環境的比例
力的中心
構成：等點構成、網點構成

39. 線
以一定的寬度表現
性質：直線、曲線
構成：粗細、疏密、不規則

40. 面
線移動的軌跡
有形象感的實體稱為「圖」
而把形象周圍的空間稱為「地」
構成：幾何形的面、自然形的面、
人造形的面、偶然形的面。

41. 平面構成練習 1
線構成
條件：
10條等粗的直線
在8 x 8 cm 矩形基底
構成黑白圖稿
練習12組
從中挑選最滿意的完成的作品
給一個命名

42. 平面構成練習 2
點線面構成
條件：
運用手上的材料
在黑色矩形基底
構成能表現「你個人特質」的意象圖
練習1組
為你的作品給一個命名

43. 20分鐘後｜評圖
從班上同學的作品中挑選：
兼具主題性與美感的作品x3
#評價1 #評價2 #評價3

44. 課程作業
“

45. 課堂筆記與心得
請以小組為單位，彙整該堂課的上課筆記
評分的重點是「心得收穫」
整理成1~2頁A4檔案(word, pdf皆可)
隔天17:00前放上
雲端硬碟/課堂筆記與心得
(檔名格式：Week 1_Team 1)
遲交者視同沒交
筆記與心得成績將影響該階段組員的成績
第1週 第2週 第3週 第4週 第5週
- Team 1 Team 2 Team 3 Team 4
第6週 第7週 第8週 第9週 第10週
Team 1 Team 2 Team 3 Team 4 Team 1
第11週 第12週 第13週 第14週 第15週
Team 2 Team 3 Team 4 Team 1 Team 2
筆記資料不只是把白板上的紀錄重現
更需要梳理成自己的詮釋。

46. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告
日期
報告同學
原研哉 2/25 Winny
盐田千春 3/4 Winny
草間彌生 3/11 邱戴萌
Jonathan Hoefle (Netflix) 3/18 徐克祈
Ian Spalter (Netflix) 3/25 李靖彤、林威均
Ludwig Mies van der Rohe 4/8 張琪悅、林雅璇
Philippe Starck 4/15 馮品瑄
深澤直人 4/22 陳品涵、黃如玨
村田智明 4/29 吳冠儀、胡博翔
Tim Brown (TED) 5/6 林楷哲、林炯勛
Timothy Prestero (TED) 5/13 蔡晏慈
Tony Fadell (TED) 5/20 張睿麟
Paul Bennett (TED) 5/27 張育瑋
Don Norman (TED) 6/10 林子愉

47. 課程
預告
當代大師
盐田千春
造型法則
色彩構成
請攜帶筆電

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