網頁配色從入門到精通

第 1章 色彩搭配基礎
1．1 色彩入門知識
1．1．1 色彩的產生
1．1．2 光源色、物體色和固有色
1．2 色彩的屬性
1．2．1 色相
1．2．2 明度
1．2．3 飽和度
1．3 色彩在網頁中的應用
1．3．1 網頁色彩特征
1．3．2 網頁安全色
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 網頁色彩搭配的基礎
1．5．1 網頁配色的注意事項
1．5．2 靈活應用配色技巧
1．5．3 避免配色的混亂
1．6 網頁配色搭配的常見問題
1．6．1 培養(yǎng)色彩的敏感度
1．6．2 通用配色理論是否適用
1．6．3 配色時選擇雙色和多色組合
1．6．4 盡可能使用兩至三種色彩搭配
1．6．5 如何快速實現完美的配色
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章 網頁設計配色基礎
2．1 色彩在網頁視覺設計中的作用
2．1．1 突出網頁主題
2．1．2 劃分視覺區(qū)域
2．1．3 吸引瀏覽者目光
2．1．4 增強網頁藝術性
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 網頁配色的方法
2．3．1 背景色
2．3．2 主色
2．3．3 輔助色
2．3．4 點綴色
2．4 網頁配色技巧
2．4．1 配色原則
2．4．2 確定網頁文本配色
2．5 影響網頁風格的配色
2．5．1 冷暖配色
2．5．2 白色的應用
2．5．3 飽和度影響配色
2．6 影響配色的元素
2．6．1 根據行業(yè)特征選擇網頁配色
2．6．2 根據色彩聯(lián)想選擇網頁配色
2．6．3 根據受眾色彩偏好選擇網頁配色
2．6．4 根據生命周期選擇網頁配色
2．7 色彩與網站布局
2．7．1 布局和配色的分組和整合
2．7．2 布局和配色的對稱和平衡
2．7．3 布局和配色的強調和突出
2．7．4 布局和配色的虛實和留白
2．8 色彩對網站交互的影響
2．8．1 顏色的呈現效果由底色決定
2．8．2字體的可讀性由顏色的明度差異影響
2．9 移動端網站配色特點
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 網頁主題突出的配色
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 網頁的漸變配色
3．4 配出四季的顏色
3．4．1 春天
3．4．2 夏天
3．4．3 秋天
3．4．4 冬天
3．5網頁元素色彩搭配
3．5．1 導航菜單
3．5．2 Logo與內容
3．5．3背景與文字
3．5．4 鏈接文字
第4章 網頁布局配色
4．1 網站標志配色
4．1．1 游戲網站標志配色
4．1．2 新聞網站標志配色
4．1．3 電商網站標志配色
4．1．4 圖書網站標志配色
4．1．5 個人網站標志配色
4．2 網站導航配色
4．2．1 教育網站導航配色
4．2．2 家居網站導航配色
4．2．3 家居網站導航配色
4．2．4 食品網站導航配色
4．4．5 個人網站導航配色
4．3 網站圖片配色
4．3．1 家居網站圖片配色
4．3．2 企業(yè)網站圖片配色
4．3．3 學校網站圖片配色
4．3．4 社交網站圖片配色
4．3．5 旅游網站圖片配色
4．4 網站整體布局配色
4．4．1 美食網站布局配色
4．4．2 教育網站布局配色
4．4．3 休閑網站布局配色
4．4．4 兒童網站布局配色
4．4．5 美食網站布局配色
第5章 網頁交互配色
5．1 按鈕交互的顏色搭配
5．1．1 企業(yè)網站按鈕交互的顏色搭配
5．1．2 數碼網頁按鈕交互的顏色搭配
5．1．3 美食網頁按鈕交互的顏色搭配
5．1．4 家電網頁按鈕交互的顏色搭配
5．1．5 旅游網頁按鈕交互的顏色搭配
5．2 頁面交互的配色搭配
5．2．1 家居頁面交互的配色搭配
5．2．2 服裝頁面交互的配色搭配
5．2．3 教育頁面交互的配色搭配
5．2．4 汽車頁面交互的顏色搭配
5．2．5 餐廳頁面交互的顏色搭配
5．3 彈出菜單的顏色搭配
5．3．1 兒童網頁彈出菜單的顏色搭配
5．3．2 咖啡網頁彈出菜單的顏色搭配
5．3．3 休閑網頁彈出菜單的顏色搭配
5．3．4 信息網頁彈出菜單的顏色搭配
5．3．5 汽車網頁彈出菜單的顏色搭配
5．4 超鏈接的顏色搭配
5．4．1 公司網頁超鏈接顏色搭配
5．4．2 室內裝飾網頁超鏈接顏色搭配
5．4．3 信息網頁超鏈接顏色搭配
5．4．4 繪畫網頁超鏈接顏色搭配
5．4．5 數碼網頁超鏈接顏色搭配
第6章 移動端網頁配色
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 產品活動APP色彩搭配