《網頁色彩搭配寶典》是一本全面講解網頁設計和色彩搭配設計的圖書，共分8章，分別為網頁設計知識色彩基礎知識網頁設計的制作流程網頁設計的原則與配色網頁設計的常見風格不同類型的網頁設計網頁的色彩情緒和新潮的網頁設計方案。第1、2章為網頁設計基礎知識和基本的色彩理論，是必學知識；第3、4章為網頁設計的流程以及網頁設計的原則，為后面章節做鋪墊；第5～7章介紹了網頁設計的常見風格、常見網頁類型以及網頁設計中的色彩情緒；第8章為新潮的網頁設計方，帶領讀者剖析當今流行的優秀網頁設計的原理與思路。
《網頁色彩搭配寶典》章節安排合理、理論扎實、案例精彩，全書使用了色彩印象 支一招 常用配色方案等特色模塊，方便讀者學習使用。書中有大量的國內外優秀網頁設計作品賞析和潮流設計方案，可拓寬讀者的設計思路。
《網頁色彩搭配寶典》是網頁設計師、淘寶美工、網店店主必備的速查工具書籍，可作為各大培訓機構、公司的理論參考用書，也可作為各大、中專院校的網頁設計專業書籍。本書既可以當作工具書查閱使用，也可以當作參考書賞析使用。
一本書搞定網頁設計風格，攻克配色難題
色彩原理 制作流程 設計風格 方案介紹 配色技巧
特色欄目：「關鍵色」「色彩印象」「支一招」「搭配技巧」「常用配色方案」
大量圖片示例，全彩銅版紙印刷，一目了然，快速查詢網頁配色方案
《網頁色彩搭配寶典》是一本針對網頁設計和色彩搭配設計的參考書。本書注重理論和實踐相結合，不但
有大量優秀作品的分析和點評，還有手動調整配色的特色章節。通過對本書的學習，希望讀者朋友可以快速
了解網頁設計和色彩搭配設計的思路，并通過大量的優秀經典案例獲得寶貴的設計經驗。
本書共分8 章，具體內容如下。
第1 章為網頁設計知識，包括網頁設計基礎、網頁設計界面、網頁設計主題分析、網頁設計布局類
型和網頁的潮流元素幾個方面。
第2 章為色彩基礎知識，包括色彩屬性、色環和色彩對比3 個部分。
第3 章為網頁設計的制作流程，講解了網頁的基本結構和網頁設計的基本步驟。
第4 章為網頁設計的原則與配色，包括網頁設計的統一原則、對比原則、協調原則、突出原則、個
性原則、實用原則以及分割原則。
第5 章為網頁設計的常見風格，講解了扁平化設計風格、3D 設計風格、極簡設計風格、全屏設計風
格、瀑布流設計風格、標準化設計風格等多種常見的網頁設計風格。
第6 章為不同類型的網頁設計，介紹了商業企業、綜合購物、影視娛樂、教育文化、多媒體數碼、
產品類網站等多種常見類型的網頁。
第7 章為網頁的色彩情緒，介紹了網頁色彩的冷與暖、輕與重、柔與硬、前進與后退、標準與個性、
平淡與刺激等多種常見的色彩情緒。
第8 章為新潮的網頁設計方案，本章針對多個采用近年來流行風格制作的優秀網頁設計作品進行剖
析，帶領讀者了解當今流行的優秀網頁設計的思路與原理。
本書主要由唯美映像組織編寫，瞿穎健、曹茂鵬參與了本書的主要編寫工作。另外，由于本書工作量較
大，以下人員也參與了本書的編寫和資料整理工作，他們是柳美余、李木子、葛妍、曹詩雅、楊力、王鐵成、
于燕香、崔英迪、董輔川、高歌、韓雷、胡娟、矯雪、鞠闖、李化、瞿玉珍、李進、李路、劉微微、瞿學嚴、
馬嘯、曹愛德、馬鑫銘、馬揚、瞿吉業、蘇晴、孫丹、孫雅娜、王萍、楊歡、曹明、楊宗香、曹瑋、張建霞、
孫芳、丁仁雯、曹元鋼、陶恒兵、瞿云芳、張玉華、曹子龍、張越、李芳、楊建超、趙民欣、趙申申、田蕾、
仝丹、姚東旭、張建宇、張芮等，在此一并表示感謝。由于時間倉促，加之水平有限，書中難免存在錯誤和
不妥之處，敬請廣大讀者批評和指正。
瞿穎健，碩士，億瑞設計總負責人，高級平面講師，從事教學數年，積累了豐富的教學經驗，參與多項大型項目的制作，出版圖書十余種，一直在同類圖書市場占有優勢地位，銷售一直領先。
已出版的教材：
曹茂鵬，碩士，億瑞設計總負責人，高級三維講師，從事教學數年，積累了豐富的教學經驗，參與多項大型項目的制作，并出版圖書十余種，一直在同類圖書市場占有優勢地位，銷售一直領先。
第1章 網頁設計知識
1.1 網頁設計基礎. 3
1.1.1 網頁的相關概念3
1.1.2 網頁界面設計的特點4
1.2 網頁設計界面介紹 5
1.3 網頁設計主題分析 6
1.3.1 網頁需求分析7
1.3.2 網頁建設策劃7
1.4 網頁設計布局分類 7
1.4.1 骨骼型8
1.4.2 對稱型9
1.4.3 曲線型10
1.4.4 滿屏型11
1.4.5 傾斜型12
1.4.6 分割型13
1.4.7 自由型14
1.4.8 焦點型14
1.5 網頁的潮流元素. 15
1.5.1 紋理15
1.5.2 混合字體16
1.5.3 半透明17
1.5.4 矢量插畫18
1.5.5 三維18
1.5.6 邊框19
第2章 色彩基礎知識
2.1 色彩屬性 23
2.2 色環 24
2.3 色彩對比 26
3.1 認識網頁的基本結構 33
3.1.1 網頁的規格34
3.1.2 網頁的LOGO.35
3.1.3 頂部通欄36
3.1.4 網頁文本37
3.1.5 圖像的設計38
3.1.6 文字的設計38
3.1.7 頁眉和頁腳39
第3章 網頁設計的制作流程
3.1.8 多媒體40
3.2 網頁設計的基本步驟 41
3.2.1 確定主題42
3.2.2 確定構圖43
3.2.3 確定風格44
3.2.4 確定色彩搭配45
第4章 網頁設計的原則與配色
4.1 統一原則 48
4.1.1 相似元素的規律排列50
4.1.2 內容與文字要相互統一51
4.2 對比原則 52
4.2.1 矛盾和沖突54
4.2.2 模塊大小的對比55
4.3 協調原則 56
4.3.1 顏色協調58
4.3.2 圖形協調59
4.4 突出原則 60
4.4.1 使用顏色的進退感突出內容62
第4章 網頁設計的原則與配色
4.4.2 使用放大圖形的方法突出主體內容63
4.5 個性原則 64
4.5.1 立體感66
4.5.2 特殊的構成方式67
4.6 實用原則 68
4.6.1 清晰地展現頁面內容70
4.6.2 合理搭配顏色71
4.7 分割原則 72
4.7.1 使用色彩進行頁面分割74
4.7.2 使用模塊進行頁面分割75
5.1 扁平化設計風格. 78
5.1.1 顏色的高飽和度80
5.1.2 以簡約為基礎81
5.2 3D 設計風格. 82
5.2.1 生動地展現產品84
5.2.2 點、線、面結合的3D 效果.85
5.3 極簡設計風格. 86
5.3.1 用圖講故事88
5.3.2 形的構思89
5.4 全屏設計風格. 90
5.4.1 合理的文字布局92
5.4.2 使用高清的圖片93
5.5 瀑布流設計風格. 94
5.5.1 多行多列的布局方法96
第5章 網頁設計的常見風格
5.5.2 無限加載的網頁內容97
5.6 標準化設計風格. 98
5.6.1 完善的布局100
5.6.2 清晰的顯示內容101
5.7 個性化設計風格. 102
5.7.1 大膽的色彩搭配獨具個性104
5.7.2 獨特的頁面布局和個性文字105
5.8 矢量化設計風格. 106
5.8.1 矢量化更能表現細節108
5.8.2 矢量化表現立體感109
5.9 復古化設計風格. 110
5.9.1 復古給人一種特殊的情感112
5.9.2 復古是一種回憶113
第6章 不同類型的網頁設計
6.1 商業企業 116
6.1.1 有正式感的布局模式118
6.1.2 模塊清晰化119
6.2 綜合購物 120
6.2.1 回到首頁功能122
6.2.2 模塊分類明確123
6.3 影視娛樂 124
6.3.1 構圖個性突出重點.126
6.3.2 吸引視覺注意力127
6.4 教育文化 128
6.4.1 布局整潔舒適130
6.4.2 使用圖片展示重點內容131
6.5 多媒體數碼. 132
6.5.1 顏色的神秘性表現出產品的特性134
6.5.2 使用立體感全方位地展示135
6.6 產品類網站. 136
6.6.1 圖文并茂的模塊布局138
6.6.2 使用產品本身的特性生動表示產品139
6.7 休閑生活類網頁. 140
6.7.1 使用圖片生動描寫內容142
6.7.2 使用個性的構圖模式143
6.8 個人主頁 144
6.8.1 適合自己的風格146
6.8.2 側重表現個人信息內容147
7.1 網頁色彩的冷與暖 150
7.1.1 冷暖色調的對比152
7.1.2 根據不同產品設置相應的冷暖搭配153
7.2 網頁色彩的輕與重 154
7.2.1 網頁色彩的輕顏色表現出的效果156
7.2.2 根據顏色的重量感制造層次157
7.3 網頁色彩的柔與硬 158
7.3.1 使用柔性色彩可以使人心情愉悅160
7.3.2 色彩柔與硬的結合161
7.4 網頁色彩的前進與后退. 162
7.4.1 使用色彩的前進與后退突出重點內容164
7.4.2 打造空間感165
7.5 網頁色彩的標準與個性. 166
7.5.1 使頁面更具熟悉感168
第7章 網頁的色彩情緒
7.5.2 使用產品的顏色進行個性化表達169
7.6 網頁色彩的平淡與刺激. 170
7.6.1 緩和視覺沖擊172
7.6.2 面積的大小影響視覺的感受173
7.7 網頁色彩的樸實與華貴. 174
7.7.1 點綴色展現頁面的華貴感176
7.7.2 純度低的顏色展現頁面的樸實感177
7.8 網頁色彩的古樸與青春. 178
7.8.1 中純度、中明度的搭配給人一種古樸
的感覺180
7.8.2 鮮艷的色彩搭配給人一種青春活力的
感覺181
7.9 網頁色彩的興奮和沉靜. 182
7.9.1 暗色調制造出來的沉靜感覺184
7.9.2 明度高的顏色給人一種興奮的感覺185
7.10 網頁色彩中的男性與女性. 186
7.10.1 灰色展現出男性理智穩重的氣質188
7.10.2 紅色系可展示女性的柔美189
第8章 新潮的網頁設計方案
方案1：扁平化的極簡主義風潮 191
方案2：錯位排版的網頁布局. 192
方案3：以互動圖表的方式展示信息內容.193
方案4：以光效和質感裝飾的網頁 194
方案5：網格化和幾何圖形化的設計趨勢.195
方案6：使用炫酷文字吸引視覺注意 196
方案7：使用幽靈效果實現簡約美 197
方案8：黑白灰的主體設計配色 198
方案9：鼠標移動產生的視覺差效果 199
方案10：去界面化的設計方法. 200
方案11：一屏以內清晰地展示內容 201
方案12：隱藏的導航欄模式. 202
方案13：現代復古風格的網頁設計 203
方案14：細節個性十足的炫酷網頁 204
方案15：小清新的視覺感受. 205
方案16：使用細小的部分展現網頁特色. 206
方案17：非常大膽的空間留白. 207
方案18：滾動瀏覽的網頁設計. 208
方案19： 背景以大圖趨小的方式搭配
設計感文字 209
方案20：用強弱對比展示信息重點 210
新書資訊