網(wǎng)頁(yè)配色設(shè)計(jì)手冊(cè)（第2版）

第1章  網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)
1.1  色彩的基礎(chǔ)知識(shí) 2
1.1.1　認(rèn)識(shí)色彩 3
1.1.2　網(wǎng)頁(yè)色彩的特性 4
1.1.3　色彩的屬性 4
1.1.4　色彩的分類(lèi) 5
1.1.5　色彩的心理感受 6
1.1.6　主色、輔助色、點(diǎn)綴色的關(guān)系 7
1.2  網(wǎng)頁(yè)設(shè)計(jì)的點(diǎn)、線、面 8
1.2.1　點(diǎn) 8
1.2.2　線 9
1.2.3　面 10
1.3  網(wǎng)頁(yè)的構(gòu)成 10
1.3.1　網(wǎng)頁(yè)尺寸 11
1.3.2　網(wǎng)頁(yè)標(biāo)題 12
1.3.3　網(wǎng)站Logo 13
1.3.4　網(wǎng)頁(yè)頁(yè)眉 14
1.3.5　網(wǎng)頁(yè)頁(yè)腳 14
1.3.6　網(wǎng)頁(yè)導(dǎo)航 15
1.3.7　網(wǎng)頁(yè)主體內(nèi)容 15
第2章  網(wǎng)頁(yè)設(shè)計(jì)的5個(gè)原則
2.1　主題鮮明性原則 17
2.2　形式統(tǒng)一性原則 20
2.3　色彩和諧性原則 24
2.4　簡(jiǎn)潔清晰性原則 27
2.5　界面友好性原則 31
第3章  網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)色
3.1　紅 36
3.1.1　認(rèn)識(shí)紅色 36
3.1.2　洋紅&胭脂紅 37
3.1.3　玫瑰紅&朱紅 37
3.1.4　鮮紅&山茶紅 38
3.1.5　淺玫瑰紅&火鶴紅 38
3.1.6　鮭紅&殼黃紅 39
3.1.7　淺粉紅&博艮第酒紅 39
3.1.8　威尼斯紅&寶石紅 40
3.1.9　灰玫紅&優(yōu)品紫紅 40
3.2　橙 41
3.2.1　認(rèn)識(shí)橙色 41
3.2.2　橘紅&橘色 42
3.2.3　橙色&陽(yáng)橙 42
3.2.4　蜜橙&杏黃 43
3.2.5　沙棕&米色 43
3.2.6　灰土&駝色 44
3.2.7　椰褐&褐色 44
3.2.8　柿子橙&醬橙色 45
3.2.9　金茶色&膚色 45
3.3　黃 46
3.3.1　認(rèn)識(shí)黃色 46
3.3.2　黃&鉻黃 47
3.3.3　金色&香蕉黃 47
3.3.4　鮮黃&月光黃 48
3.3.5　檸檬黃&萬(wàn)壽菊黃 48
3.3.6　香檳黃&奶黃 49
3.3.7　土著黃&黃褐 49
3.3.8　卡其黃&含羞草黃 50
3.3.9　芥末黃&秋菊色 50
3.4　綠 51
3.4.1　認(rèn)識(shí)綠色 51
3.4.2　黃綠&蘋(píng)果綠 52
3.4.3　嫩綠&葉綠 52
3.4.4　草綠&苔蘚綠 53
3.4.5　芥末綠&橄欖綠 53
3.4.6　枯葉綠&碧綠 54
3.4.7　綠松石綠&青瓷綠 54
3.4.8　孔雀石綠&鉻綠 55
3.4.9　孔雀綠&鈷綠 55
3.5　青 56
3.5.1　認(rèn)識(shí)青色 56
3.5.2　青&鐵青 57
3.5.3　深青&天青 57
3.5.4　群青&石青 58
3.5.5　青綠&青藍(lán) 58
3.5.6　瓷青&淡青 59
3.5.7　白青&青灰 59
3.5.8　水青&藏青 60
3.5.9　清漾青&淺蔥色 60
3.6　藍(lán) 61
3.6.1　認(rèn)識(shí)藍(lán)色 61
3.6.2　藍(lán)色&天藍(lán)色 62
3.6.3　蔚藍(lán)色&普魯士藍(lán) 62
3.6.4　矢車(chē)菊藍(lán)&深藍(lán) 63
3.6.5　道奇藍(lán)&寶石藍(lán) 63
3.6.6　午夜藍(lán)&皇室藍(lán) 64
3.6.7　濃藍(lán)色&藍(lán)黑色 64
3.6.8　愛(ài)麗絲藍(lán)&水晶藍(lán) 65
3.6.9　孔雀藍(lán)&水墨藍(lán) 65
3.7　紫 66
3.7.1　認(rèn)識(shí)紫色 66
3.7.2　紫&淡紫色 67
3.7.3　靛青色&紫藤 67
3.7.4　木槿紫&藕荷色 68
3.7.5　丁香紫&水晶紫 68
3.7.6　礦紫&三色堇紫 69
3.7.7　錦葵紫&淡紫丁香 69
3.7.8　淺灰紫&江戶(hù)紫 70
3.7.9　蝴蝶花紫&薔薇紫 70
3.8　黑、白、灰 71
3.8.1　認(rèn)識(shí)黑、白、灰 71
3.8.2　白&月光白 72
3.8.3　雪白&象牙白 72
3.8.4　10%亮灰&50%灰 73
3.8.5　80%炭灰&黑 73
第4章  網(wǎng)頁(yè)的布局
4.1  網(wǎng)頁(yè)的布局方式 75
4.1.1　“國(guó)”字型布局 75
4.1.2　拐角型布局 77
4.1.3　封面型布局 80
4.1.4　對(duì)稱(chēng)型布局 82
4.1.5　“口”字型布局 84
4.1.6　通欄型布局 85
4.1.7　骨骼型布局 88
4.2  網(wǎng)頁(yè)版面設(shè)計(jì)的常用技巧 90
4.2.1　對(duì)比技巧 90
4.2.2　重復(fù)技巧 92
4.2.3　分類(lèi)技巧 92
4.3  旅游主題網(wǎng)頁(yè)設(shè)計(jì) 93
4.3.1　設(shè)計(jì)說(shuō)明 93
4.3.2　不同布局方式解析 94
4.3.3　其他旅游網(wǎng)站布局解析 95
4.3.4　同類(lèi)網(wǎng)頁(yè)欣賞 96
第5章  不同行業(yè)的網(wǎng)頁(yè)色彩搭配
5.1  服飾類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 99
5.1.1　活潑風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì) 100
5.1.2　極簡(jiǎn)風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì) 101
5.2　美容、護(hù)膚類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 103
5.2.1　浪漫風(fēng)格的美容、護(hù)膚類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 103
5.2.2　典雅風(fēng)格的美容、護(hù)膚類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 104
5.3  食品類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 106
5.3.1　寫(xiě)實(shí)風(fēng)格的食品類(lèi) 網(wǎng)頁(yè)設(shè)計(jì) 107
5.3.2　清爽風(fēng)格的食品類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 108
5.4  數(shù)碼類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 110
5.4.1　理性風(fēng)格的數(shù)碼類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 111
5.4.2　新銳風(fēng)格的數(shù)碼類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 112
5.5　汽車(chē)類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 114
5.5.1　含蓄風(fēng)格的汽車(chē)類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 115
5.5.2　高調(diào)風(fēng)格的汽車(chē)類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 116
5.6　奢侈品類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 118
5.6.1　優(yōu)雅風(fēng)格的奢侈品類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 119
5.6.2　神秘風(fēng)格的奢侈品類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 120
5.7　藝術(shù)設(shè)計(jì)類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 122
5.7.1　插畫(huà)風(fēng)格的藝術(shù)設(shè)計(jì)類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 123
5.7.2　拼貼風(fēng)格的藝術(shù)設(shè)計(jì)類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 124
5.8　游戲類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 126
5.8.1　趣味風(fēng)格的游戲類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 126
5.8.2　未來(lái)感風(fēng)格的游戲類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 128
5.9  旅游類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 130
5.9.1　民族風(fēng)格的旅游類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 131
5.9.2　輕松風(fēng)格的旅游類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 132
5.10  家居類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 134
5.10.1  溫馨風(fēng)格的家居類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 135
5.10.2  素雅風(fēng)格的家居類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 136
5.11  購(gòu)物類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 138
5.11.1　時(shí)尚風(fēng)格的購(gòu)物類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 139
5.11.2　活潑風(fēng)格的購(gòu)物類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 140
5.12　教育類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 142
5.12.1　創(chuàng)新風(fēng)格的教育類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 143
5.12.2　嚴(yán)肅風(fēng)格的教育類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 144
5.13　醫(yī)療類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 146
5.13.1　簡(jiǎn)潔風(fēng)格的醫(yī)療類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 147
5.13.2　現(xiàn)代風(fēng)格的醫(yī)療類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 148
5.14　體育類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 150
5.14.1　積極風(fēng)格的體育類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 152
5.14.2　整潔風(fēng)格的體育類(lèi)網(wǎng)頁(yè)設(shè)計(jì) 152
5.15　餐飲類(lèi)網(wǎng)頁(yè)的設(shè)計(jì)方案 153
5.16　企業(yè)類(lèi)網(wǎng)頁(yè)的設(shè)計(jì)方案 155
5.17　數(shù)碼類(lèi)網(wǎng)頁(yè)的設(shè)計(jì)方案 156
5.18　公益類(lèi)網(wǎng)頁(yè)的設(shè)計(jì)方案 157
5.19　農(nóng)業(yè)類(lèi)網(wǎng)頁(yè)的設(shè)計(jì)方案 158
第6章  網(wǎng)頁(yè)色彩的視覺(jué)印象
6.1　清涼 161
6.2　熱情 163
6.3　干凈 165
6.4  環(huán)保 167
6.5　堅(jiān)硬 169
6.6　理性 171
6.7　健康 173
6.8　甜蜜 175
6.9　生機(jī) 177
6.10　樸實(shí) 179
6.11　清新 181
6.12　歡樂(lè) 183
6.13　溫柔 185
6.14　成熟 187
6.15　音樂(lè)網(wǎng)頁(yè)視覺(jué)印象設(shè)計(jì)解析 189
6.15.1　設(shè)計(jì)說(shuō)明 189
6.15.2　不同視覺(jué)印象解析 190
6.15.3　其他音樂(lè)網(wǎng)頁(yè)不同視覺(jué)感受解析 192
6.15.4　同類(lèi)網(wǎng)頁(yè)欣賞 193
第7章  網(wǎng)頁(yè)設(shè)計(jì)的秘籍
7.1　網(wǎng)頁(yè)文字的排版技巧 195
7.2　首頁(yè)設(shè)計(jì)的重要性 196
7.3　如何把握網(wǎng)頁(yè)的一致性 197
7.4　首頁(yè)中的文字處理技巧 199
7.5　導(dǎo)航欄的種類(lèi) 200
7.6　網(wǎng)頁(yè)Banner的構(gòu)圖技巧 201
7.7　網(wǎng)頁(yè)配色的基本原則 203
7.8　網(wǎng)頁(yè)設(shè)計(jì)中要提高用戶(hù)體驗(yàn) 203
7.9　扁平化設(shè)計(jì)五大原則 204
7.10 網(wǎng)頁(yè)背景常用的表現(xiàn)方法 205