網(wǎng)頁藝術(shù)設(shè)計(jì)

目錄
第1章網(wǎng)頁藝術(shù)設(shè)計(jì)快速入門
1.1　網(wǎng)頁藝術(shù)設(shè)計(jì)概述 2
1.1.1　什么是網(wǎng)頁藝術(shù)設(shè)計(jì) 3
1.1.2　網(wǎng)頁頁面等級(jí) 3
1.1.3　網(wǎng)頁藝術(shù)設(shè)計(jì)原則 4
1.1.4　網(wǎng)頁藝術(shù)設(shè)計(jì)流程 7
1.2　了解網(wǎng)站基礎(chǔ)布局 9
1.2.1　網(wǎng)站Logo 10
1.2.2　網(wǎng)站Banner 10
1.2.3　導(dǎo)航欄 11
1.2.4　主體內(nèi)容 12
1.2.5　標(biāo)題 13
1.2.6　頁眉 13
1.2.7　頁腳 14
1.2.8　廣告區(qū) 14
1.2.9　Flash 動(dòng)畫 15
1.3　網(wǎng)頁藝術(shù)設(shè)計(jì)的發(fā)展趨勢(shì) 16
1.3.1　視差滾動(dòng)技術(shù) 17
1.3.2　滾動(dòng)加載頁面內(nèi)容 17
1.3.3　全屏圖片背景 18
1.3.4　扁平化網(wǎng)頁設(shè)計(jì) 19
1.4　常見的網(wǎng)站類型 20
1.4.1　門戶網(wǎng)站 21
1.4.2　電商網(wǎng)站 21
1.4.3　企業(yè)網(wǎng)站 22
1.4.4　個(gè)人網(wǎng)站 23
1.4.5　視頻網(wǎng)站 24
第2章網(wǎng)頁色彩搭配秘訣
2.1　色彩基礎(chǔ)知識(shí) 26
2.1.1　色相、純度、明度 27
2.1.2　主色、輔助色、點(diǎn)綴色 29
2.1.3　鄰近色、對(duì)比色 30
2.1.4　認(rèn)識(shí)色彩的混合 31
2.2　網(wǎng)頁基礎(chǔ)色相配色 32
2.2.1　紅色 33
2.2.2　橙色 35
2.2.3　黃色 37
2.2.4　綠色 39
2.2.5　藍(lán)色 41
2.2.6　紫色 43
2.2.7　黑、白、灰 45
2.3　常見的網(wǎng)頁配色方案 47
2.3.1　柔和明亮 48
2.3.2　潔凈爽朗 50
2.3.3　女性化風(fēng)格 52
2.4　網(wǎng)頁設(shè)計(jì)的色彩搭配技巧 54
2.4.1　冷色調(diào)搭配 55
2.4.2　暖色調(diào)搭配 57
2.4.3　網(wǎng)站主題色搭配 59
第3章網(wǎng)頁版式設(shè)計(jì)與布局
3.1　版式設(shè)計(jì)的基本元素 62
3.1.1　網(wǎng)頁版式中的點(diǎn) 63
3.1.2　網(wǎng)頁版式中的線 65
3.1.3　網(wǎng)頁版式中的面 67
3.2　常見的網(wǎng)頁布局形式 69
3.2.1　“國”字形布局 70
3.2.2　“T”形結(jié)構(gòu)布局 72
3.2.3　封面型布局 74
3.3　網(wǎng)頁版式設(shè)計(jì)的呈現(xiàn)技巧 76
3.3.1　重復(fù)與交錯(cuò) 77
3.3.2　節(jié)奏與韻律 79
3.3.3　對(duì)稱與均衡 81
3.3.4　利用留白區(qū)域 83
3.3.5　規(guī)范對(duì)齊 85
第4章網(wǎng)頁字體與圖形元素設(shè)計(jì)手法
4.1　網(wǎng)頁字體元素設(shè)計(jì) 88
4.1.1　增加文字的易讀性 89
4.1.2　對(duì)文字進(jìn)行強(qiáng)調(diào) 91
4.1.3　文字顏色的多樣性 93
4.1.4　外文字體花式運(yùn)用 95
4.1.5　文字圖形化 97
4.2　網(wǎng)頁圖形元素設(shè)計(jì) 98
4.2.1　圖形的象征意義 99
4.2.2　情感渲染 101
4.2.3　夸張式圖形 103
4.2.4　直觀表達(dá)的圖形 105
4.2.5　圓形的運(yùn)用 107
4.2.6　常見的幾何圖形 109
第5章網(wǎng)頁的創(chuàng)意設(shè)計(jì)方法
5.1　網(wǎng)頁修辭手法運(yùn)用 112
5.1.1　想象 113
5.1.2　比喻 115
5.1.3　借代 117
5.1.4　虛實(shí) 119
5.1.5　幽默 121
5.2　網(wǎng)頁藝術(shù)設(shè)計(jì)常用技巧 122
5.2.1　跟隨流行趨勢(shì) 123
5.2.2　制造夢(mèng)幻神奇 125
5.2.3　突出畫面人物 127
5.2.4　大幅配圖 129
5.2.5　改變視覺慣性 131
5.2.6　小中見大 133
5.2.7　少就是多 135
第6章網(wǎng)頁設(shè)計(jì)的藝術(shù)基調(diào)
6.1　網(wǎng)頁設(shè)計(jì)的基本原則 138
6.1.1　強(qiáng)調(diào)原則 139
6.1.2　簡約原則 141
6.1.3　平衡原則 143
6.1.4　對(duì)比原則 145
6.1.5　統(tǒng)一原則 147
6.2　網(wǎng)頁中的特色元素 149
6.2.1　中國風(fēng)元素運(yùn)用 150
6.2.2　網(wǎng)頁動(dòng)畫設(shè)計(jì) 152
6.3　常見的網(wǎng)頁設(shè)計(jì)風(fēng)格 154
6.3.1　金屬風(fēng)格 155
6.3.2　無邊框風(fēng)格 157
6.3.3　插畫風(fēng)格 159
6.3.4　現(xiàn)實(shí)風(fēng)格 161
第7章典型行業(yè)網(wǎng)頁設(shè)計(jì)賞析
7.1　電商類網(wǎng)頁設(shè)計(jì) 164
7.1.1　食品網(wǎng)站藝術(shù)設(shè)計(jì) 165
7.1.2　珠寶飾品類網(wǎng)站藝術(shù)設(shè)計(jì) 167
7.1.3　鞋類網(wǎng)站藝術(shù)設(shè)計(jì) 169
7.1.4　家具類商城藝術(shù)設(shè)計(jì) 171
7.1.5　綜合電商網(wǎng)站藝術(shù)設(shè)計(jì) 173
【深度解析】綜合電商網(wǎng)站藝術(shù)設(shè)計(jì) 173
7.2　休閑生活類網(wǎng)頁設(shè)計(jì) 176
7.2.1　門戶網(wǎng)站藝術(shù)設(shè)計(jì) 177
7.2.2　旅游類網(wǎng)站藝術(shù)設(shè)計(jì) 179
7.2.3　婚戀交友類網(wǎng)站藝術(shù)設(shè)計(jì) 181
7.2.4　醫(yī)療保健類網(wǎng)站藝術(shù)設(shè)計(jì) 183
7.2.5　游戲類網(wǎng)站藝術(shù)設(shè)計(jì) 185
7.2.6　餐飲酒店類網(wǎng)站藝術(shù)設(shè)計(jì) 187
【深度解析】餐飲酒店類網(wǎng)站藝術(shù)設(shè)計(jì) 187
7.3　文化藝術(shù)類網(wǎng)頁設(shè)計(jì) 190
7.3.1　音樂類網(wǎng)站藝術(shù)設(shè)計(jì) 191
7.3.2　教育類網(wǎng)站藝術(shù)設(shè)計(jì) 193
7.3.2　新聞?lì)惥W(wǎng)站藝術(shù)設(shè)計(jì) 195
【深度解析】新聞?lì)惥W(wǎng)站藝術(shù)設(shè)計(jì) 195
7.4　其他類型網(wǎng)頁設(shè)計(jì) 198
7.4.1　科技類網(wǎng)站藝術(shù)設(shè)計(jì) 199
7.4.2　個(gè)人類網(wǎng)站藝術(shù)設(shè)計(jì) 201
7.4.3　在線視頻類網(wǎng)站藝術(shù)設(shè)計(jì) 203
【深度解析】在線視頻類網(wǎng)站藝術(shù)設(shè)計(jì) 203