網頁藝術設計

《網頁藝術設計》是一本專門介紹網頁藝術設計相關知識的學習工具書，全書共7 章，主要包括藝術設計快速入門、色彩搭配與版式佈局、字體與圖形元素設計、創意設計和藝術基調以及典型行業設計賞析5 個部分。本書主體內容採用了基礎知識介紹+ 案例鑒賞的方式講解網頁設計知識與技巧，書中提供了不同類型的網頁設計案例，從不同角度講解網頁設計的技巧和註意事項。圖文搭配的內容編排方式能讓讀者“一舉兩得”，不僅學習了別人的設計方法，還能夠看到實際的應用效果。 《網頁藝術設計》適合作為學習網頁設計、前端設計、平面設計讀者的入門級教材，也可以作為大中專院校網頁設計相關專業的教材或網頁製作培訓機構的教學用書。此外，本書還可以作為網頁設計師、網站建設與開發人員、平面設計師、前端設計師及網頁設計愛好者崗前培訓、擴展閱讀、案例培訓、實戰設計的參考用書。

目錄

第1章網頁藝術設計快速入門

1.1　網頁藝術設計概述     2

1.1.1　什麽是網頁藝術設計     3

1.1.2　網頁頁面等級       3

1.1.3　網頁藝術設計原則       4

1.1.4　網頁藝術設計流程       7

1.2　瞭解網站基礎佈局     9

1.2.1　網站Logo   10

1.2.2　網站Banner       10

1.2.3　導航欄       11

1.2.4　主體內容    12

1.2.5　標題   13

1.2.6　頁眉   13

1.2.7　頁腳   14

1.2.8　廣告區       14

1.2.9　Flash 動畫        15

1.3　網頁藝術設計的發展趨勢      16

1.3.1　視差滾動技術     17

1.3.2　滾動加載頁面內容     17

1.3.3　全屏圖片背景     18

1.3.4　扁平化網頁設計   19

1.4　常見的網站類型      20

1.4.1　門戶網站    21

1.4.2　電商網站    21

1.4.3　企業網站    22

1.4.4　個人網站    23

1.4.5　視頻網站    24

第2章網頁色彩搭配秘訣

2.1　色彩基礎知識   26

2.1.1　色相、純度、明度     27

2.1.2　主色、輔助色、點綴色     29

2.1.3　鄰近色、對比色   30

2.1.4　認識色彩的混合   31

2.2　網頁基礎色相配色    32

2.2.1　紅色   33

2.2.2　橙色   35

2.2.3　黃色   37

2.2.4　綠色   39

2.2.5　藍色   41

2.2.6　紫色   43

2.2.7　黑、白、灰        45

2.3　常見的網頁配色方案      47

2.3.1　柔和明亮    48

2.3.2　潔凈爽朗    50

2.3.3　女性化風格        52

2.4　網頁設計的色彩搭配技巧      54

2.4.1　冷色調搭配        55

2.4.2　暖色調搭配        57

2.4.3　網站主題色搭配   59

第3章網頁版式設計與佈局

3.1　版式設計的基本元素      62

3.1.1　網頁版式中的點   63

3.1.2　網頁版式中的線   65

3.1.3　網頁版式中的面   67

3.2　常見的網頁佈局形式      69

3.2.1　“國”字形佈局   70

3.2.2　“T”形結構佈局       72

3.2.3　封面型佈局        74

3.3　網頁版式設計的呈現技巧      76

3.3.1　重復與交錯        77

3.3.2　節奏與韻律        79

3.3.3　對稱與均衡        81

3.3.4　利用留白區域     83

3.3.5　規範對齊    85

第4章網頁字體與圖形元素設計手法

4.1　網頁字體元素設計    88

4.1.1　增加文字的易讀性     89

4.1.2　對文字進行強調   91

4.1.3　文字顏色的多樣性     93

4.1.4　外文字體花式運用     95

4.1.5　文字圖形化        97

4.2　網頁圖形元素設計    98

4.2.1　圖形的象徵意義   99

4.2.2　情感渲染         101

4.2.3　誇張式圖形       103

4.2.4　直觀表達的圖形       105

4.2.5　圓形的運用       107

4.2.6　常見的幾何圖形       109

第5章網頁的創意設計方法

5.1　網頁修辭手法運用  112

5.1.1　想象       113

5.1.2　比喻       115

5.1.3　借代       117

5.1.4　虛實       119

5.1.5　幽默       121

5.2　網頁藝術設計常用技巧  122

5.2.1　跟隨流行趨勢    123

5.2.2　製造夢幻神奇    125

5.2.3　突出畫面人物    127

5.2.4　大幅配圖         129

5.2.5　改變視覺慣性    131

5.2.6　小中見大         133

5.2.7　少就是多         135

第6章網頁設計的藝術基調

6.1　網頁設計的基本原則     138

6.1.1　強調原則         139

6.1.2　簡約原則         141

6.1.3　平衡原則         143

6.1.4　對比原則         145

6.1.5　統一原則         147

6.2　網頁中的特色元素  149

6.2.1　中國風元素運用       150

6.2.2　網頁動畫設計    152

6.3　常見的網頁設計風格     154

6.3.1　金屬風格         155

6.3.2　無邊框風格       157

6.3.3　插畫風格         159

6.3.4　現實風格         161

第7章典型行業網頁設計賞析

7.1　電商類網頁設計    164

7.1.1　食品網站藝術設計    165

7.1.2　珠寶飾品類網站藝術設計      167

7.1.3　鞋類網站藝術設計    169

7.1.4　傢具類商城藝術設計       171

7.1.5　綜合電商網站藝術設計    173

【深度解析】綜合電商網站藝術設計   173

7.2　休閑生活類網頁設計     176

7.2.1　門戶網站藝術設計    177

7.2.2　旅游類網站藝術設計       179

7.2.3　婚戀交友類網站藝術設計      181

7.2.4　醫療保健類網站藝術設計      183

7.2.5　游戲類網站藝術設計       185

7.2.6　餐飲酒店類網站藝術設計      187

【深度解析】餐飲酒店類網站藝術設計   187

7.3　文化藝術類網頁設計     190

7.3.1　音樂類網站藝術設計       191

7.3.2　教育類網站藝術設計       193

7.3.2　新聞類網站藝術設計       195

【深度解析】新聞類網站藝術設計     195

7.4　其他類型網頁設計  198

7.4.1　科技類網站藝術設計       199

7.4.2　個人類網站藝術設計       201

7.4.3　在線視頻類網站藝術設計      203

【深度解析】在線視頻類網站藝術設計   203