網站設計與網頁配色實例精講

本書從色彩設計、信息類型兩方面著手，展開對設計網站理論及實際套用的討論。 根據現今網際網路的主流信息，結合中國現有情況，把信息類別劃分為四大塊。每塊包含幾個類，每類又分子類，從信息類型的不同特點分別討論網站如何進行設計。 本書既有理論知識講解，又有具體實例分析，條理清晰，內容明快，以塊、類劃分，易讀，易懂。理論結合案例欣賞的方式，不僅閱讀方便，而且容易掌握，並帶領讀者快速掌握網站設計的要點。 本書適合對製作網頁的軟體已熟悉，需要學習如何設計網頁的網頁製作愛好者；對網頁設計有一定的了解，需要進一步提高設計水平的網頁設計從業人員；希望了解網頁設計知識的IT行業中的相關人員。

第一部分　網站設計要點

第1章　信息與結構　3

1.1　信息與結構框架　3
1.1.1　分欄式　3
1.1.2　區域劃分　6
1.1.3　無規律頁面設計　8
1.2　框架設計的選擇與套用　10
1.3　頁面信息布局、信息結構設計　12
1.4　預留空間　14
1.5　易用性原則　14

第2章　導航設計　15

2.1　千變萬化的導航　15
2.2　通過頁面設計處理主從導航關係　18
2.3　導航與網站風格統一　20
2.4　可用性Flash導航　23

第3章　網頁用圖和文字設計　25

3.1　網站標誌　27
3.2　網頁插圖的選取與使用　27
3.3　圖像藝術　29
3.4　文字藝術　32
3.5　圖文排版　34

第4章　網站風格創意　37

4.1　網站“氣韻”與風格設計　39
4.2　從細節設計看網站設計　41
4.3　展開創意思維　43
4.4　多看、多練、多思考　46

第二部分　色彩設計詳析

第5章　色彩基礎知識　49

5.1　認識網頁色彩　49
5.2　Web 216安全色　50
5.3　色彩的三要素與色立體　51
5.4　色彩象徵與色相分析　52

第6章　制定配色方案　67

6.1　基於色相、色調的配色方案　67
6.2　基於色彩情感的配色方案　79
6.3　體現節奏和韻律的色彩　85

第7章　色彩與風格設計　87

7.1　網頁中的“靜態色彩”與“動態色彩”　87
7.1.1　靜態色彩(框架色彩)　87
7.1.2　動態色彩　89
7.2　表示強調的色彩運用(突出色彩的運用)　91
7.3　單一頁面的色彩布局　93
7.3.1　色彩平衡(色彩在頁面的布局)　93
7.3.2　色彩面積對比　95
7.3.3　色彩情感與插圖情感一致　96
7.4　網站整體的色彩規劃　97
7.4.1　“可讀性”的色彩設計　98
7.4.2　色彩計畫　98
7.5　色彩設計與網站風格　100

第三部分　信息類網站

第8章　門戶類網站　105

8.1　多頻道統一性　106
8.2　家族網站　108
8.3　框架及色彩　108
8.4　網站改版　110
8.5　風格設計的創新與延續　110
8.6　日益增多的垂直門戶　111

第9章　資訊類網站　113

9.1　頁面布局與導航　115
9.2　框架設計與網站風格　116
9.3　圖片信息與文字信息　118

第10章　機構類網站　121

10.1　大氣的網站風格　122
10.2　框架及色彩　123
10.3　含義明了的插圖　125

第四部分　氣氛類網站

第11章　娛樂類網站　129

11.1　網站文化定位　132
11.2　積極的色彩和消極的色彩　133
11.3　氣氛營造與網站風格　135
11.4　電影網站　137
11.5　音樂網站　138
11.6　遊戲網站　139

第12章　生活類網站　141

12.1　網站擇圖與網站氣氛　143
12.2　色彩設計　144
12.3　女性網站　148
12.4　男士網站　149
12.5　兒童網站　150

第13章　時尚類網站　153

13.1　流行文化與時尚設計　155
13.2　網站時尚風格　157
13.3　體育時尚網站　159
13.4　品牌服裝網站　161

第14章　文化類網站　163

14.1　網站與網站文化　165
14.2　文化類網站的色彩設計　170
14.3　文化特徵與風格設計　172

第五部分　商務類網站

第15章　電子商務網站　177

15.1　從信息內容提高可信度　182
15.2　商品分類和導航設計　182
15.3　商品信息與網站層級結構　183
15.3.1　網站的深度　183
15.3.2　商品的展示方式　184
15.3.3　主推產品的廣告　186
15.4　色彩設計與商品相關　186
15.5　風格設計取決於消費者的喜好　188
15.5.1　門戶式的多種類商品銷售　188
15.5.2　垂直類別商品銷售　189
15.5.3　小店型風格設計　189

第16章　企業網站　191

16.1　建設企業網站的主要依據　195
16.2　VIS讓企業網站更上一層樓　197
16.3　以形象為主的企業網站　199
16.4　以產品為主的企業網站　202
16.5　信息量大的企業站點　203

第17章　個人主頁　207

17.1　千奇百態、風格各異　210
17.2　隨意、自由的色彩　213
17.3　自我介紹的“簡歷”網站　214
17.4　情感宣洩的“獨白”網站