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

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

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

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

加深配色的感覺和多樣的配色方法 相對色相，相對色調的配色 http://www.itzart.co.kr/

加深配色的感覺和多樣的配色方法 有彩色 http://www.relevare.com/

加深配色的感覺和多樣的配色方法 無彩色 http://www.moma.org/

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

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

加深配色的感覺和多樣的配色方法 規則又有韻律感─漸層 http://www.searay.com/

加深配色的感覺和多樣的配色方法 強弱對比效果的展現─區分 http://www.cassinausa.com/

加深配色的感覺和多樣的配色方法 只強調ㄧ點─單點配色法 http://www.zest4.com

用形容詞來表達配色 有趣的 http://pbskids.org/

用形容詞來表達配色 自然的 http://kurtross.com/tn/index.html

用形容詞來表達配色 摩登的 http://www.mercedes-benz.com/com/e/

用形容詞來表達配色 高科技的 http://onestudio.com/

用形容詞來表達配色 親近的 http://nitrofx.com

用形容詞來表達配色 快活的 http://www.factmonster.com

用形容詞來表達配色 簡單的 http://www.rui-camilo.de/main.html

用形容詞來表達配色 女性的 http://www.intelihealth.com/

用形容詞來表達配色 野性的 http://foxsports.lycos.com

用形容詞來表達配色 傳統的 http://www.hoammuseum.org/

用形容詞來表達配色 運動的 http://www.nike.com/canada/

用形容詞來表達配色 乾淨的 http://www.theknot.com/

用形容詞來表達配色 古典的 http://www.athenos.com

用形容詞來表達配色 柔和的 http://www.bbc.co.uk

以配色及色相來分析網站的設計 橙色 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/

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

開始繪製妳的網站藍圖!