The handout of the design method & skill course.

1. 設計理論與技法
臺灣科技大學． 2022.9.16．王思如
遠距教室：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. 看見色彩
光是視覺現象的主要媒體
眼睛受到光的刺激才能產生視覺
有了視覺才會看到色彩
Reference: https://www.gameislearning.url.tw/article_content.php?getb=4&foog=9998

8. 眼睛接收到
光線的形式
來區分
Reference: https://www.gameislearning.url.tw/article_content.php?getb=4&foog=9998
光源色
表面色
透過色

9. 原色是「原始」的顏色
由洋紅色Magonta Red
黃色Hanza Yellow和
青色Cyan Blue組成
無法透過混合其他顏色來調配出這些顏色
色料三原色

10. RGB色彩模式是由紅Red、綠Green和藍Blue調組成
這些色調組合在一起
可創造比CMYK色彩模式的色域更廣泛的顏色變化
此色彩模式僅存在於螢幕顯示中
例如電腦螢幕、行動裝置和電視螢幕等
色光三原色

11. 色彩三要素
Reference: https://www.poppyoh.com
Reference: https://cliffueng.pixnet.net/blog
色相
明度
彩度

12. 配色
法則
單色配色法 無彩配色法 相似色配色法
互補配色法 補色分割配色法 三等分配色法

13. 單色
配色法
Monochromatic Colors
#單一色相
#調整明度與彩度
#簡化設計而不單調

14. 無彩
配色法
Achromatic Colors
#白色
#灰色
#黑色

15. 相似色
配色法
Analogous Colors
#指定主色
#用相似色製造和諧美

16. 互補
配色法
Complementary Colors
#增強對比
#增加視覺強度

17. 補色分割
配色法
Split-Complementary Colors
#類似互補色
#柔和對比的強度

18. 三等分配
配色法
Triadic colors
#指定主色
#點綴襯托色

19. 色彩構成練習 1
調色板練習
條件：
Slide 16:9 橫幅矩形基底
水平分割成5區塊，各別填入5種顏色
選擇2種配色法則，調配2組調色板
練習區： https://reurl.cc/0XGaMY

20. 配色
網站
https://colorsupplyyy.com/app

21. 配色
網站
https://www.colourlovers.com/

22. 色彩的意義
“
Reference: https://www.shutterstock.com/zh-Hant/blog/complete-guide-color-in-design

23. 紅色
#食慾 #興奮 #焦慮 #刺激 #冒
險 #挑釁 #戰爭 #憤怒 #危險
#喜慶

24. 橙色
#自信 #隨性 #新的開始 #智慧
#魅力 #創造力 #豐收

25. 黃色
#歡樂 #幸福 #能量 #榮耀 #忠
誠
#安全 #溫馨

26. 綠色
#成長 #和諧 #清新 #生育 #和
平
#希望 #永續 #環保

27. 藍色
#平靜 #憂鬱 #正直 #真理 #鎮
靜
#理性 #科技 #男性化 #專業

28. 紫色
#權力 #高貴 #奢華 #野心 #智
慧
#尊嚴#獨立 #創造力 #神秘
#悲傷 #皇室 #前衛

29. 粉色
#女性化 #玫瑰色 #有元氣
#使人快樂 #甜美 #邪惡趣味
#性別平權

30. 白色
#善良 #天真 #純潔 #貞節 #乾
淨
#醫療 #冷靜

31. 黑色
#權力 #優雅 #禮儀 #死亡
#邪惡 #神秘 #非常正式 #典雅
#威望 #悲傷

32. 色彩構成練習 2
幾何分割配色練習
條件：
Slide 16:9 橫幅矩形基底
將基底進行幾何分割
從調色板練習中，挑選一組配色
填入分割的區塊中
完成的作品給一個命名
練習區： https://reurl.cc/0XGaMY

33. 3:45｜評圖
從班上同學的作品中挑選：
兼具主題性與美感的
幾何分割配色x3
#評價1 #評價2 #評價3

34. 課程作業
“

35. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
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 林韋均

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

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