網頁配色從入門到精通

網頁配色從入門到精通是一本2018年出版的圖書，由人民郵電出版社出版

基本介紹

• 中文名：網頁配色從入門到精通
• 作者：張曉景
• 出版社：人民郵電出版社
• 出版時間：2018年
• 開本：16 開
• 裝幀：平裝-膠訂
• ISBN：9787115494399

內容簡介

本書通過大量的案例分析,詳細介紹了網頁配色的基本知識和色彩搭配技巧。同時從色彩搭配基礎、網頁設計配色基礎和色彩搭配的選擇標準等方面深入分析了網頁配色的思路和方法。並針對色彩搭配中的不足之處進行分析，同時給出改進的具體方案。全書共分為6章，具體包括色彩搭配基礎，網頁設計配色的基礎，色彩搭配的選擇標準，網頁布局配色，網頁互動配色合移動端網頁配色等內容。 本書適用於網站設計人員和網頁設計愛好者閱讀，也可作為網頁設計師、專業平面設計師、包裝設計師、藝術院校師生及色彩設計愛好者的理想參考書。

作者簡介

張曉景，編寫過多本設計類、色彩類、前端開發類暢銷圖書，包括《7天精通Photoshop CS6 UI互動設計》、《網站用戶體驗設計全程揭秘》、《中文版Photoshop CS6完全自學一本通》等，重印多次，深受讀者好評。

目 錄

第 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色彩搭配