義守大學資訊管理研究所 在職專班 網頁色彩學--- 以顏色分析網頁設計 指導老師：吳有龍教授 學生：陳正忠 學號：10022017G.

Presentation on theme: "義守大學資訊管理研究所 在職專班 網頁色彩學--- 以顏色分析網頁設計 指導老師：吳有龍教授 學生：陳正忠 學號：10022017G."— Presentation transcript:

1 義守大學資訊管理研究所 在職專班 網頁色彩學--- 以顏色分析網頁設計 指導老師：吳有龍教授 學生：陳正忠 學號： G

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

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

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

5 加深配色的感覺和多樣的配色方法 相對色相，類似色調的配色 http://www.brainpop.com/ 相對色相，相對色調的配色

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

7 加深配色的感覺和多樣的配色方法 同ㄧ/類似色相，類似色調的配色 http://www.blankandcables.com/
同ㄧ/類似色相，相對色調的配色

8 加深配色的感覺和多樣的配色方法 規則又有韻律感─漸層 http://www.searay.com/ 強弱對比效果的展現─區分

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

10 以配色及色相來分析網站的設計 橙色 http://www.eye4u.com/home/ 綠色

11 以配色及色相來分析網站的設計 紫色 http://barbie.everythinggirl.com/ 粉紅色

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

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

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

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

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

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

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