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

第1章  網(wǎng)頁設(shè)計的基礎(chǔ)知識
1.1  色彩的基礎(chǔ)知識 2
1.1.1　認識色彩 3
1.1.2　網(wǎng)頁色彩的特性 4
1.1.3　色彩的屬性 4
1.1.4　色彩的分類 5
1.1.5　色彩的心理感受 6
1.1.6　主色、輔助色、點綴色的關(guān)系 7
1.2  網(wǎng)頁設(shè)計的點、線、面 8
1.2.1　點 8
1.2.2　線 9
1.2.3　面 10
1.3  網(wǎng)頁的構(gòu)成 10
1.3.1　網(wǎng)頁尺寸 11
1.3.2　網(wǎng)頁標(biāo)題 12
1.3.3　網(wǎng)站Logo 13
1.3.4　網(wǎng)頁頁眉 14
1.3.5　網(wǎng)頁頁腳 14
1.3.6　網(wǎng)頁導(dǎo)航 15
1.3.7　網(wǎng)頁主體內(nèi)容 15
第2章  網(wǎng)頁設(shè)計的5個原則
2.1　主題鮮明性原則 17
2.2　形式統(tǒng)一性原則 20
2.3　色彩和諧性原則 24
2.4　簡潔清晰性原則 27
2.5　界面友好性原則 31
第3章  網(wǎng)頁設(shè)計的基礎(chǔ)色
3.1　紅 36
3.1.1　認識紅色 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　認識橙色 41
3.2.2　橘紅&橘色 42
3.2.3　橙色&陽橙 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　認識黃色 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　認識綠色 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　認識青色 56
3.5.2　青&鐵青 57
3.5.3　深青&天青 57
3.5.4　群青&石青 58
3.5.5　青綠&青藍 58
3.5.6　瓷青&淡青 59
3.5.7　白青&青灰 59
3.5.8　水青&藏青 60
3.5.9　清漾青&淺蔥色 60
3.6　藍 61
3.6.1　認識藍色 61
3.6.2　藍色&天藍色 62
3.6.3　蔚藍色&普魯士藍 62
3.6.4　矢車菊藍&深藍 63
3.6.5　道奇藍&寶石藍 63
3.6.6　午夜藍&皇室藍 64
3.6.7　濃藍色&藍黑色 64
3.6.8　愛麗絲藍&水晶藍 65
3.6.9　孔雀藍&水墨藍 65
3.7　紫 66
3.7.1　認識紫色 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　認識黑、白、灰 71
3.8.2　白&月光白 72
3.8.3　雪白&象牙白 72
3.8.4　10%亮灰&50%灰 73
3.8.5　80%炭灰&黑 73
第4章  網(wǎng)頁的布局
4.1  網(wǎng)頁的布局方式 75
4.1.1　“國”字型布局 75
4.1.2　拐角型布局 77
4.1.3　封面型布局 80
4.1.4　對稱型布局 82
4.1.5　“口”字型布局 84
4.1.6　通欄型布局 85
4.1.7　骨骼型布局 88
4.2  網(wǎng)頁版面設(shè)計的常用技巧 90
4.2.1　對比技巧 90
4.2.2　重復(fù)技巧 92
4.2.3　分類技巧 92
4.3  旅游主題網(wǎng)頁設(shè)計 93
4.3.1　設(shè)計說明 93
4.3.2　不同布局方式解析 94
4.3.3　其他旅游網(wǎng)站布局解析 95
4.3.4　同類網(wǎng)頁欣賞 96
第5章  不同行業(yè)的網(wǎng)頁色彩搭配
5.1  服飾類網(wǎng)頁設(shè)計 99
5.1.1　活潑風(fēng)格的網(wǎng)頁設(shè)計 100
5.1.2　極簡風(fēng)格的網(wǎng)頁設(shè)計 101
5.2　美容、護膚類網(wǎng)頁設(shè)計 103
5.2.1　浪漫風(fēng)格的美容、護膚類網(wǎng)頁設(shè)計 103
5.2.2　典雅風(fēng)格的美容、護膚類網(wǎng)頁設(shè)計 104
5.3  食品類網(wǎng)頁設(shè)計 106
5.3.1　寫實風(fēng)格的食品類 網(wǎng)頁設(shè)計 107
5.3.2　清爽風(fēng)格的食品類網(wǎng)頁設(shè)計 108
5.4  數(shù)碼類網(wǎng)頁設(shè)計 110
5.4.1　理性風(fēng)格的數(shù)碼類網(wǎng)頁設(shè)計 111
5.4.2　新銳風(fēng)格的數(shù)碼類網(wǎng)頁設(shè)計 112
5.5　汽車類網(wǎng)頁設(shè)計 114
5.5.1　含蓄風(fēng)格的汽車類網(wǎng)頁設(shè)計 115
5.5.2　高調(diào)風(fēng)格的汽車類網(wǎng)頁設(shè)計 116
5.6　奢侈品類網(wǎng)頁設(shè)計 118
5.6.1　優(yōu)雅風(fēng)格的奢侈品類網(wǎng)頁設(shè)計 119
5.6.2　神秘風(fēng)格的奢侈品類網(wǎng)頁設(shè)計 120
5.7　藝術(shù)設(shè)計類網(wǎng)頁設(shè)計 122
5.7.1　插畫風(fēng)格的藝術(shù)設(shè)計類網(wǎng)頁設(shè)計 123
5.7.2　拼貼風(fēng)格的藝術(shù)設(shè)計類網(wǎng)頁設(shè)計 124
5.8　游戲類網(wǎng)頁設(shè)計 126
5.8.1　趣味風(fēng)格的游戲類網(wǎng)頁設(shè)計 126
5.8.2　未來感風(fēng)格的游戲類網(wǎng)頁設(shè)計 128
5.9  旅游類網(wǎng)頁設(shè)計 130
5.9.1　民族風(fēng)格的旅游類網(wǎng)頁設(shè)計 131
5.9.2　輕松風(fēng)格的旅游類網(wǎng)頁設(shè)計 132
5.10  家居類網(wǎng)頁設(shè)計 134
5.10.1  溫馨風(fēng)格的家居類網(wǎng)頁設(shè)計 135
5.10.2  素雅風(fēng)格的家居類網(wǎng)頁設(shè)計 136
5.11  購物類網(wǎng)頁設(shè)計 138
5.11.1　時尚風(fēng)格的購物類網(wǎng)頁設(shè)計 139
5.11.2　活潑風(fēng)格的購物類網(wǎng)頁設(shè)計 140
5.12　教育類網(wǎng)頁設(shè)計 142
5.12.1　創(chuàng)新風(fēng)格的教育類網(wǎng)頁設(shè)計 143
5.12.2　嚴肅風(fēng)格的教育類網(wǎng)頁設(shè)計 144
5.13　醫(yī)療類網(wǎng)頁設(shè)計 146
5.13.1　簡潔風(fēng)格的醫(yī)療類網(wǎng)頁設(shè)計 147
5.13.2　現(xiàn)代風(fēng)格的醫(yī)療類網(wǎng)頁設(shè)計 148
5.14　體育類網(wǎng)頁設(shè)計 150
5.14.1　積極風(fēng)格的體育類網(wǎng)頁設(shè)計 152
5.14.2　整潔風(fēng)格的體育類網(wǎng)頁設(shè)計 152
5.15　餐飲類網(wǎng)頁的設(shè)計方案 153
5.16　企業(yè)類網(wǎng)頁的設(shè)計方案 155
5.17　數(shù)碼類網(wǎng)頁的設(shè)計方案 156
5.18　公益類網(wǎng)頁的設(shè)計方案 157
5.19　農(nóng)業(yè)類網(wǎng)頁的設(shè)計方案 158
第6章  網(wǎng)頁色彩的視覺印象
6.1　清涼 161
6.2　熱情 163
6.3　干凈 165
6.4  環(huán)保 167
6.5　堅硬 169
6.6　理性 171
6.7　健康 173
6.8　甜蜜 175
6.9　生機 177
6.10　樸實 179
6.11　清新 181
6.12　歡樂 183
6.13　溫柔 185
6.14　成熟 187
6.15　音樂網(wǎng)頁視覺印象設(shè)計解析 189
6.15.1　設(shè)計說明 189
6.15.2　不同視覺印象解析 190
6.15.3　其他音樂網(wǎng)頁不同視覺感受解析 192
6.15.4　同類網(wǎng)頁欣賞 193
第7章  網(wǎng)頁設(shè)計的秘籍
7.1　網(wǎng)頁文字的排版技巧 195
7.2　首頁設(shè)計的重要性 196
7.3　如何把握網(wǎng)頁的一致性 197
7.4　首頁中的文字處理技巧 199
7.5　導(dǎo)航欄的種類 200
7.6　網(wǎng)頁Banner的構(gòu)圖技巧 201
7.7　網(wǎng)頁配色的基本原則 203
7.8　網(wǎng)頁設(shè)計中要提高用戶體驗 203
7.9　扁平化設(shè)計五大原則 204
7.10 網(wǎng)頁背景常用的表現(xiàn)方法 205