網頁配色從入門到精通

第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 色彩的聯想作用
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 培養色彩的敏感度
1.6.2 通用配色理論是否適用
1.6.3 配色時選擇雙色和多色組合
1.6.4 盡可能使用兩至三種色彩搭配
1.6.5 如何快速實現完美的配色
1.7 培養色彩搭配的感覺
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 劃分視覺區域
2.1.3 吸引流覽者目光
2.1.4 增強網頁藝術性
2.2 色彩的聯想作用與心理效果
2.2.1 色彩的軟硬
2.2.2 色彩的冷暖
2.2.3 色彩的輕重
2.2.4 色彩的前後
2.2.5 色彩的大小
2.2.6 色彩的活潑和端莊感
2.2.7 色彩的興奮和沉穩感
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 根據行業特徵選擇網頁配色
2.6.2 根據色彩聯想選擇網頁配色
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 色調的統一
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 統一明度
3.3.3 添加類似色或同類色
3.3.4 控制穩定感
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 企業網站圖片配色
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 企業網站按鈕交互的顏色搭配
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 醫療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色彩搭配