網頁色彩搭配寶典

《網頁色彩搭配寶典》是2018年8月清華大學出版社出版的圖書，作者是唯美映像。

基本介紹

• 中文名：網頁色彩搭配寶典
• 作者：唯美映像
• 出版社：清華大學出版社
• 出版時間：2018年8月
• 定價：69.8 元
• ISBN：9787302505648

內容簡介

《網頁色彩搭配寶典》是一本全面講解網頁設計和色彩搭配設計的圖書，共分8章，分別為“網頁設計知識”“色彩基礎知識”“網頁設計的製作流程”“網頁設計的原則與配色”“網頁設計的常見風格”“不同類型的網頁設計”“網頁的色彩情緒”和“新潮的網頁設計方案”。第1、2章為網頁設計基礎知識和基本的色彩理論，是必學知識；第3、4章為網頁設計的流程以及網頁設計的原則，為後面章節做鋪墊；第5～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