綜高教學觀摩─ 多媒體概論 網頁色彩學 陳麗如.

Presentation on theme: "綜高教學觀摩─ 多媒體概論 網頁色彩學 陳麗如."— Presentation transcript:

1 綜高教學觀摩─ 多媒體概論 網頁色彩學 陳麗如

2 大綱 加深配色的感覺和多樣的配色方法 用形容詞來表達配色 以配色及色相來分析網站的設計 以顏色分析網頁的設計

3 加深配色的感覺和多樣的配色方法 相對色相，類似色調的配色 相對色相，相對色調的配色 有彩色和無彩色 同ㄧ/類似色相，類似色調的配色
同ㄧ/類似色相，相對色調的配色 規則又有韻律感─漸層 強弱對比效果的展現─區分 只強調ㄧ點─單點配色法

4 加深配色的感覺和多樣的配色方法 相對色相，類似色調的配色

5 加深配色的感覺和多樣的配色方法 相對色相，相對色調的配色

6 加深配色的感覺和多樣的配色方法 有彩色

7 加深配色的感覺和多樣的配色方法 無彩色

8 加深配色的感覺和多樣的配色方法 同ㄧ/類似色相，類似色調的配色

9 加深配色的感覺和多樣的配色方法 http://www.jaguar.com/global/default.htm
同ㄧ/類似色相，相對色調的配色

10 加深配色的感覺和多樣的配色方法 規則又有韻律感─漸層

11 加深配色的感覺和多樣的配色方法 強弱對比效果的展現─區分

12 加深配色的感覺和多樣的配色方法 只強調ㄧ點─單點配色法

13 用形容詞來表達配色 有趣的

14 用形容詞來表達配色 自然的

15 用形容詞來表達配色 摩登的

16 用形容詞來表達配色 高科技的

17 用形容詞來表達配色 親近的

18 用形容詞來表達配色 快活的

19 用形容詞來表達配色 簡單的

20 用形容詞來表達配色 女性的

21 用形容詞來表達配色 野性的

22 用形容詞來表達配色 傳統的

23 用形容詞來表達配色 運動的

24 用形容詞來表達配色 乾淨的

25 用形容詞來表達配色 古典的

26 用形容詞來表達配色 柔和的

27 以配色及色相來分析網站的設計 橙色

28 以配色及色相來分析網站的設計 綠色

29 以配色及色相來分析網站的設計 紫色

30 以配色及色相來分析網站的設計 粉紅色

31 以配色及色相來分析網站的設計 黑白色

32 以顏色分析網頁的設計 運用顏色突顯網頁的設計

33 以顏色分析網頁的設計 以內容為區別說明網頁的色彩設計

34 從性別看網頁配色 以男性為主體的超級運動網

35 從性別看網頁配色 柔和配色的男性魅力時尚網

36 從性別看網頁配色 台灣的婦女新知基金會網站

37 從性別看網頁配色 台灣的VOGUE雜誌

38 原則 任何顏色都可以搭配，但比例要對 可以相同版面，不同配色 可以類似配色，不同版面 主題方向明確，才能決定網頁的配色風格
多去欣賞各類型的網站

39 開始繪製妳的網站藍圖!