SlideShare a Scribd company logo
1 of 41
設計理論
與技法 王思如
2020.11.20
色彩語言
設計
大師
Ross Lovegrove
It’s only the future if it can’t be made.
Zaha Hadid
My exploration into a world of seamless fluidity.
Jonathan Ive
We try to design and develop simple solutions
for extremely complex problems.
Philippe Starck
The 21st century will be immaterial and human.
透過色彩吸引觀者注意並傳達出設計的訊息
色彩
語言
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.comReference: 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
色彩的意義
Reference: https://www.shutterstock.com/zh-Hant/blog/complete-guide-color-in-design
21
紅色
#食慾 #興奮 #焦慮 #刺激 #冒險
#挑釁 #戰爭 #憤怒 #危險 #喜慶
22
橙色
#自信 #隨性 #新的開始 #智慧
#魅力 #創造力 #豐收
23
黃色
#歡樂 #幸福 #能量 #榮耀 #忠誠
#安全 #溫馨
24
綠色
#成長 #和諧 #清新 #生育 #和平
#希望 #永續 #環保
25
藍色
#平靜 #憂鬱 #正直 #真理 #鎮靜
#理性 #科技 #男性化 #專業
26
紫色
#權力 #高貴 #奢華 #野心 #智慧 #尊嚴
#獨立 #創造力 #神秘 #悲傷 #皇室 #前衛
27
粉紅
#女性化 #玫瑰色 #有元氣
#使人快樂 #甜美 #邪惡趣味
#性別平權
28
白色
#善良 #天真 #純潔 #貞節 #乾淨
#醫療 #冷靜
29
黑色
#權力 #優雅 #禮儀 #死亡
#邪惡 #神秘 #非常正式 #典雅
#威望 #悲傷
今日
練習
調色板:配色法則與調色
空間配色:配色語意
31
準備4張
32
準備3張:用鉛筆畫上雙面的分割線
33
調色板
1. 水平分割成5區塊
個別用5種顏色平塗上色
2. 選擇4種配色法則
調配4組調色板
3. 完成品貼在黑色底紙的
正中央
配色法則與調色
x4
34
調色
35
2:45|評圖
從班上所有作品中挑選:
具備視覺美感的配色 x4
36
空間配色
1. 雙面預先用鉛筆
畫好分割線
2. 在分割的區塊中平塗上色
完成雙面的配色
3. 依裁切線與折線指示操作
組合立體空間
4. 完成品貼在黑色底紙的
正中央
5. 為你的配色作品
個別取一個相稱的名字
配色語意
x3
37
4:00|評圖
從班上所有作品中挑選:
兼具主題性與美感的配色 x4
38
作品上傳
上傳項目:
- 調色板 x4
- 空間配色 x3
上傳區:
Trello/B_設計法則/該組
- 課堂筆記與心得
作業
40
課堂
筆記與心得
第1週 第2週 第3週 第4週 第5週
- Team 1 Team 2 Team 3 Team 2
- Team 4 Team 5 Team 1 Team 4
第6週 第7週 第8週 第9週 第10週
Team 3 Team 1 Team 2 Team 3 Team 2
Team 5 Team 4 Team 5 Team 1 Team 4
第11週 第12週 第13週 第14週 第15週
Team 3 Team 1 Team 2 Team 3 -
Team 5 Team 4 Team 5 - -
每堂課分配三組
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
Trello/課堂筆記與心得/該週列表
遲交者視同沒交
筆記與心得成績將影響該階段組
員的成績
臺灣科技大學.2020
王思如
設計理論
與技法

More Related Content

More from Winny Wang

More from Winny Wang (20)

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 and skill course 2024_04_19
design method and skill course 2024_04_19design method and skill course 2024_04_19
design method and skill course 2024_04_19
 
The handout of the design method 20240418
The handout of the design method 20240418The handout of the design method 20240418
The handout of the design method 20240418
 
design method and skill course 2024_03_22
design method and skill course 2024_03_22design method and skill course 2024_03_22
design method and skill course 2024_03_22
 
design method and skill course 2024_04_12
design method and skill course 2024_04_12design method and skill course 2024_04_12
design method and skill course 2024_04_12
 
The handout of the design method 20240411
The handout of the design method 20240411The handout of the design method 20240411
The handout of the design method 20240411
 
The handout of the design method 20240328
The handout of the design method 20240328The handout of the design method 20240328
The handout of the design method 20240328
 
The handout of the design method 20240321
The handout of the design method 20240321The handout of the design method 20240321
The handout of the design method 20240321
 
design method and skill course 2024_03_15
design method and skill course 2024_03_15design method and skill course 2024_03_15
design method and skill course 2024_03_15
 
The handout of the design method 20240314
The handout of the design method 20240314The handout of the design method 20240314
The handout of the design method 20240314
 
The handout of the design method 20240307
The handout of the design method 20240307The handout of the design method 20240307
The handout of the design method 20240307
 
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
 
design method and skill course 2024_02_23
design method and skill course 2024_02_23design method and skill course 2024_02_23
design method and skill course 2024_02_23
 
The handout of the design method 20240229
The handout of the design method 20240229The handout of the design method 20240229
The handout of the design method 20240229
 
The handout of the design method 20240222
The handout of the design method 20240222The handout of the design method 20240222
The handout of the design method 20240222
 
design method and skill course 2024_02_23
design method and skill course 2024_02_23design method and skill course 2024_02_23
design method and skill course 2024_02_23
 
DMS 20231222
DMS 20231222DMS 20231222
DMS 20231222
 

Design Method & Skill_20201120

Editor's Notes

  1. 英國 大自然取材
  2. 伊拉克裔英國 曲線女王
  3. 英國 LoveForm
  4. 法國 Alessi
  5. 心智圖:這本書的展示面向 創中學:這本書的展示型態