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

目錄
第1章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)快速入門
1.1　網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)概述 2
1.1.1　什么是網(wǎng)頁(yè)藝術(shù)設(shè)計(jì) 3
1.1.2　網(wǎng)頁(yè)頁(yè)面等級(jí) 3
1.1.3　網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)原則 4
1.1.4　網(wǎng)頁(yè)藝術(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　頁(yè)眉 13
1.2.7　頁(yè)腳 14
1.2.8　廣告區(qū) 14
1.2.9　Flash 動(dòng)畫 15
1.3　網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的發(fā)展趨勢(shì) 16
1.3.1　視差滾動(dòng)技術(shù) 17
1.3.2　滾動(dòng)加載頁(yè)面內(nèi)容 17
1.3.3　全屏圖片背景 18
1.3.4　扁平化網(wǎng)頁(yè)設(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)頁(yè)色彩搭配秘訣
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)頁(yè)基礎(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)頁(yè)配色方案 47
2.3.1　柔和明亮 48
2.3.2　潔凈爽朗 50
2.3.3　女性化風(fēng)格 52
2.4　網(wǎng)頁(yè)設(shè)計(jì)的色彩搭配技巧 54
2.4.1　冷色調(diào)搭配 55
2.4.2　暖色調(diào)搭配 57
2.4.3　網(wǎng)站主題色搭配 59
第3章網(wǎng)頁(yè)版式設(shè)計(jì)與布局
3.1　版式設(shè)計(jì)的基本元素 62
3.1.1　網(wǎng)頁(yè)版式中的點(diǎn) 63
3.1.2　網(wǎng)頁(yè)版式中的線 65
3.1.3　網(wǎng)頁(yè)版式中的面 67
3.2　常見的網(wǎng)頁(yè)布局形式 69
3.2.1　“國(guó)”字形布局 70
3.2.2　“T”形結(jié)構(gòu)布局 72
3.2.3　封面型布局 74
3.3　網(wǎng)頁(yè)版式設(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)頁(yè)字體與圖形元素設(shè)計(jì)手法
4.1　網(wǎng)頁(yè)字體元素設(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)頁(yè)圖形元素設(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)頁(yè)的創(chuàng)意設(shè)計(jì)方法
5.1　網(wǎng)頁(yè)修辭手法運(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)頁(yè)藝術(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)頁(yè)設(shè)計(jì)的藝術(shù)基調(diào)
6.1　網(wǎng)頁(yè)設(shè)計(jì)的基本原則 138
6.1.1　強(qiáng)調(diào)原則 139
6.1.2　簡(jiǎn)約原則 141
6.1.3　平衡原則 143
6.1.4　對(duì)比原則 145
6.1.5　統(tǒng)一原則 147
6.2　網(wǎng)頁(yè)中的特色元素 149
6.2.1　中國(guó)風(fēng)元素運(yùn)用 150
6.2.2　網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì) 152
6.3　常見的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格 154
6.3.1　金屬風(fēng)格 155
6.3.2　無(wú)邊框風(fēng)格 157
6.3.3　插畫風(fēng)格 159
6.3.4　現(xiàn)實(shí)風(fēng)格 161
第7章典型行業(yè)網(wǎng)頁(yè)設(shè)計(jì)賞析
7.1　電商類網(wǎng)頁(yè)設(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)頁(yè)設(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)頁(yè)設(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)頁(yè)設(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