網(wǎng)頁配色從入門到精通

第 1章 色彩搭配基礎(chǔ)
1．1 色彩入門知識
1．1．1 色彩的產(chǎn)生
1．1．2 光源色、物體色和固有色
1．2 色彩的屬性
1．2．1 色相
1．2．2 明度
1．2．3 飽和度
1．3 色彩在網(wǎng)頁中的應(yīng)用
1．3．1 網(wǎng)頁色彩特征
1．3．2 網(wǎng)頁安全色
1．4 色彩的聯(lián)想作用
1．4．1 紅色
1．4．2 橙色
1．4．3 黃色
1．4．4 綠色
1．4．5 藍(lán)色
1．4．6 紫色
1．4．7 黑、白、灰
1．5 網(wǎng)頁色彩搭配的基礎(chǔ)
1．5．1 網(wǎng)頁配色的注意事項(xiàng)
1．5．2 靈活應(yīng)用配色技巧
1．5．3 避免配色的混亂
1．6 網(wǎng)頁配色搭配的常見問題
1．6．1 培養(yǎng)色彩的敏感度
1．6．2 通用配色理論是否適用
1．6．3 配色時(shí)選擇雙色和多色組合
1．6．4 盡可能使用兩至三種色彩搭配
1．6．5 如何快速實(shí)現(xiàn)完美的配色
1．7 培養(yǎng)色彩搭配的感覺
1．7．1 基于色相的配色關(guān)系
1．7．2 基于色彩的配色關(guān)系
1．7．3 漸變配色
1．7．4 相反色相/類似色調(diào)配色
1．7．5 相反色相、相反色調(diào)配色
1．7．6 同一或類似色相/類似色調(diào)配色
1．7．7 同一或類似色相/相反色調(diào)配色
第 2章 網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)
2．1 色彩在網(wǎng)頁視覺設(shè)計(jì)中的作用
2．1．1 突出網(wǎng)頁主題
2．1．2 劃分視覺區(qū)域
2．1．3 吸引瀏覽者目光
2．1．4 增強(qiáng)網(wǎng)頁藝術(shù)性
2．2 色彩的聯(lián)想作用與心理效果
2．2．1 色彩的軟硬
2．2．2 色彩的冷暖
2．2．3 色彩的輕重
2．2．4 色彩的前后
2．2．5 色彩的大小
2．2．6 色彩的活潑和端莊感
2．2．7 色彩的興奮和沉穩(wěn)感
2．2．8 色彩的華麗和樸素感
2．3 網(wǎng)頁配色的方法
2．3．1 背景色
2．3．2 主色
2．3．3 輔助色
2．3．4 點(diǎn)綴色
2．4 網(wǎng)頁配色技巧
2．4．1 配色原則
2．4．2 確定網(wǎng)頁文本配色
2．5 影響網(wǎng)頁風(fēng)格的配色
2．5．1 冷暖配色
2．5．2 白色的應(yīng)用
2．5．3 飽和度影響配色
2．6 影響配色的元素
2．6．1 根據(jù)行業(yè)特征選擇網(wǎng)頁配色
2．6．2 根據(jù)色彩聯(lián)想選擇網(wǎng)頁配色
2．6．3 根據(jù)受眾色彩偏好選擇網(wǎng)頁配色
2．6．4 根據(jù)生命周期選擇網(wǎng)頁配色
2．7 色彩與網(wǎng)站布局
2．7．1 布局和配色的分組和整合
2．7．2 布局和配色的對稱和平衡
2．7．3 布局和配色的強(qiáng)調(diào)和突出
2．7．4 布局和配色的虛實(shí)和留白
2．8 色彩對網(wǎng)站交互的影響
2．8．1 顏色的呈現(xiàn)效果由底色決定
2．8．2字體的可讀性由顏色的明度差異影響
2．9 移動(dòng)端網(wǎng)站配色特點(diǎn)
2．9．1 色調(diào)的統(tǒng)一
2．9．2 巧用對比配色
2．9．3 巧用色彩類別
2．9．4 測試配色方案
第3章 色彩搭配的選擇標(biāo)準(zhǔn)
3．1 合理應(yīng)用色彩的對比
3．1．1 色彩面積大小
3．1．2 色彩面積的位置對比
3．2 網(wǎng)頁主題突出的配色
3．2．1 提高色彩純度
3．2．2 增大色彩明度差
3．2．3 增強(qiáng)色相型
3．2．4 控制點(diǎn)綴點(diǎn)
3．2．5 抑制輔助色或背景色
3．3 保持頁面一致性的配色技巧
3．3．1 接近色相
3．3．2 統(tǒng)一明度
3．3．3 添加類似色或同類色
3．3．4 控制穩(wěn)定感
3．3．5 接近色調(diào)
3．3．6 網(wǎng)頁的漸變配色
3．4 配出四季的顏色
3．4．1 春天
3．4．2 夏天
3．4．3 秋天
3．4．4 冬天
3．5網(wǎng)頁元素色彩搭配
3．5．1 導(dǎo)航菜單
3．5．2 Logo與內(nèi)容
3．5．3背景與文字
3．5．4 鏈接文字
第4章 網(wǎng)頁布局配色
4．1 網(wǎng)站標(biāo)志配色
4．1．1 游戲網(wǎng)站標(biāo)志配色
4．1．2 新聞網(wǎng)站標(biāo)志配色
4．1．3 電商網(wǎng)站標(biāo)志配色
4．1．4 圖書網(wǎng)站標(biāo)志配色
4．1．5 個(gè)人網(wǎng)站標(biāo)志配色
4．2 網(wǎng)站導(dǎo)航配色
4．2．1 教育網(wǎng)站導(dǎo)航配色
4．2．2 家居網(wǎng)站導(dǎo)航配色
4．2．3 家居網(wǎng)站導(dǎo)航配色
4．2．4 食品網(wǎng)站導(dǎo)航配色
4．4．5 個(gè)人網(wǎng)站導(dǎo)航配色
4．3 網(wǎng)站圖片配色
4．3．1 家居網(wǎng)站圖片配色
4．3．2 企業(yè)網(wǎng)站圖片配色
4．3．3 學(xué)校網(wǎng)站圖片配色
4．3．4 社交網(wǎng)站圖片配色
4．3．5 旅游網(wǎng)站圖片配色
4．4 網(wǎng)站整體布局配色
4．4．1 美食網(wǎng)站布局配色
4．4．2 教育網(wǎng)站布局配色
4．4．3 休閑網(wǎng)站布局配色
4．4．4 兒童網(wǎng)站布局配色
4．4．5 美食網(wǎng)站布局配色
第5章 網(wǎng)頁交互配色
5．1 按鈕交互的顏色搭配
5．1．1 企業(yè)網(wǎng)站按鈕交互的顏色搭配
5．1．2 數(shù)碼網(wǎng)頁按鈕交互的顏色搭配
5．1．3 美食網(wǎng)頁按鈕交互的顏色搭配
5．1．4 家電網(wǎng)頁按鈕交互的顏色搭配
5．1．5 旅游網(wǎng)頁按鈕交互的顏色搭配
5．2 頁面交互的配色搭配
5．2．1 家居頁面交互的配色搭配
5．2．2 服裝頁面交互的配色搭配
5．2．3 教育頁面交互的配色搭配
5．2．4 汽車頁面交互的顏色搭配
5．2．5 餐廳頁面交互的顏色搭配
5．3 彈出菜單的顏色搭配
5．3．1 兒童網(wǎng)頁彈出菜單的顏色搭配
5．3．2 咖啡網(wǎng)頁彈出菜單的顏色搭配
5．3．3 休閑網(wǎng)頁彈出菜單的顏色搭配
5．3．4 信息網(wǎng)頁彈出菜單的顏色搭配
5．3．5 汽車網(wǎng)頁彈出菜單的顏色搭配
5．4 超鏈接的顏色搭配
5．4．1 公司網(wǎng)頁超鏈接顏色搭配
5．4．2 室內(nèi)裝飾網(wǎng)頁超鏈接顏色搭配
5．4．3 信息網(wǎng)頁超鏈接顏色搭配
5．4．4 繪畫網(wǎng)頁超鏈接顏色搭配
5．4．5 數(shù)碼網(wǎng)頁超鏈接顏色搭配
第6章 移動(dòng)端網(wǎng)頁配色
6．1 移動(dòng)端圖標(biāo)的色彩搭配
6．1．1 天氣APP圖標(biāo)的色彩搭配
6．1．2 醫(yī)療APP圖標(biāo)的色彩搭配
6．1．3 購物APP圖標(biāo)的色彩搭配
6．1．4 運(yùn)動(dòng)APP圖標(biāo)的色彩搭配
6．2 移動(dòng)端登錄界面色彩搭配
6．2．1 美食APP登錄界面色彩搭配
6．2．2 社交APP登錄界面色彩搭配
6．2．3 繪圖APP登錄界面色彩搭配
6．2．4 郵箱APP登錄界面色彩搭配
6．3 移動(dòng)界面廣告色彩搭配
6．3．1 商場APP廣告色彩搭配
6．3．2 食品APP廣告界彩搭配
6．3．3 外賣APP廣告色彩搭配
6．3．4 品牌APP界面廣告色彩搭配
6．4 APP啟動(dòng)界面色彩搭配
6．4．1 修圖APP啟動(dòng)界面色彩搭配
6．4．2 美食APP啟動(dòng)界面色彩搭配
6．4．3 理財(cái)APP啟動(dòng)界面色彩搭配
6．4．4 交友APP啟動(dòng)界面色彩搭配
6．5 電商活動(dòng)頁的色彩搭配
6．5．1 金融活動(dòng)APP色彩搭配
6．5．2 服裝活動(dòng)APP色彩搭配
6．5．3 電商活動(dòng)APP色彩搭配
6．5．4 產(chǎn)品活動(dòng)APP色彩搭配