SlideShare a Scribd company logo
設計理論
與技法 王思如
2021.10.8
色彩構成
2
課程規劃
設計
思維
造型元素與設計法則
用戶體驗設計
(智慧生活)
設計的
本質
9/24
平面構成
10/1
傳達設計
10/22
傳達設計
測試
10/29
造型語言
11/12
生活經驗
收集
12/3
洞察
與命題
12/10
概念原型
12/24
原型測試
1/7
概念調整
與提案
1/14
設計概念
與情境
12/17
隱喻設計
11/19
色彩構成
10/8
(個人) (小組)
遊戲設計
11/26
立體構成
11/5
視覺美感
10/15
3
分組
Team 1 Team 2 Team 3 Team 4
導演 石乃耘 李修竹 陳柔羽 謝芝嫻
研究員 陳妙佳 陳丹 鄭宇劭 蔡旻潔
設計師 黃永約 蘇玉君 林家煒 朱亭宇
看護員 李亦婷 伍欣湉
分組作業、筆記心得、材料共用時,都是以小組為單位
4
主題報告
當代大師
設計大師 報告日期 報告同學
原研哉 10/1 Winny
盐田千春 10/8 謝芝嫻
草間彌生 10/15 李修竹
Jonathan Hoefle (Netflix) 10/22 陳柔羽
Ian Spalter (Netflix) 10/29 黃永約
Ludwig Mies van der Rohe 11/5 蘇玉君
Georg Jensen 11/5 李亦婷
Philippe Starck 11/12 鄭宇劭
深澤直人 11/19 朱亭宇
Cas Holman (Netflix) 11/26 陳丹
Tim Brown (TED) 12/3 伍欣湉
Timothy Prestero (TED) 12/10 石乃耘
Tony Fadell (TED) 12/17 蔡旻潔
Paul Bennett (TED) 12/24 林家煒
Don Norman (TED) 1/7 陳妙佳
一人挑選一位當代大師
進行報告分享:
3~5頁的簡報:
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
報告前一天中午12:00前上傳至
雲端硬碟/B_當代大師主題報告
(檔名格式:自選主題_報告者姓名)
5
課堂
筆記與心得
第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
第16週 - - - -
Team 3 - - - -
每堂課輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
雲端硬碟/A_課堂筆記與心得
(檔名格式:Week 1_Name)
遲交者視同沒交
盐田千春
當代
大師
• 色彩學概論
• 配色法則
• 調色板練習
• 色彩的意義
• 幾何分割配色練習
色彩
構成
8
看見色彩
光是視覺現象的主要媒體,
眼睛受到光的刺激才能產生視覺,
有了視覺才會看到色彩
Reference: https://www.gameislearning.url.tw/article_content.php?getb=4&foog=9998
9
眼睛接收到光線的形式來區分
Reference: https://www.gameislearning.url.tw/article_content.php?getb=4&foog=9998
光源色
表面色
透過色
10
色料三原色
原色是「原始」的顏色,
由洋紅色Magonta Red、
黃色Hanza Yellow和
青色Cyan Blue組成。
無法透過混合其他顏色來調配出
這些顏色。
減法混合
11
色光三原色
RGB色彩模式是由紅Red、綠
Green和藍Blue調組成,
這些色調組合在一起可創造比
CMYK色彩模式的色域更廣泛的
顏色變化。
此色彩模式僅存在於螢幕顯示中,
例如電腦螢幕、行動裝置和電視
螢幕等。
加法混合
12
色彩三要素
色相、明度、彩度
Reference: https://www.poppyoh.com
Reference: https://cliffueng.pixnet.net/blog
13
配色法則
Reference: https://www.shutterstock.com/zh-Hant/blog/complete-guide-color-in-design
14
單色配色法(Monochromatic Colors)
#單一色相 #調整明度與彩度 #簡化設計而不單調
15
無彩配色法(Achromatic Colors)
#白色 #灰色 #黑色
16
相似色配色法(Analogous Colors)
#指定主色 #用相似色製造和諧美
17
互補配色法(Complementary Colors)
#增強對比 #增加視覺強度
18
補色分割配色法(Split-Complementary Colors)
#類似互補色 #柔和對比的強度
19
三等分配色法(Triadic colors)
#指定主色 #點綴襯托色
20
調色板練習
2組
條件:
• 10 x 20 cm 橫幅矩形基底
• 水平分割成5區塊,各別填入5種顏色
• 選擇2種配色法則,調配2組調色板
• 完成的作品請匯出成jpg張貼在
雲端硬碟/C_課堂練習上傳區
21
20分後|賞析
22
配色網站
https://colorsupplyyy.com/app
23
配色網站
https://www.colourlovers.com/
24
色彩的意義
Reference: https://www.shutterstock.com/zh-Hant/blog/complete-guide-color-in-design
25
紅色
#食慾 #興奮 #焦慮 #刺激 #冒險
#挑釁 #戰爭 #憤怒 #危險 #喜慶
26
橙色
#自信 #隨性 #新的開始 #智慧
#魅力 #創造力 #豐收
27
黃色
#歡樂 #幸福 #能量 #榮耀 #忠誠
#安全 #溫馨
28
綠色
#成長 #和諧 #清新 #生育 #和平
#希望 #永續 #環保
綠色
29
藍色
#平靜 #憂鬱 #正直 #真理 #鎮靜
#理性 #科技 #男性化 #專業
藍色
30
紫色
#權力 #高貴 #奢華 #野心 #智慧 #尊嚴
#獨立 #創造力 #神秘 #悲傷 #皇室 #前衛
紫色
31
粉紅
#女性化 #玫瑰色 #有元氣
#使人快樂 #甜美 #邪惡趣味
#性別平權
粉色
32
白色
#善良 #天真 #純潔 #貞節 #乾淨
#醫療 #冷靜
33
黑色
#權力 #優雅 #禮儀 #死亡
#邪惡 #神秘 #非常正式 #典雅
#威望 #悲傷
黑色
34
幾何分割配色練習
2組
條件:
• 10 x 20 cm 橫幅矩形基底
• 將基底進行幾何分割
• 從調色板練習中,挑選一組配色
填入分割的區塊中
• 完成的作品給一個命名
• 完成的作品請匯出成jpg張貼在
雲端硬碟/C_課堂練習上傳區
35
4:00|評圖
從班上所有作品中挑選:
兼具主題性與美感的幾何分割配色x3
#評價1 #評價2 #評價3
• 課堂筆記心得
• 當代大師:草間彌生
作業
37
課堂
筆記與心得
第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
第16週 - - - -
Team 3 - - - -
每堂課輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
雲端硬碟/A_課堂筆記與心得
(檔名格式:Week 1_Name)
遲交者視同沒交
38
主題報告
當代大師
設計大師 報告日期 報告同學
原研哉 10/1 Winny
盐田千春 10/8 謝芝嫻
草間彌生 10/15 李修竹
Jonathan Hoefle (Netflix) 10/22 陳柔羽
Ian Spalter (Netflix) 10/29 黃永約
Ludwig Mies van der Rohe 11/5 蘇玉君
Georg Jensen 11/5 李亦婷
Philippe Starck 11/12 鄭宇劭
深澤直人 11/19 朱亭宇
Cas Holman (Netflix) 11/26 陳丹
Tim Brown (TED) 12/3 伍欣湉
Timothy Prestero (TED) 12/10 石乃耘
Tony Fadell (TED) 12/17 蔡旻潔
Paul Bennett (TED) 12/24 林家煒
Don Norman (TED) 1/7 陳妙佳
一人挑選一位當代大師
進行報告分享:
3~5頁的簡報:
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
報告前一天中午12:00前上傳至
雲端硬碟/B_當代大師主題報告
(檔名格式:自選主題_報告者姓名)
• 排版關鍵技巧
• 網格系統
• 格式塔理論
• 平面構圖
請攜帶筆電,課堂練習用
課程
預告
視覺美感
臺灣科技大學.2021
王思如
設計理論
與技法

More Related Content

What's hot

Design Method & Skill_20211119
Design Method & Skill_20211119Design Method & Skill_20211119
Design Method & Skill_20211119
Winny Wang
 
Design Method & Skill_20211001
Design Method & Skill_20211001Design Method & Skill_20211001
Design Method & Skill_20211001
Winny Wang
 
Design Method & Skill_20211224
Design Method & Skill_20211224Design Method & Skill_20211224
Design Method & Skill_20211224
Winny Wang
 
Design Method & Skill_20211015
Design Method & Skill_20211015Design Method & Skill_20211015
Design Method & Skill_20211015
Winny Wang
 
Design Method & Skill_20211203
Design Method & Skill_20211203Design Method & Skill_20211203
Design Method & Skill_20211203
Winny Wang
 
Design Method & Skill_20201204
Design Method & Skill_20201204Design Method & Skill_20201204
Design Method & Skill_20201204
Winny Wang
 
Design Method & Skill_20210415
Design Method & Skill_20210415Design Method & Skill_20210415
Design Method & Skill_20210415
Winny Wang
 
Design Method & Skill_20220107
Design Method & Skill_20220107Design Method & Skill_20220107
Design Method & Skill_20220107
Winny Wang
 
Design Method_20210617
Design Method_20210617Design Method_20210617
Design Method_20210617
Winny Wang
 
Design Method & Skill_20210624
Design Method & Skill_20210624Design Method & Skill_20210624
Design Method & Skill_20210624
Winny Wang
 
Design Method & Skill_20210603
Design Method & Skill_20210603Design Method & Skill_20210603
Design Method & Skill_20210603
Winny Wang
 
Design Method & Skill_20210513
Design Method & Skill_20210513Design Method & Skill_20210513
Design Method & Skill_20210513
Winny Wang
 
Design Method & Skill_20210311
Design Method & Skill_20210311Design Method & Skill_20210311
Design Method & Skill_20210311
Winny Wang
 
Design Method & Skill_20210115
Design Method & Skill_20210115Design Method & Skill_20210115
Design Method & Skill_20210115
Winny Wang
 
Design Method & Skill_20210617
Design Method & Skill_20210617Design Method & Skill_20210617
Design Method & Skill_20210617
Winny Wang
 
Design Method_20210506
Design Method_20210506Design Method_20210506
Design Method_20210506
Winny Wang
 
Design Method & Skill_20210408
Design Method & Skill_20210408Design Method & Skill_20210408
Design Method & Skill_20210408
Winny Wang
 
Design Method_20210311
Design Method_20210311Design Method_20210311
Design Method_20210311
Winny Wang
 
Design Method_20210520
Design Method_20210520Design Method_20210520
Design Method_20210520
Winny Wang
 
DM 20220224
DM 20220224DM 20220224
DM 20220224
Winny Wang
 

What's hot (20)

Design Method & Skill_20211119
Design Method & Skill_20211119Design Method & Skill_20211119
Design Method & Skill_20211119
 
Design Method & Skill_20211001
Design Method & Skill_20211001Design Method & Skill_20211001
Design Method & Skill_20211001
 
Design Method & Skill_20211224
Design Method & Skill_20211224Design Method & Skill_20211224
Design Method & Skill_20211224
 
Design Method & Skill_20211015
Design Method & Skill_20211015Design Method & Skill_20211015
Design Method & Skill_20211015
 
Design Method & Skill_20211203
Design Method & Skill_20211203Design Method & Skill_20211203
Design Method & Skill_20211203
 
Design Method & Skill_20201204
Design Method & Skill_20201204Design Method & Skill_20201204
Design Method & Skill_20201204
 
Design Method & Skill_20210415
Design Method & Skill_20210415Design Method & Skill_20210415
Design Method & Skill_20210415
 
Design Method & Skill_20220107
Design Method & Skill_20220107Design Method & Skill_20220107
Design Method & Skill_20220107
 
Design Method_20210617
Design Method_20210617Design Method_20210617
Design Method_20210617
 
Design Method & Skill_20210624
Design Method & Skill_20210624Design Method & Skill_20210624
Design Method & Skill_20210624
 
Design Method & Skill_20210603
Design Method & Skill_20210603Design Method & Skill_20210603
Design Method & Skill_20210603
 
Design Method & Skill_20210513
Design Method & Skill_20210513Design Method & Skill_20210513
Design Method & Skill_20210513
 
Design Method & Skill_20210311
Design Method & Skill_20210311Design Method & Skill_20210311
Design Method & Skill_20210311
 
Design Method & Skill_20210115
Design Method & Skill_20210115Design Method & Skill_20210115
Design Method & Skill_20210115
 
Design Method & Skill_20210617
Design Method & Skill_20210617Design Method & Skill_20210617
Design Method & Skill_20210617
 
Design Method_20210506
Design Method_20210506Design Method_20210506
Design Method_20210506
 
Design Method & Skill_20210408
Design Method & Skill_20210408Design Method & Skill_20210408
Design Method & Skill_20210408
 
Design Method_20210311
Design Method_20210311Design Method_20210311
Design Method_20210311
 
Design Method_20210520
Design Method_20210520Design Method_20210520
Design Method_20210520
 
DM 20220224
DM 20220224DM 20220224
DM 20220224
 

Similar to Design Method & Skill_20211008

DMS 20220304
DMS 20220304DMS 20220304
DMS 20220304
Winny Wang
 
design method and skill course 2024_03_08
design method and skill course 2024_03_08design method and skill course 2024_03_08
design method and skill course 2024_03_08
Winny Wang
 
DMS 20230922
DMS 20230922DMS 20230922
DMS 20230922
Winny Wang
 
DMS 20220923
DMS 20220923DMS 20220923
DMS 20220923
Winny Wang
 
DMS 20221230
DMS 20221230DMS 20221230
DMS 20221230
Winny Wang
 
DMS 20221118
DMS 20221118DMS 20221118
DMS 20221118
Winny Wang
 

Similar to Design Method & Skill_20211008 (6)

DMS 20220304
DMS 20220304DMS 20220304
DMS 20220304
 
design method and skill course 2024_03_08
design method and skill course 2024_03_08design method and skill course 2024_03_08
design method and skill course 2024_03_08
 
DMS 20230922
DMS 20230922DMS 20230922
DMS 20230922
 
DMS 20220923
DMS 20220923DMS 20220923
DMS 20220923
 
DMS 20221230
DMS 20221230DMS 20221230
DMS 20221230
 
DMS 20221118
DMS 20221118DMS 20221118
DMS 20221118
 

More from Winny Wang

The handout of service innovation design_20240616
The handout of service innovation design_20240616The handout of service innovation design_20240616
The handout of service innovation design_20240616
Winny Wang
 
design method and skill course 2024_06_07
design method and skill course 2024_06_07design method and skill course 2024_06_07
design method and skill course 2024_06_07
Winny Wang
 
The handout of the design method 20240606
The handout of the design method 20240606The handout of the design method 20240606
The handout of the design method 20240606
Winny Wang
 
design method and skill course 2024_05_31
design method and skill course 2024_05_31design method and skill course 2024_05_31
design method and skill course 2024_05_31
Winny Wang
 
The handout of the design method 20240530
The handout of the design method 20240530The handout of the design method 20240530
The handout of the design method 20240530
Winny Wang
 
The handout of service innovation design_20240602
The handout of service innovation design_20240602The handout of service innovation design_20240602
The handout of service innovation design_20240602
Winny Wang
 
design method and skill course 2024_05_24
design method and skill course 2024_05_24design method and skill course 2024_05_24
design method and skill course 2024_05_24
Winny Wang
 
The handout of the design method 20240523
The handout of the design method 20240523The handout of the design method 20240523
The handout of the design method 20240523
Winny Wang
 
The handout of service innovation design_202405262
The handout of service innovation design_202405262The handout of service innovation design_202405262
The handout of service innovation design_202405262
Winny Wang
 
The handout of service innovation design_202405261
The handout of service innovation design_202405261The handout of service innovation design_202405261
The handout of service innovation design_202405261
Winny Wang
 
design method and skill course 2024_05_17
design method and skill course 2024_05_17design method and skill course 2024_05_17
design method and skill course 2024_05_17
Winny Wang
 
The handout of the design method 20240516
The handout of the design method 20240516The handout of the design method 20240516
The handout of the design method 20240516
Winny Wang
 
The handout of service innovation design_20240519
The handout of service innovation design_20240519The handout of service innovation design_20240519
The handout of service innovation design_20240519
Winny Wang
 
design method and skill course 2024_05_10
design method and skill course 2024_05_10design method and skill course 2024_05_10
design method and skill course 2024_05_10
Winny Wang
 
The handout of the design method 20240509
The handout of the design method 20240509The handout of the design method 20240509
The handout of the design method 20240509
Winny Wang
 
design method and skill course 2024_05_03
design method and skill course 2024_05_03design method and skill course 2024_05_03
design method and skill course 2024_05_03
Winny Wang
 
The handout of the design method 20240502
The handout of the design method 20240502The handout of the design method 20240502
The handout of the design method 20240502
Winny Wang
 
design method and skill course 2024_04_26
design method and skill course 2024_04_26design method and skill course 2024_04_26
design method and skill course 2024_04_26
Winny Wang
 
The handout of the design method 20240425
The handout of the design method 20240425The handout of the design method 20240425
The handout of the design method 20240425
Winny Wang
 
The handout of service innovation design_20240428
The handout of service innovation design_20240428The handout of service innovation design_20240428
The handout of service innovation design_20240428
Winny Wang
 

More from Winny Wang (20)

The handout of service innovation design_20240616
The handout of service innovation design_20240616The handout of service innovation design_20240616
The handout of service innovation design_20240616
 
design method and skill course 2024_06_07
design method and skill course 2024_06_07design method and skill course 2024_06_07
design method and skill course 2024_06_07
 
The handout of the design method 20240606
The handout of the design method 20240606The handout of the design method 20240606
The handout of the design method 20240606
 
design method and skill course 2024_05_31
design method and skill course 2024_05_31design method and skill course 2024_05_31
design method and skill course 2024_05_31
 
The handout of the design method 20240530
The handout of the design method 20240530The handout of the design method 20240530
The handout of the design method 20240530
 
The handout of service innovation design_20240602
The handout of service innovation design_20240602The handout of service innovation design_20240602
The handout of service innovation design_20240602
 
design method and skill course 2024_05_24
design method and skill course 2024_05_24design method and skill course 2024_05_24
design method and skill course 2024_05_24
 
The handout of the design method 20240523
The handout of the design method 20240523The handout of the design method 20240523
The handout of the design method 20240523
 
The handout of service innovation design_202405262
The handout of service innovation design_202405262The handout of service innovation design_202405262
The handout of service innovation design_202405262
 
The handout of service innovation design_202405261
The handout of service innovation design_202405261The handout of service innovation design_202405261
The handout of service innovation design_202405261
 
design method and skill course 2024_05_17
design method and skill course 2024_05_17design method and skill course 2024_05_17
design method and skill course 2024_05_17
 
The handout of the design method 20240516
The handout of the design method 20240516The handout of the design method 20240516
The handout of the design method 20240516
 
The handout of service innovation design_20240519
The handout of service innovation design_20240519The handout of service innovation design_20240519
The handout of service innovation design_20240519
 
design method and skill course 2024_05_10
design method and skill course 2024_05_10design method and skill course 2024_05_10
design method and skill course 2024_05_10
 
The handout of the design method 20240509
The handout of the design method 20240509The handout of the design method 20240509
The handout of the design method 20240509
 
design method and skill course 2024_05_03
design method and skill course 2024_05_03design method and skill course 2024_05_03
design method and skill course 2024_05_03
 
The handout of the design method 20240502
The handout of the design method 20240502The handout of the design method 20240502
The handout of the design method 20240502
 
design method and skill course 2024_04_26
design method and skill course 2024_04_26design method and skill course 2024_04_26
design method and skill course 2024_04_26
 
The handout of the design method 20240425
The handout of the design method 20240425The handout of the design method 20240425
The handout of the design method 20240425
 
The handout of service innovation design_20240428
The handout of service innovation design_20240428The handout of service innovation design_20240428
The handout of service innovation design_20240428
 

Design Method & Skill_20211008