基本介紹
- 中文名：網頁配色設計手冊
- 作者：孫芳
- 出版社：清華大學出版社
- 出版時間：2016年8月
- 定價：59.8 元
- ISBN：9787302442035
內容簡介,圖書目錄,
內容簡介
本書是一本全面介紹網頁設計相關知識的圖書。
本書從學習網頁設計的基礎知識入手，循序漸進地為讀者呈現一個個精彩實用的知識、技巧。本書共分為7章，內容分別為網頁的基礎知識，網頁設計的五大原則，網頁設計的基礎色，網頁的布局方式，不同行業的網頁色彩搭配，網頁色彩的視覺印象，網頁設計秘笈。在本書4~6章的每章後面還特意安排了大型的設計實例，詳細地為讀者分析完整的綜合設計的思路、擴展等。並且在多個章節中安排了案例解析、設計技巧、配色方案、設計欣賞、設計實戰、設計秘笈等經典模組，在豐富本書結構的同時，也增強了實用性。
本書內容豐富、案例精彩、版式設計新穎，適合網頁設計師、平面設計師、初級讀者學習使用，可以作為大中專院校網頁設計專業、平面設計專業及網頁設計培訓機構的教材，也非常適合喜愛網頁設計的讀者朋友作為參考用書。
圖書目錄
第1章 網頁的基礎知識
1.1 色彩的基礎知識 2
1.1.1 認識色彩 3
1.1.2 網頁色彩的特性 4
1.1.3 色彩的屬性 4
1.1.4 色彩的分類 5
1.1.5 色彩的心理感受 6
1.1.6 主色、輔助色、點綴色的關係 7
1.2 網頁設計的點、線、面 8
1.2.1 點 8
1.2.2 線 9
1.2.3 面 10
1.3 網頁的構成 10
1.3.1 網頁的尺寸 11
1.3.2 網頁標題 12
1.3.3 網站的Logo 13
1.3.4 網頁頁眉 14
1.3.5 網頁頁腳 14
1.3.6 網頁導航 15
1.3.7 網頁的主體內容 15
第2章 網頁設計的五大原則
2.1 主題鮮明性原則 17
2.2 辣罪妹形式統一性拜趨放原則 20
2.3 色彩和諧性原則 24
2.4 簡潔清晰性原則 27
2.5 界面友好性原則 31
第3章 網頁設計的基礎色
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 灰玫紅&優品紫紅 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章 網頁的布局
4.1 網頁的布局方式 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 網頁版面設計的常用技巧 90
4.2.1 對比技巧 90
4.2.2 重複技巧 92
4.2.3 分類技巧 92
4.3 旅遊主題網頁設計 93
4.3.1 設計說明 93
4.3.2 不同布局方式解析 94
4.3.3 其他旅遊網站布局解析 95
4.3.4 同類網頁欣賞 96
第5章 不同行業的網頁色彩搭配
5.1 服飾類網頁設計 99
5.1.1 活潑風格的網頁設計 100
5.1.2 極簡風格的網頁設計 101
5.2 美容、護膚類網頁設計 103
5.2.1 浪漫風格的美容、護膚類網頁設計 103
5.2.2 典雅風格的美容、護膚類網頁設計 104
5.3 食品類網頁設計 106
5.3.1 寫實風格的食品類網頁設計 107
5.3.2 清爽風格的食品類網頁設計 108
5.4 數碼類網頁設計 110
5.4.1 理性風格的數碼類網頁設計 111
5.4.2 新銳風格的數碼類網頁設計 112
5.5 汽車類網頁設計 114
5.5.1 含蓄風格的汽車類網頁設計 115
5.5.2 高調風格的汽車類網頁設計 116
5.6 奢侈品類網頁設計 118
5.6.1 優雅風格的奢侈品類網頁設計 119
5.6.2 神秘風格的奢侈品類網頁設計 120
5.7 藝術設計類網頁設計 122
5.7.1 插畫風格的藝術設計類網頁設計 123
5.7.2 拼貼風格的藝術設計類網頁設計 124
5.8 遊戲類網頁設計 126
5.8.1 趣味風格的遊戲類網頁設計 126
5.8.2 未來感風格的遊戲類網頁設計 128
5.9 旅遊類網頁設計 130
5.9.1 民族風格的旅遊類網頁設計 131
5.9.2 輕鬆風格的旅遊類網頁設計 132
5.10 家居類網頁設計 134
5.10.1 溫馨風格的家居類網頁設計 135
5.10.2 素雅風格的家居類網頁設計 136
5.11 購物類網頁設計 138
5.11.1 時尚風格的購物類網頁設計 138
5.11.2 活潑風格的購物類網頁設計 140
5.12 教育類網頁設計 142
5.12.1 創新風格的教育類網頁設計 143
5.12.2 嚴肅風格的教育類網頁設計 144
5.13 醫療類網頁設計 146
5.13.1 簡潔風格的醫療類網頁設計 147
5.13.2 現代風格的醫療類網頁設計 148
5.14 體育類網頁設計 150
5.14.1 積極風格的體育類網頁設計 151
5.14.2 整潔風格的體育類網頁設計 152
5.15 餐飲類網頁的設計方案 154
5.16 企業類網頁的設計方案 155
5.17 數碼類網頁的設計方案 156
5.18 公益類網頁的設計方案 157
5.19 農業類網頁的設計方案 159
第6章 網頁色彩的視覺印象
6.1 清涼 162
6.2 熱情 164
6.3 乾淨 166
6.4 環保 168
6.5 堅硬 170
6.6 理性 172
6.7 健康 174
6.8 甜蜜 176
6.9 生機 178
6.10 樸實 180
6.11 清新 182
6.12 歡樂 184
6.13 溫柔 186
6.14 成熟 188
6.15 音樂狂歡夜活動的網頁設計 190
6.15.1 設計說明 190
6.15.2 不同視覺印象解析 191
6.15.3 其他音樂網頁不同視覺感受解析 193
6.15.4 同類網頁欣賞 194
第7章 網頁設計秘笈
7.1 網頁文字的排版技巧 196
7.2 首頁設計的重要性 197
7.3 如何把握網頁的一致性 198
7.4 首頁中的文字處理技巧 200
7.5 導航欄的種類 201
7.6 網頁Banner的構圖技巧 202
7.7 網頁配色的基本原則 204
7.8 網頁設計中要提高用戶體驗 204
7.9 扁平化設計五大原則 205
7.10 網頁背景常用的表現方法 206
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章 網頁的布局
4.1 網頁的布局方式 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 網頁版面設計的常用技巧 90
4.2.1 對比技巧 90
4.2.2 重複技巧 92
4.2.3 分類技巧 92
4.3 旅遊主題網頁設計 93
4.3.1 設計說明 93
4.3.2 不同布局方式解析 94
4.3.3 其他旅遊網站布局解析 95
4.3.4 同類網頁欣賞 96
第5章 不同行業的網頁色彩搭配
5.1 服飾類網頁設計 99
5.1.1 活潑風格的網頁設計 100
5.1.2 極簡風格的網頁設計 101
5.2 美容、護膚類網頁設計 103
5.2.1 浪漫風格的美容、護膚類網頁設計 103
5.2.2 典雅風格的美容、護膚類網頁設計 104
5.3 食品類網頁設計 106
5.3.1 寫實風格的食品類網頁設計 107
5.3.2 清爽風格的食品類網頁設計 108
5.4 數碼類網頁設計 110
5.4.1 理性風格的數碼類網頁設計 111
5.4.2 新銳風格的數碼類網頁設計 112
5.5 汽車類網頁設計 114
5.5.1 含蓄風格的汽車類網頁設計 115
5.5.2 高調風格的汽車類網頁設計 116
5.6 奢侈品類網頁設計 118
5.6.1 優雅風格的奢侈品類網頁設計 119
5.6.2 神秘風格的奢侈品類網頁設計 120
5.7 藝術設計類網頁設計 122
5.7.1 插畫風格的藝術設計類網頁設計 123
5.7.2 拼貼風格的藝術設計類網頁設計 124
5.8 遊戲類網頁設計 126
5.8.1 趣味風格的遊戲類網頁設計 126
5.8.2 未來感風格的遊戲類網頁設計 128
5.9 旅遊類網頁設計 130
5.9.1 民族風格的旅遊類網頁設計 131
5.9.2 輕鬆風格的旅遊類網頁設計 132
5.10 家居類網頁設計 134
5.10.1 溫馨風格的家居類網頁設計 135
5.10.2 素雅風格的家居類網頁設計 136
5.11 購物類網頁設計 138
5.11.1 時尚風格的購物類網頁設計 138
5.11.2 活潑風格的購物類網頁設計 140
5.12 教育類網頁設計 142
5.12.1 創新風格的教育類網頁設計 143
5.12.2 嚴肅風格的教育類網頁設計 144
5.13 醫療類網頁設計 146
5.13.1 簡潔風格的醫療類網頁設計 147
5.13.2 現代風格的醫療類網頁設計 148
5.14 體育類網頁設計 150
5.14.1 積極風格的體育類網頁設計 151
5.14.2 整潔風格的體育類網頁設計 152
5.15 餐飲類網頁的設計方案 154
5.16 企業類網頁的設計方案 155
5.17 數碼類網頁的設計方案 156
5.18 公益類網頁的設計方案 157
5.19 農業類網頁的設計方案 159
第6章 網頁色彩的視覺印象
6.1 清涼 162
6.2 熱情 164
6.3 乾淨 166
6.4 環保 168
6.5 堅硬 170
6.6 理性 172
6.7 健康 174
6.8 甜蜜 176
6.9 生機 178
6.10 樸實 180
6.11 清新 182
6.12 歡樂 184
6.13 溫柔 186
6.14 成熟 188
6.15 音樂狂歡夜活動的網頁設計 190
6.15.1 設計說明 190
6.15.2 不同視覺印象解析 191
6.15.3 其他音樂網頁不同視覺感受解析 193
6.15.4 同類網頁欣賞 194
第7章 網頁設計秘笈
7.1 網頁文字的排版技巧 196
7.2 首頁設計的重要性 197
7.3 如何把握網頁的一致性 198
7.4 首頁中的文字處理技巧 200
7.5 導航欄的種類 201
7.6 網頁Banner的構圖技巧 202
7.7 網頁配色的基本原則 204
7.8 網頁設計中要提高用戶體驗 204
7.9 扁平化設計五大原則 205
7.10 網頁背景常用的表現方法 206
