網(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　色彩的分類 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　檸檬黃&萬壽菊黃 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　黃綠&蘋果綠 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　矢車菊藍(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　愛麗絲藍(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　淺灰紫&江戶紫 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ì)稱型布局 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　分類技巧 92
4.3  旅游主題網(wǎng)頁(yè)設(shè)計(jì) 93
4.3.1　設(shè)計(jì)說明 93
4.3.2　不同布局方式解析 94
4.3.3　其他旅游網(wǎng)站布局解析 95
4.3.4　同類網(wǎng)頁(yè)欣賞 96
第5章  不同行業(yè)的網(wǎng)頁(yè)色彩搭配
5.1  服飾類網(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ù)膚類網(wǎng)頁(yè)設(shè)計(jì) 103
5.2.1　浪漫風(fēng)格的美容、護(hù)膚類網(wǎng)頁(yè)設(shè)計(jì) 103
5.2.2　典雅風(fēng)格的美容、護(hù)膚類網(wǎng)頁(yè)設(shè)計(jì) 104
5.3  食品類網(wǎng)頁(yè)設(shè)計(jì) 106
5.3.1　寫實(shí)風(fēng)格的食品類 網(wǎng)頁(yè)設(shè)計(jì) 107
5.3.2　清爽風(fēng)格的食品類網(wǎng)頁(yè)設(shè)計(jì) 108
5.4  數(shù)碼類網(wǎng)頁(yè)設(shè)計(jì) 110
5.4.1　理性風(fēng)格的數(shù)碼類網(wǎng)頁(yè)設(shè)計(jì) 111
5.4.2　新銳風(fēng)格的數(shù)碼類網(wǎng)頁(yè)設(shè)計(jì) 112
5.5　汽車類網(wǎng)頁(yè)設(shè)計(jì) 114
5.5.1　含蓄風(fēng)格的汽車類網(wǎng)頁(yè)設(shè)計(jì) 115
5.5.2　高調(diào)風(fēng)格的汽車類網(wǎng)頁(yè)設(shè)計(jì) 116
5.6　奢侈品類網(wǎng)頁(yè)設(shè)計(jì) 118
5.6.1　優(yōu)雅風(fēng)格的奢侈品類網(wǎng)頁(yè)設(shè)計(jì) 119
5.6.2　神秘風(fēng)格的奢侈品類網(wǎng)頁(yè)設(shè)計(jì) 120
5.7　藝術(shù)設(shè)計(jì)類網(wǎng)頁(yè)設(shè)計(jì) 122
5.7.1　插畫風(fēng)格的藝術(shù)設(shè)計(jì)類網(wǎng)頁(yè)設(shè)計(jì) 123
5.7.2　拼貼風(fēng)格的藝術(shù)設(shè)計(jì)類網(wǎng)頁(yè)設(shè)計(jì) 124
5.8　游戲類網(wǎng)頁(yè)設(shè)計(jì) 126
5.8.1　趣味風(fēng)格的游戲類網(wǎng)頁(yè)設(shè)計(jì) 126
5.8.2　未來感風(fēng)格的游戲類網(wǎng)頁(yè)設(shè)計(jì) 128
5.9  旅游類網(wǎng)頁(yè)設(shè)計(jì) 130
5.9.1　民族風(fēng)格的旅游類網(wǎng)頁(yè)設(shè)計(jì) 131
5.9.2　輕松風(fēng)格的旅游類網(wǎng)頁(yè)設(shè)計(jì) 132
5.10  家居類網(wǎng)頁(yè)設(shè)計(jì) 134
5.10.1  溫馨風(fēng)格的家居類網(wǎng)頁(yè)設(shè)計(jì) 135
5.10.2  素雅風(fēng)格的家居類網(wǎng)頁(yè)設(shè)計(jì) 136
5.11  購(gòu)物類網(wǎng)頁(yè)設(shè)計(jì) 138
5.11.1　時(shí)尚風(fēng)格的購(gòu)物類網(wǎng)頁(yè)設(shè)計(jì) 139
5.11.2　活潑風(fēng)格的購(gòu)物類網(wǎng)頁(yè)設(shè)計(jì) 140
5.12　教育類網(wǎng)頁(yè)設(shè)計(jì) 142
5.12.1　創(chuàng)新風(fēng)格的教育類網(wǎng)頁(yè)設(shè)計(jì) 143
5.12.2　嚴(yán)肅風(fēng)格的教育類網(wǎng)頁(yè)設(shè)計(jì) 144
5.13　醫(yī)療類網(wǎng)頁(yè)設(shè)計(jì) 146
5.13.1　簡(jiǎn)潔風(fēng)格的醫(yī)療類網(wǎng)頁(yè)設(shè)計(jì) 147
5.13.2　現(xiàn)代風(fēng)格的醫(yī)療類網(wǎng)頁(yè)設(shè)計(jì) 148
5.14　體育類網(wǎng)頁(yè)設(shè)計(jì) 150
5.14.1　積極風(fēng)格的體育類網(wǎng)頁(yè)設(shè)計(jì) 152
5.14.2　整潔風(fēng)格的體育類網(wǎng)頁(yè)設(shè)計(jì) 152
5.15　餐飲類網(wǎng)頁(yè)的設(shè)計(jì)方案 153
5.16　企業(yè)類網(wǎng)頁(yè)的設(shè)計(jì)方案 155
5.17　數(shù)碼類網(wǎng)頁(yè)的設(shè)計(jì)方案 156
5.18　公益類網(wǎng)頁(yè)的設(shè)計(jì)方案 157
5.19　農(nóng)業(yè)類網(wǎng)頁(yè)的設(shè)計(jì)方案 158
第6章  網(wǎng)頁(yè)色彩的視覺印象
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　歡樂 183
6.13　溫柔 185
6.14　成熟 187
6.15　音樂網(wǎng)頁(yè)視覺印象設(shè)計(jì)解析 189
6.15.1　設(shè)計(jì)說明 189
6.15.2　不同視覺印象解析 190
6.15.3　其他音樂網(wǎng)頁(yè)不同視覺感受解析 192
6.15.4　同類網(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)航欄的種類 200
7.6　網(wǎng)頁(yè)Banner的構(gòu)圖技巧 201
7.7　網(wǎng)頁(yè)配色的基本原則 203
7.8　網(wǎng)頁(yè)設(shè)計(jì)中要提高用戶體驗(yàn) 203
7.9　扁平化設(shè)計(jì)五大原則 204
7.10 網(wǎng)頁(yè)背景常用的表現(xiàn)方法 205