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

第 1章 色彩搭配基礎
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)頁中的應用
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 藍色
1．4．6 紫色
1．4．7 黑、白、灰
1．5 網(wǎng)頁色彩搭配的基礎
1．5．1 網(wǎng)頁配色的注意事項
1．5．2 靈活應用配色技巧
1．5．3 避免配色的混亂
1．6 網(wǎng)頁配色搭配的常見問題
1．6．1 培養(yǎng)色彩的敏感度
1．6．2 通用配色理論是否適用
1．6．3 配色時選擇雙色和多色組合
1．6．4 盡可能使用兩至三種色彩搭配
1．6．5 如何快速實現(xiàn)完美的配色
1．7 培養(yǎng)色彩搭配的感覺
1．7．1 基于色相的配色關系
1．7．2 基于色彩的配色關系
1．7．3 漸變配色
1．7．4 相反色相/類似色調配色
1．7．5 相反色相、相反色調配色
1．7．6 同一或類似色相/類似色調配色
1．7．7 同一或類似色相/相反色調配色
第 2章 網(wǎng)頁設計配色基礎
2．1 色彩在網(wǎng)頁視覺設計中的作用
2．1．1 突出網(wǎng)頁主題
2．1．2 劃分視覺區(qū)域
2．1．3 吸引瀏覽者目光
2．1．4 增強網(wǎng)頁藝術性
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 點綴色
2．4 網(wǎng)頁配色技巧
2．4．1 配色原則
2．4．2 確定網(wǎng)頁文本配色
2．5 影響網(wǎng)頁風格的配色
2．5．1 冷暖配色
2．5．2 白色的應用
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 布局和配色的強調和突出
2．7．4 布局和配色的虛實和留白
2．8 色彩對網(wǎng)站交互的影響
2．8．1 顏色的呈現(xiàn)效果由底色決定
2．8．2字體的可讀性由顏色的明度差異影響
2．9 移動端網(wǎng)站配色特點
2．9．1 色調的統(tǒng)一
2．9．2 巧用對比配色
2．9．3 巧用色彩類別
2．9．4 測試配色方案
第3章 色彩搭配的選擇標準
3．1 合理應用色彩的對比
3．1．1 色彩面積大小
3．1．2 色彩面積的位置對比
3．2 網(wǎng)頁主題突出的配色
3．2．1 提高色彩純度
3．2．2 增大色彩明度差
3．2．3 增強色相型
3．2．4 控制點綴點
3．2．5 抑制輔助色或背景色
3．3 保持頁面一致性的配色技巧
3．3．1 接近色相
3．3．2 統(tǒng)一明度
3．3．3 添加類似色或同類色
3．3．4 控制穩(wěn)定感
3．3．5 接近色調
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 導航菜單
3．5．2 Logo與內(nèi)容
3．5．3背景與文字
3．5．4 鏈接文字
第4章 網(wǎng)頁布局配色
4．1 網(wǎng)站標志配色
4．1．1 游戲網(wǎng)站標志配色
4．1．2 新聞網(wǎng)站標志配色
4．1．3 電商網(wǎng)站標志配色
4．1．4 圖書網(wǎng)站標志配色
4．1．5 個人網(wǎng)站標志配色
4．2 網(wǎng)站導航配色
4．2．1 教育網(wǎng)站導航配色
4．2．2 家居網(wǎng)站導航配色
4．2．3 家居網(wǎng)站導航配色
4．2．4 食品網(wǎng)站導航配色
4．4．5 個人網(wǎng)站導航配色
4．3 網(wǎng)站圖片配色
4．3．1 家居網(wǎng)站圖片配色
4．3．2 企業(yè)網(wǎng)站圖片配色
4．3．3 學校網(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章 移動端網(wǎng)頁配色
6．1 移動端圖標的色彩搭配
6．1．1 天氣APP圖標的色彩搭配
6．1．2 醫(yī)療APP圖標的色彩搭配
6．1．3 購物APP圖標的色彩搭配
6．1．4 運動APP圖標的色彩搭配
6．2 移動端登錄界面色彩搭配
6．2．1 美食APP登錄界面色彩搭配
6．2．2 社交APP登錄界面色彩搭配
6．2．3 繪圖APP登錄界面色彩搭配
6．2．4 郵箱APP登錄界面色彩搭配
6．3 移動界面廣告色彩搭配
6．3．1 商場APP廣告色彩搭配
6．3．2 食品APP廣告界彩搭配
6．3．3 外賣APP廣告色彩搭配
6．3．4 品牌APP界面廣告色彩搭配
6．4 APP啟動界面色彩搭配
6．4．1 修圖APP啟動界面色彩搭配
6．4．2 美食APP啟動界面色彩搭配
6．4．3 理財APP啟動界面色彩搭配
6．4．4 交友APP啟動界面色彩搭配
6．5 電商活動頁的色彩搭配
6．5．1 金融活動APP色彩搭配
6．5．2 服裝活動APP色彩搭配
6．5．3 電商活動APP色彩搭配
6．5．4 產(chǎn)品活動APP色彩搭配