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

第1章  網(wǎng)頁設計的基礎知識
1.1  色彩的基礎知識 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)頁設計的點、線、面 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)頁標題 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)頁導航 15
1.3.7　網(wǎng)頁主體內(nèi)容 15
第2章  網(wǎng)頁設計的5個原則
2.1　主題鮮明性原則 17
2.2　形式統(tǒng)一性原則 20
2.3　色彩和諧性原則 24
2.4　簡潔清晰性原則 27
2.5　界面友好性原則 31
第3章  網(wǎng)頁設計的基礎色
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)頁版面設計的常用技巧 90
4.2.1　對比技巧 90
4.2.2　重復技巧 92
4.2.3　分類技巧 92
4.3  旅游主題網(wǎng)頁設計 93
4.3.1　設計說明 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)頁設計 99
5.1.1　活潑風格的網(wǎng)頁設計 100
5.1.2　極簡風格的網(wǎng)頁設計 101
5.2　美容、護膚類網(wǎng)頁設計 103
5.2.1　浪漫風格的美容、護膚類網(wǎng)頁設計 103
5.2.2　典雅風格的美容、護膚類網(wǎng)頁設計 104
5.3  食品類網(wǎng)頁設計 106
5.3.1　寫實風格的食品類 網(wǎng)頁設計 107
5.3.2　清爽風格的食品類網(wǎng)頁設計 108
5.4  數(shù)碼類網(wǎng)頁設計 110
5.4.1　理性風格的數(shù)碼類網(wǎng)頁設計 111
5.4.2　新銳風格的數(shù)碼類網(wǎng)頁設計 112
5.5　汽車類網(wǎng)頁設計 114
5.5.1　含蓄風格的汽車類網(wǎng)頁設計 115
5.5.2　高調(diào)風格的汽車類網(wǎng)頁設計 116
5.6　奢侈品類網(wǎng)頁設計 118
5.6.1　優(yōu)雅風格的奢侈品類網(wǎng)頁設計 119
5.6.2　神秘風格的奢侈品類網(wǎng)頁設計 120
5.7　藝術(shù)設計類網(wǎng)頁設計 122
5.7.1　插畫風格的藝術(shù)設計類網(wǎng)頁設計 123
5.7.2　拼貼風格的藝術(shù)設計類網(wǎng)頁設計 124
5.8　游戲類網(wǎng)頁設計 126
5.8.1　趣味風格的游戲類網(wǎng)頁設計 126
5.8.2　未來感風格的游戲類網(wǎng)頁設計 128
5.9  旅游類網(wǎng)頁設計 130
5.9.1　民族風格的旅游類網(wǎng)頁設計 131
5.9.2　輕松風格的旅游類網(wǎng)頁設計 132
5.10  家居類網(wǎng)頁設計 134
5.10.1  溫馨風格的家居類網(wǎng)頁設計 135
5.10.2  素雅風格的家居類網(wǎng)頁設計 136
5.11  購物類網(wǎng)頁設計 138
5.11.1　時尚風格的購物類網(wǎng)頁設計 139
5.11.2　活潑風格的購物類網(wǎng)頁設計 140
5.12　教育類網(wǎng)頁設計 142
5.12.1　創(chuàng)新風格的教育類網(wǎng)頁設計 143
5.12.2　嚴肅風格的教育類網(wǎng)頁設計 144
5.13　醫(yī)療類網(wǎng)頁設計 146
5.13.1　簡潔風格的醫(yī)療類網(wǎng)頁設計 147
5.13.2　現(xiàn)代風格的醫(yī)療類網(wǎng)頁設計 148
5.14　體育類網(wǎng)頁設計 150
5.14.1　積極風格的體育類網(wǎng)頁設計 152
5.14.2　整潔風格的體育類網(wǎng)頁設計 152
5.15　餐飲類網(wǎng)頁的設計方案 153
5.16　企業(yè)類網(wǎng)頁的設計方案 155
5.17　數(shù)碼類網(wǎng)頁的設計方案 156
5.18　公益類網(wǎng)頁的設計方案 157
5.19　農(nóng)業(yè)類網(wǎng)頁的設計方案 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)頁視覺印象設計解析 189
6.15.1　設計說明 189
6.15.2　不同視覺印象解析 190
6.15.3　其他音樂網(wǎng)頁不同視覺感受解析 192
6.15.4　同類網(wǎng)頁欣賞 193
第7章  網(wǎng)頁設計的秘籍
7.1　網(wǎng)頁文字的排版技巧 195
7.2　首頁設計的重要性 196
7.3　如何把握網(wǎng)頁的一致性 197
7.4　首頁中的文字處理技巧 199
7.5　導航欄的種類 200
7.6　網(wǎng)頁Banner的構(gòu)圖技巧 201
7.7　網(wǎng)頁配色的基本原則 203
7.8　網(wǎng)頁設計中要提高用戶體驗 203
7.9　扁平化設計五大原則 204
7.10 網(wǎng)頁背景常用的表現(xiàn)方法 205