書籍簡介
網頁的版式布局和色彩搭配往往是設計者感到最頭疼的問題,尤其是那些非美術或平面設計出身的 網頁設計者,他們在掌握了網頁製作軟體和相關技術的同時,還想多學習一些色彩的基礎知識和網站的 配色方法。為此,除了借鑑大量的成功作品,體會不同的網頁設計配色技巧以外,最直接的方法就是尋 找一本理想的網頁配色參考書,通過學習,可以快速提高網頁的配色水平。
圖書目錄
目錄
第1章網頁設計入門
1.1網頁設計的原則/2
1.1.1了解用戶需要/2
1.1.2內容與形式的統一/2
1.1.3主題鮮明/4
1.1.4易用性/4
1.1.5整體統一/6
1.1.6對比性/7
1.2網頁設計的定位/7
1.2.1什麼才是好的網頁設計/7
1.2.2怎樣做好網頁設計/8
1.3色彩在網頁設計中的重要性/11
第2章網站頁面的策劃與布局
2.1網站欄目和頁面設計策劃/14
2.1.1為什麼要進行策劃/14
2.1.2網站的欄目策劃/15
2.1.3網站的頁面策劃/16
2.2網站布局的基本元素/17
2.2.1網站Logo/17
2.2.2網站Banner/17
2.2.3導航欄/18
2.2.4主體內容/18
2.2.5文本/19
2.2.6圖像/19
2.2.7Flash動畫/19
2.2.8頁腳/20
2.2.9廣告區/20
2.3版面布局設計/20
2.3.1版面布局原則/21
2.3.2紙上布局/22
2.3.3軟體布局/23
2.4常見的版面布局形式/23
2.4.1“國”字型布局/23
2.4.2“廠”字型布局/23
2.4.3“框架”型布局/24
2.4.4“封面”型布局/24
2.4.5Flash型布局/24
2.5頁面排版布局趨勢/25
第3章網站頁面的視覺元素設計
3.1網頁構成/28
3.1.1點的套用/28
3.1.2線的套用/28
3.1.3面的套用/29
3.2頁面中的文字設計/29
3.2.1文字的字型、字號、行距/30
3.2.2文字的顏色/30
3.2.3文字的圖形化/31
3.2.4讓文字易讀/31
3.3頁面中的圖像套用/32
3.3.1常見的網頁圖像格式/32
3.3.2網頁中套用圖像的注意要點/33
3.3.3讓圖片更合理/34
3.4網站導航設計/35
3.4.1導航設計的基本要求/35
3.4.2全局導航的基礎要素/36
3.4.3導航設計注意要點/36
3.4.4讓按鈕更易點擊/37
第4章網站頁面創意和風格
4.1頁面設計創意思維/40
4.1.1什麼是創意/40
4.1.2創意思維的原則/40
4.1.3創意過程/41
4.2創意的方法/41
4.2.1富於聯想/42
4.2.2巧用對比/42
4.2.3大膽誇張/42
4.2.4趣味幽默/43
4.2.5善用比喻/43
4.2.6以小見大/43
4.2.7偶像崇拜/44
4.2.8古典傳統/44
4.2.9流行時尚/44
4.2.10設定懸念/45
4.2.11突出人物/45
4.2.12神奇夢幻/45
4.2.13綜合創意/46
4.3網站頁面風格/46
4.3.1金屬風格/46
4.3.2大幅配圖/47
4.3.3面板風格/47
4.3.4像素風格/47
4.3.5三維風格/47
4.3.6書報風格/48
4.4網頁的創意視覺表現/48
第5章頁面色彩搭配基礎知識
5.1色彩的原理/52
5.2色彩的分類/52
5.2.1無彩色/52
5.2.2有彩色/53
5.3色彩的三要素/54
5.3.1明度/54
5.3.2色相/55
5.3.3純度/55
5.4色彩模式/56
5.4.1RGB模式/56
5.4.2CMYK模式/56
5.4.3Lab模式/57
5.5色調分析/57
5.5.1純色調/57
5.5.2中純調/58
5.5.3低純調/58
5.5.4明灰調/58
5.5.5中灰調/58
5.5.6暗灰調/59
5.5.7中暗調/59
5.5.8深暗調/59
第6章常用色彩處理手法
6.1色彩對比/62
6.1.1色相對比/62
6.1.2明度對比/67
6.1.3純度對比/68
6.1.4色彩的面積對比/70
6.1.5色彩的冷暖對比/71
6.2色彩的調和/73
6.2.1色彩調和的原則/73
6.2.2色彩調和的基本方法/75
6.3色彩調和的類型/76
6.3.1同類色調和/76
6.3.2漸變色調和/77
6.3.3對比調和/78
6.3.4同一調和/78
6.3.5面積調和/79
第7章網頁配色標準與技巧
7.1網頁配色安全/82
7.1.1216網頁安全色/82
7.1.2網頁安全色配色辭典/82
7.1.3使用各種不同的安全色調色板/83
7.2網頁配色技巧/84
7.2.1背景與文字顏色搭配/84
7.2.2使用一種色彩/86
7.2.3兩色搭配是用色的基礎/86
7.2.4色彩的數量/87
7.3使用配色軟體/88
7.3.1ColorKeyXp軟體/88
7.3.2ColorSchemeDesigner/88
7.3.3CheckMyColours/89
7.3.4ColorJack/89
7.3.5ColorSchemerOnlinev2/90
第8章主色、輔助色、點綴色
8.1主色的魅力/92
8.1.1主色可以決定整個作品風格/92
8.1.2主色的面積原理/92
8.1.3區別主色的關鍵/94
8.2輔助色的秘密/94
8.2.1輔助色的功能/94
8.2.2背景色是特殊的輔助色/95
8.2.3選擇輔助色的訣竅/96
8.3點綴色的套用/96
8.3.1點綴色也會影響頁面風格/96
8.3.2點綴色能讓頁面放光彩/97
第9章常見基本配色搭配方案
9.1配色色標/100
9.2強烈/102
9.2.1推薦配色方案/102
9.2.2配色解析/103
9.3豐富/103
9.3.1推薦配色方案/103
9.3.2配色解析/105
9.4浪漫/105
9.4.1推薦配色方案/105
9.4.2配色解析/106
9.5奔放/106
9.5.1推薦配色方案/107
9.5.2配色解析/108
9.6柔和/108
9.6.1推薦配色方案/108
9.6.2配色解析/109
9.7熱情/109
9.7.1推薦配色方案/110
9.7.2配色解析/111
9.8動感/111
9.8.1推薦配色方案/111
9.8.2配色解析/112
9.9高雅/112
9.9.1推薦配色方案/113
9.9.2配色解析/114
9.10流行/114
9.10.1推薦配色方案/114
9.10.2配色解析/116
9.11清新/116
9.11.1推薦配色方案/116
9.11.2配色解析/117
9.12古典/118
9.12.1推薦配色方案/118
9.12.2配色解析/119
9.13堂皇/119
9.13.1推薦配色方案/119
9.13.2配色解析/121
9.14神奇/121
9.14.1推薦配色方案/121
9.14.2配色解析/122
9.15職業/122
9.15.1推薦配色方案/123
9.15.2配色解析/124
第10章網站色相與配色
10.1紅色系的配色/126
10.1.1紅色系的分類/126
10.1.2紅色適合的配色方案/128
10.1.3適用紅色系的網站/130
10.2橙色系的配色/131
10.2.1橙色系的分類/131
10.2.2橙色適合的配色方案/133
10.2.3適用橙色系的網站/134
10.3黃色系的配色/135
10.3.1黃色系的分類/135
10.3.2黃色適合的配色方案/137
10.3.3適用黃色系的網站/138
10.4紫色系的配色/141
10.4.1紫色系的分類/141
10.4.2紫色適合的配色方案/142
10.4.3適用紫色系的網站/144
10.5綠色系的配色/146
10.5.1綠色系的分類/146
10.5.2綠色適合的配色方案/147
10.5.3適用綠色系的網站/149
10.6藍色系的配色/151
10.6.1藍色系的分類/151
10.6.2藍色適合的配色方案/153
10.6.3適用藍色系的網站/154
10.7無彩色的配色/157
10.7.1白色系的網站/157
10.7.2灰色系的網站/157
10.7.3黑色系的網站/157
第11章各類網站設計與配色案例解析
11.1個人網站/160
11.1.1個人網站特點/160
11.1.2頁面分析/160
11.1.3網站配色講解/161
11.2政府網站/161
11.2.1政府網站的特點/161
11.2.2頁面分析/163
11.2.3網站配色講解/164
11.3藝術網站/164
11.3.1藝術網站的特點/164
11.3.2頁面分析/165
11.3.3網站配色講解/165
11.4線上視頻網站/166
11.4.1線上視頻網站的特點/166
11.4.2頁面分析/166
11.4.3網站配色講解/167
11.5音樂網站/167
11.5.1音樂網站的特點/167
11.5.2頁面分析/168
11.5.3網站配色講解/168
11.6遊戲網站/168
11.6.1遊戲網站的特點/168
11.6.2頁面分析/170
11.6.3網站配色講解/171
11.7婚戀交友網站/171
11.7.1婚戀交友網站的特點/171
11.7.2頁面分析/172
11.7.3網站配色講解/172
11.8旅遊網站/173
11.8.1旅遊網站的特點/173
11.8.2頁面分析/175
11.8.3網站配色講解/176
11.9醫療保健網站/176
11.9.1醫療保健網站的特點/176
11.9.2頁面分析/177
11.9.3網站配色講解/178
11.10設計裝飾類網站/179
11.10.1設計裝飾類網站的特點/179
11.10.2頁面分析/179
11.10.3網站配色講解/180
11.11房地產網站/180
11.11.1房地產網站的特點/180
11.11.2頁面分析/180
11.11.3網站配色講解/181
11.12餐飲酒店網站/182
11.12餐飲酒店網站/182
11.12.1餐飲酒店網站的特點/182
11.12.2頁面分析/182
11.12.3網站配色講解/183
11.13新聞網站/184
11.13.1新聞網站的特點/184
11.13.2頁面分析/185
11.13.3網站配色講解/187
11.14教育網站/188
11.14.1教育網站的特點/188
11.14.2頁面分析/188
11.14.3網站配色講解/189
11.15綜合入口網站/189
11.15.1綜合入口網站的特點/190
11.15.2頁面分析/190
11.15.3網站配色講解/191
11.16女裝網站/191
11.16.1女裝網站的特點/191
11.16.2頁面分析/192
11.16.3網站配色講解/192
11.17美容化妝網站/193
11.17.1美容化妝網站的特點/193
11.17.2頁面分析/194
11.17.3網站配色講解/195
11.18IT數碼網站/196
11.18.1IT數碼網站的特點/196
11.18.2頁面分析/197
11.18.3網站配色講解/198
11.19家居日用品網站/198
11.19.1家居日用品網站的特點/198
11.19.2頁面分析/199
11.19.3網站配色講解/200
11.20男性商品類網站/201
11.20.1男性商品類網站的特點/201
11.20.2頁面分析/201
11.20.3網站配色講解/201
11.21鞋類網站/202
11.21.1鞋類網站的特點/202
11.21.2頁面分析/202
11.21.3網站配色講解/202
11.22童裝網站/204
11.22.1童裝網站的特點/204
11.22.2頁面分析/204
11.22.3網站配色講解/204
11.23珠寶飾品網站/206
11.23.1珠寶飾品網站的特點/206
11.23.2頁面分析/206
11.23.3網站配色講解/207
11.24食品網站/207
11.24.1食品網站的特點/207
11.24.2頁面分析/208
11.24.3網站配色講解/208
附錄1各行業網站色彩搭配/209
附錄2配色形容詞色卡/214