義守大學資訊管理研究所 在職專班 網頁色彩學--- 以顏色分析網頁設計 指導老師:吳有龍教授 學生:陳正忠 學號:10022017G
大綱 加深配色的感覺和多樣的配色方法 以配色及色相來分析網站的設計 以顏色分析網頁的設計
加深配色的感覺和多樣的配色方法 相對色相,類似色調的配色 相對色相,相對色調的配色 有彩色和無彩色 同ㄧ/類似色相,類似色調的配色 同ㄧ/類似色相,相對色調的配色 規則又有韻律感─漸層 強弱對比效果的展現─區分 只強調ㄧ點─單點配色法
原則 任何顏色都可以搭配,但比例要對 可以相同版面,不同配色 可以類似配色,不同版面 主題方向明確,才能決定網頁的配色風格 多去欣賞各類型的網站
加深配色的感覺和多樣的配色方法 相對色相,類似色調的配色 http://www.brainpop.com/ 相對色相,相對色調的配色 http://www.itzart.co.kr/
加深配色的感覺和多樣的配色方法 無彩色 http://www.moma.org/ 有彩色 http://www.relevare.com/
加深配色的感覺和多樣的配色方法 同ㄧ/類似色相,類似色調的配色 http://www.blankandcables.com/ 同ㄧ/類似色相,相對色調的配色 http://www.jaguar.com/global/default.htm
加深配色的感覺和多樣的配色方法 規則又有韻律感─漸層 http://www.searay.com/ 強弱對比效果的展現─區分 http://www.cassinausa.com/
加深配色的感覺和多樣的配色方法 只強調ㄧ點─單點配色法 http://www.zest4.com
以配色及色相來分析網站的設計 橙色 http://www.eye4u.com/home/ 綠色 http://www.bodyshop.com
以配色及色相來分析網站的設計 紫色 http://barbie.everythinggirl.com/ 粉紅色 http://www.dreamkitty.com/
以配色及色相來分析網站的設計 黑白色 http://www.vogue.co.uk
以顏色分析網頁的設計 運用顏色突顯網頁的設計 http://www.marthastewart.com/
以顏色分析網頁的設計 以內容為區別說明網頁的色彩設計
從性別看網頁配色 以男性為主體的超級運動網 http://www.superstadium.net/
從性別看網頁配色 柔和配色的男性魅力時尚網 http://heguide.com/
從性別看網頁配色 台灣的婦女新知基金會網站 http://www.awakening.org.tw/
從性別看網頁配色 台灣的VOGUE雜誌 http://www.awakening.org.tw/