網頁布局與配色實戰

網頁布局與配色實戰

《網頁布局與配色實戰》是2017年清華大學出版社出版的圖書,圖書作者是鐵鐘。

書籍簡介

網頁的版式布局和色彩搭配往往是設計者感到最頭疼的問題,尤其是那些非美術或平面設計出身的 網頁設計者,他們在掌握了網頁製作軟體和相關技術的同時,還想多學習一些色彩的基礎知識和網站的 配色方法。為此,除了借鑑大量的成功作品,體會不同的網頁設計配色技巧以外,最直接的方法就是尋 找一本理想的網頁配色參考書,通過學習,可以快速提高網頁的配色水平。

圖書目錄

目錄

第1章網頁設計入門

1.1網頁設計的原則/2

1.1.1了解用戶需要/2

1.1.2內容與形式的統一/2

1.1.3主題鮮明/4

1.1.4易用性/4

1.1.5整體統一/6

1.1.6對比性/7

1.2網頁設計的定位/7

1.2.1什麼才是好的網頁設計/7

1.2.2怎樣做好網頁設計/8

1.3色彩在網頁設計中的重要性/11

第2章網站頁面的策劃與布局

2.1網站欄目和頁面設計策劃/14

2.1.1為什麼要進行策劃/14

2.1.2網站的欄目策劃/15

2.1.3網站的頁面策劃/16

2.2網站布局的基本元素/17

2.2.1網站Logo/17

2.2.2網站Banner/17

2.2.3導航欄/18

2.2.4主體內容/18

2.2.5文本/19

2.2.6圖像/19

2.2.7Flash動畫/19

2.2.8頁腳/20

2.2.9廣告區/20

2.3版面布局設計/20

2.3.1版面布局原則/21

2.3.2紙上布局/22

2.3.3軟體布局/23

2.4常見的版面布局形式/23

2.4.1“國”字型布局/23

2.4.2“廠”字型布局/23

2.4.3“框架”型布局/24

2.4.4“封面”型布局/24

2.4.5Flash型布局/24

2.5頁面排版布局趨勢/25

第3章網站頁面的視覺元素設計

3.1網頁構成/28

3.1.1點的套用/28

3.1.2線的套用/28

3.1.3面的套用/29

3.2頁面中的文字設計/29

3.2.1文字的字型、字號、行距/30

3.2.2文字的顏色/30

3.2.3文字的圖形化/31

3.2.4讓文字易讀/31

3.3頁面中的圖像套用/32

3.3.1常見的網頁圖像格式/32

3.3.2網頁中套用圖像的注意要點/33

3.3.3讓圖片更合理/34

3.4網站導航設計/35

3.4.1導航設計的基本要求/35

3.4.2全局導航的基礎要素/36

3.4.3導航設計注意要點/36

3.4.4讓按鈕更易點擊/37

第4章網站頁面創意和風格

4.1頁面設計創意思維/40

4.1.1什麼是創意/40

4.1.2創意思維的原則/40

4.1.3創意過程/41

4.2創意的方法/41

4.2.1富於聯想/42

4.2.2巧用對比/42

4.2.3大膽誇張/42

4.2.4趣味幽默/43

4.2.5善用比喻/43

4.2.6以小見大/43

4.2.7偶像崇拜/44

4.2.8古典傳統/44

4.2.9流行時尚/44

4.2.10設定懸念/45

4.2.11突出人物/45

4.2.12神奇夢幻/45

4.2.13綜合創意/46

4.3網站頁面風格/46

4.3.1金屬風格/46

4.3.2大幅配圖/47

4.3.3面板風格/47

4.3.4像素風格/47

4.3.5三維風格/47

4.3.6書報風格/48

4.4網頁的創意視覺表現/48

第5章頁面色彩搭配基礎知識

5.1色彩的原理/52

5.2色彩的分類/52

5.2.1無彩色/52

5.2.2有彩色/53

5.3色彩的三要素/54

5.3.1明度/54

5.3.2色相/55

5.3.3純度/55

5.4色彩模式/56

5.4.1RGB模式/56

5.4.2CMYK模式/56

5.4.3Lab模式/57

5.5色調分析/57

5.5.1純色調/57

5.5.2中純調/58

5.5.3低純調/58

5.5.4明灰調/58

5.5.5中灰調/58

5.5.6暗灰調/59

5.5.7中暗調/59

5.5.8深暗調/59

第6章常用色彩處理手法

6.1色彩對比/62

6.1.1色相對比/62

6.1.2明度對比/67

6.1.3純度對比/68

6.1.4色彩的面積對比/70

6.1.5色彩的冷暖對比/71

6.2色彩的調和/73

6.2.1色彩調和的原則/73

6.2.2色彩調和的基本方法/75

6.3色彩調和的類型/76

6.3.1同類色調和/76

6.3.2漸變色調和/77

6.3.3對比調和/78

6.3.4同一調和/78

6.3.5面積調和/79

第7章網頁配色標準與技巧

7.1網頁配色安全/82

7.1.1216網頁安全色/82

7.1.2網頁安全色配色辭典/82

7.1.3使用各種不同的安全色調色板/83

7.2網頁配色技巧/84

7.2.1背景與文字顏色搭配/84

7.2.2使用一種色彩/86

7.2.3兩色搭配是用色的基礎/86

7.2.4色彩的數量/87

7.3使用配色軟體/88

7.3.1ColorKeyXp軟體/88

7.3.2ColorSchemeDesigner/88

7.3.3CheckMyColours/89

7.3.4ColorJack/89

7.3.5ColorSchemerOnlinev2/90

第8章主色、輔助色、點綴色

8.1主色的魅力/92

8.1.1主色可以決定整個作品風格/92

8.1.2主色的面積原理/92

8.1.3區別主色的關鍵/94

8.2輔助色的秘密/94

8.2.1輔助色的功能/94

8.2.2背景色是特殊的輔助色/95

8.2.3選擇輔助色的訣竅/96

8.3點綴色的套用/96

8.3.1點綴色也會影響頁面風格/96

8.3.2點綴色能讓頁面放光彩/97

第9章常見基本配色搭配方案

9.1配色色標/100

9.2強烈/102

9.2.1推薦配色方案/102

9.2.2配色解析/103

9.3豐富/103

9.3.1推薦配色方案/103

9.3.2配色解析/105

9.4浪漫/105

9.4.1推薦配色方案/105

9.4.2配色解析/106

9.5奔放/106

9.5.1推薦配色方案/107

9.5.2配色解析/108

9.6柔和/108

9.6.1推薦配色方案/108

9.6.2配色解析/109

9.7熱情/109

9.7.1推薦配色方案/110

9.7.2配色解析/111

9.8動感/111

9.8.1推薦配色方案/111

9.8.2配色解析/112

9.9高雅/112

9.9.1推薦配色方案/113

9.9.2配色解析/114

9.10流行/114

9.10.1推薦配色方案/114

9.10.2配色解析/116

9.11清新/116

9.11.1推薦配色方案/116

9.11.2配色解析/117

9.12古典/118

9.12.1推薦配色方案/118

9.12.2配色解析/119

9.13堂皇/119

9.13.1推薦配色方案/119

9.13.2配色解析/121

9.14神奇/121

9.14.1推薦配色方案/121

9.14.2配色解析/122

9.15職業/122

9.15.1推薦配色方案/123

9.15.2配色解析/124

第10章網站色相與配色

10.1紅色系的配色/126

10.1.1紅色系的分類/126

10.1.2紅色適合的配色方案/128

10.1.3適用紅色系的網站/130

10.2橙色系的配色/131

10.2.1橙色系的分類/131

10.2.2橙色適合的配色方案/133

10.2.3適用橙色系的網站/134

10.3黃色系的配色/135

10.3.1黃色系的分類/135

10.3.2黃色適合的配色方案/137

10.3.3適用黃色系的網站/138

10.4紫色系的配色/141

10.4.1紫色系的分類/141

10.4.2紫色適合的配色方案/142

10.4.3適用紫色系的網站/144

10.5綠色系的配色/146

10.5.1綠色系的分類/146

10.5.2綠色適合的配色方案/147

10.5.3適用綠色系的網站/149

10.6藍色系的配色/151

10.6.1藍色系的分類/151

10.6.2藍色適合的配色方案/153

10.6.3適用藍色系的網站/154

10.7無彩色的配色/157

10.7.1白色系的網站/157

10.7.2灰色系的網站/157

10.7.3黑色系的網站/157

第11章各類網站設計與配色案例解析

11.1個人網站/160

11.1.1個人網站特點/160

11.1.2頁面分析/160

11.1.3網站配色講解/161

11.2政府網站/161

11.2.1政府網站的特點/161

11.2.2頁面分析/163

11.2.3網站配色講解/164

11.3藝術網站/164

11.3.1藝術網站的特點/164

11.3.2頁面分析/165

11.3.3網站配色講解/165

11.4線上視頻網站/166

11.4.1線上視頻網站的特點/166

11.4.2頁面分析/166

11.4.3網站配色講解/167

11.5音樂網站/167

11.5.1音樂網站的特點/167

11.5.2頁面分析/168

11.5.3網站配色講解/168

11.6遊戲網站/168

11.6.1遊戲網站的特點/168

11.6.2頁面分析/170

11.6.3網站配色講解/171

11.7婚戀交友網站/171

11.7.1婚戀交友網站的特點/171

11.7.2頁面分析/172

11.7.3網站配色講解/172

11.8旅遊網站/173

11.8.1旅遊網站的特點/173

11.8.2頁面分析/175

11.8.3網站配色講解/176

11.9醫療保健網站/176

11.9.1醫療保健網站的特點/176

11.9.2頁面分析/177

11.9.3網站配色講解/178

11.10設計裝飾類網站/179

11.10.1設計裝飾類網站的特點/179

11.10.2頁面分析/179

11.10.3網站配色講解/180

11.11房地產網站/180

11.11.1房地產網站的特點/180

11.11.2頁面分析/180

11.11.3網站配色講解/181

11.12餐飲酒店網站/182

11.12餐飲酒店網站/182

11.12.1餐飲酒店網站的特點/182

11.12.2頁面分析/182

11.12.3網站配色講解/183

11.13新聞網站/184

11.13.1新聞網站的特點/184

11.13.2頁面分析/185

11.13.3網站配色講解/187

11.14教育網站/188

11.14.1教育網站的特點/188

11.14.2頁面分析/188

11.14.3網站配色講解/189

11.15綜合入口網站/189

11.15.1綜合入口網站的特點/190

11.15.2頁面分析/190

11.15.3網站配色講解/191

11.16女裝網站/191

11.16.1女裝網站的特點/191

11.16.2頁面分析/192

11.16.3網站配色講解/192

11.17美容化妝網站/193

11.17.1美容化妝網站的特點/193

11.17.2頁面分析/194

11.17.3網站配色講解/195

11.18IT數碼網站/196

11.18.1IT數碼網站的特點/196

11.18.2頁面分析/197

11.18.3網站配色講解/198

11.19家居日用品網站/198

11.19.1家居日用品網站的特點/198

11.19.2頁面分析/199

11.19.3網站配色講解/200

11.20男性商品類網站/201

11.20.1男性商品類網站的特點/201

11.20.2頁面分析/201

11.20.3網站配色講解/201

11.21鞋類網站/202

11.21.1鞋類網站的特點/202

11.21.2頁面分析/202

11.21.3網站配色講解/202

11.22童裝網站/204

11.22.1童裝網站的特點/204

11.22.2頁面分析/204

11.22.3網站配色講解/204

11.23珠寶飾品網站/206

11.23.1珠寶飾品網站的特點/206

11.23.2頁面分析/206

11.23.3網站配色講解/207

11.24食品網站/207

11.24.1食品網站的特點/207

11.24.2頁面分析/208

11.24.3網站配色講解/208

附錄1各行業網站色彩搭配/209

附錄2配色形容詞色卡/214

相關詞條

熱門詞條

聯絡我們