本書詳細講解了Photoshop在網頁設計領域的應用。本書共16章，包括網頁設計中的色彩應用，版面設計，按鈕的制作及應用，使用Photoshop制作網頁動畫，Banner和導航條，網頁廣告，文字特效，網頁其他組成部分的設計和制作，用Photoshop優化Web網頁，以及網頁界面特效實例等內容。本書結構編排合理，圖文并茂、實例豐富，可以作為高等院校相關專業教材，也可以作為讀者的自學參考資料。
總結了作者多年Photoshop網頁設計經驗和教學心得。Photoshop技巧要點和重點解析提示圖文并茂，詳略得當，實例操作，貫穿同步提供豐富的課堂練習和課后習題，學練結合，知識鞏固附贈大容量、高品實例的源文件和素材
目 錄
第1章 Photoshop CC網頁設計 1
1.1 認識網頁 1
1.1.1 網頁界面 1
1.1.2 網頁設計的審美感 4
1.1.3 網頁設計的藝術性 5
1.2 網頁設計應用 6
1.2.1 網頁圖像管理 6
1.2.2 網頁設計流程簡介 9
1.2.3 網站策劃 11
1.3 思考與練習 15
第2章 網頁圖像設計 17
2.1 圖層的應用 17
2.1.1 認識圖層面板 17
2.1.2 圖層基礎操作 18
2.1.3 圖層樣式類型 22
2.1.4 圖層樣式編輯和應用 28
2.1.5 圖層混合模式 30
2.2 選區與填充 32
2.2.1 認識選區 33
2.2.2 編輯選區 34
2.2.3 純色填充和漸變色填充 36
2.2.4 圖案填充 37
2.3 文字與路徑 38
2.3.1 創建文字 38
2.3.2 文字編輯 38
2.3.3 創建與編輯沿路徑排列
文字 40
2.3.4 認識路徑 40
2.3.5 創建與調整路徑 42
2.3.6 路徑的描邊和填充 45
2.4 濾鏡的應用 47
2.4.1 認識濾鏡 47
2.4.2 編輯濾鏡 48
2.4.3 濾鏡的分類 49
2.4.4 常用濾鏡效果 49
2.5 案例實戰：漂亮的導航按鈕 51
2.6 案例實戰：投影文字 53
2.7 思考與練習 54
第3章 Photoshop CC網頁動畫設計 56
3.1 動畫面板 56
3.1.1 幀動畫面板 57
3.1.2 時間軸動畫面板 58
3.2 逐幀與過渡動畫 59
3.2.1 認識和創建逐幀動畫 59
3.2.2 認識和創建過渡動畫 60
3.2.3 過渡動畫類型 60
3.3 時間軸動畫 63
3.3.1 普通圖層時間軸動畫 63
3.3.2 文本圖層時間軸動畫 64
3.3.3 蒙版圖層時間軸動畫 66
3.4 為動畫添加音頻和視頻 69
3.4.1 添加并編輯音頻 69
3.4.2 添加并編輯視頻 70
3.5 渲染視頻 71
3.6 案例實戰：下雪動畫 72
3.7 案例實戰：寫字動畫 75
3.8 思考與練習 78
第4章 切片并導出網頁文件 79
4.1 創建與編輯切片 79
4.1.1 創建切片 79
4.1.2 選擇并調整和移動切片 80
4.1.3 劃分切片 81
4.1.4 組合和刪除切片 82
4.1.5 轉化為用戶切片 83
4.1.6 設置切片選項 84
4.2 編輯Web文件 85
4.2.1 快速導出可放大瀏覽Web
文件 85
4.2.2 優化與導出Web圖像 86
4.3 切片和導出要點 88
4.4 案例實戰：餐飲網站首頁切片 90
4.5 思考與練習 92
第5章 網頁元素設計 93
5.1 網頁圖標設計 93
5.1.1 圖標概念 93
5.1.2 網頁圖標的主要應用 94
5.1.3 網頁圖標設計原則 95
5.1.4 圖標的保存格式 95
5.1.5 實戰案例：商務網站圖標
制作 95
5.2 網頁導航設計 99
5.2.1 導航設計原則和技巧 99
5.2.2 導航樣式 101
5.2.3 網頁導航優化方向 103
5.2.4 導航條設計欣賞 104
5.2.5 案例實戰：導航條設計
案例1 105
5.3 網頁廣告設計 108
5.3.1 網絡廣告形式 108
5.3.2 網頁廣告設計技巧 109
5.3.3 案例實戰：橫幅動畫廣告 111
5.3.4 案例實戰：彈出式窗口動畫
廣告 116
5.4 特效文字在網頁中的應用 121
5.4.1 特效文字在網頁中的應用 121
5.4.2 射線字 123
5.4.3 火焰字 125
5.4.4 金屬字 129
5.4.5 珠寶字 130
5.4.6 糖果字 133
5.5 思考與練習 138
第6章 網頁色彩知識 139
6.1 網頁色彩 139
6.1.1 認識網頁色彩 139
6.1.2 216網頁安全色 139
6.2 色彩的理論 141
6.2.1 色彩與視覺原理 141
6.2.2 色彩的三要素 142
6.2.3 色彩的混合原理 144
6.3 網頁配色 146
6.3.1 網頁自定義顏色 146
6.3.2 色彩采集 147
6.3.3 色彩推移 151
6.3.4 色調變化 153
6.4 色彩模式的管理 158
6.4.1 認識色彩模式 158
6.4.2 色彩模式轉換 161
6.5 思考與練習 162
第7章 網頁色彩情感解碼 163
7.1 網頁色彩分析 163
7.1.1 色相情感 163
7.1.2 色調聯想 169
7.1.3 色彩知覺 170
7.2 網頁色彩搭配方法 172
7.2.1 色彩對比 172
7.2.2 色彩調和 176
7.2.3 色彩呼應 178
7.2.4 色彩平衡 178
7.2.5 色彩重點 180
7.3 思考與練習 181
第8章 色彩于網頁設計中的應用 182
8.1 網頁中的色彩分類 182
8.1.1 靜態色彩 182
8.1.2 動態色彩 183
8.1.3 強調色彩 184
8.2 網頁色彩規則 185
8.2.1 網站整體色彩規則 185
8.2.2 網頁色彩搭配規律 187
8.2.3 網頁各要素的色彩搭配 189
8.3 網站色彩分析 191
8.3.1 網頁主題與色彩調配 191
8.3.2 網站風格與色彩搭配 194
8.3.3 同色調的不同風格網站 195
8.4 思考與練習 198
第9章 網頁設計趨向 199
9.1 超長網頁和冷色調、鮮艷顏色的
使用 199
9.1.1 超長網頁 199
9.1.2 冷色調和鮮艷顏色的使用被
廣泛接受 199
9.2 更趨向雜志化和視覺滾動 200
9.2.1 更趨向雜志化 200
9.2.2 視差滾動 200
9.3 注重閱讀體驗和自定義個性化
圖標 202
9.3.1 注重閱讀體驗 202
9.3.2 自定義個性化圖標 202
9.4 分層結構設計和響應式設計 203
9.4.1 分層結構設計 203
9.4.2 響應式網頁設計 203
9.5 扁平化設計和去Flash設計 204
9.5.1 扁平化設計 204
9.5.2 去Flash設計 204
9.6 思考與練習 204
第10章 網頁版面設計 206
10.1 網頁版面文字 206
10.1.1 字體與字號 206
10.1.2 行距與文字背景 207
10.2 網頁版面結構布局 210
10.2.1 拐角型網頁布局 210
10.2.2 國字型網頁布局 211
10.2.3 左右框架型網頁布局 211
10.2.4 上下框架型網頁布局 211
10.2.5 封面型網頁布局 211
10.2.6 綜合框架型網頁布局 212
10.2.7 標題正文型網頁布局 212
10.2.8 Flash型網頁布局 212
10.3 網頁設計風格 213
10.3.1 主題設計 213
10.3.2 極簡主義 215
10.3.3 插畫和素描設計 215
10.3.4 以字體為主的設計 216
10.3.5 紋理風格設計和手制的
剪貼簿 217
10.4 網頁版面構成的藝術表現 218
10.4.1 重復構成 219
10.4.2 漸變構成 219
10.4.3 空間構成 220
10.5 思考與練習 221
第11章 藝術類網站設計 222
11.1 藝術類網站概述 222
11.1.1 表演藝術 222
11.1.2 視覺藝術 222
11.1.3 造型藝術 223
11.1.4 語言藝術 223
11.1.5 綜合藝術 224
11.2 藝術類網站設計 224
11.2.1 首頁制作 224
11.2.2 動態內頁制作 229
11.2.3 網站展示內頁制作 230
11.2.4 聯系方式內頁制作 230
11.3 思考與練習 231
第12章 企業類網站設計 233
12.1 企業類網站設計應用 233
12.1.1 明確創建網站的目的和
用戶需求 233
12.1.2 總體設計方案主題鮮明 234
12.1.3 網站的版式設計 234
12.1.4 色彩在網頁設計中的
應用 235
12.1.5 多媒體功能的應用 235
12.1.6 內容更新與溝通 236
12.2 手機網站設計 236
12.2.1 首頁設計 236
12.2.2 內頁布局設計 242
12.2.3 網站文字信息頁設計 243
12.2.4 網站圖像展示頁設計 243
12.3 思考與練習 245
第13章 餐飲類網站設計 246
13.1 餐飲類網站類別 246
13.1.1 餐飲門戶網站 246
13.1.2 餐飲企業網站 248
13.2 網站首頁制作 249
13.2.1 網站標志設計 249
13.2.2 網頁導航與Banner制作 251
13.2.3 網頁內容和版尾制作 252
13.3 企業理念頁與網上訂餐頁制作 253
13.3.1 子頁導航與投票制作 254
13.3.2 企業理念頁制作 257
13.3.3 訂餐表單制作 258
13.4 飲食內容與特色佳肴頁制作 258
13.5 思考與練習 259
第14章 購物類網站設計 260
14.1 購物類網站類別 260
14.1.1 按商品活動類型分類 260
14.1.2 按商品類型分類 261
14.2 鵬樂購物網站首頁設計 263
14.2.1 首頁布局設計 263
14.2.2 內容添加 265
14.3 購物網站內頁設計 267
14.3.1 內頁布局設計 267
14.3.2 圖像展示頁設計 269
14.3.3 文字信息頁導入 269
14.4 思考與練習 270
第15章 旅游類網站設計 272
15.1 旅游類網站鑒賞 272
15.1.1 旅游門戶網 272
15.1.2 滑雪度假網站 272
15.1.3 田園度假網站 273
15.1.4 海邊度假風光 273
15.1.5 文化旅游網站 274
15.1.6 航空公司網站 275
15.1.7 酒店預訂網站 275
15.1.8 度假村客房服務 275
15.2 旅游網站設計 276
15.2.1 頁面結構設計 276
15.2.2 頁面內容設計 277
15.2.3 度假網站概況頁設計 280
15.2.4 風景欣賞頁設計 282
15.3 思考與練習 284
第16章 休閑類網站設計 285
16.1 休閑類網站概況 285
16.1.1 休閑之時尚生活 285
16.1.2 休閑之旅游 285
16.1.3 休閑之美容 286
16.1.4 休閑之健身 286
16.1.5 休閑之服飾 287
16.1.6 休閑之家居 287
16.2 美容網站首頁設計 287
16.2.1 首頁結構設計 288
16.2.2 信息內容添加 289
16.3 美容網站內頁制作 291
16.3.1 Beauty 植物頁制作 292
16.3.2 商品展示頁制作 293
16.3.3 文字信息頁制作 294
16.4 思考與練習 295
鄭國強 編著 鄭國強，資深設計人員，資深圖書策劃人員，現任妙思品位廣告公司總經理，總策劃。編寫出版了《設計師專業色譜與配色設計（協調配色）》《中國風花紋圖庫寶典》等書。
目 錄
第1章 Photoshop CC網頁設計 1
1.1 認識網頁 1
1.1.1 網頁界面 1
1.1.2 網頁設計的審美感 4
1.1.3 網頁設計的藝術性 5
1.2 網頁設計應用 6
1.2.1 網頁圖像管理 6
1.2.2 網頁設計流程簡介 9
1.2.3 網站策劃 11
1.3 思考與練習 15
第2章 網頁圖像設計 17
2.1 圖層的應用 17
2.1.1 認識圖層面板 17
2.1.2 圖層基礎操作 18
2.1.3 圖層樣式類型 22
2.1.4 圖層樣式編輯和應用 28
2.1.5 圖層混合模式 30
2.2 選區與填充 32
2.2.1 認識選區 33
2.2.2 編輯選區 34
2.2.3 純色填充和漸變色填充 36
2.2.4 圖案填充 37
2.3 文字與路徑 38
2.3.1 創建文字 38
2.3.2 文字編輯 38
2.3.3 創建與編輯沿路徑排列
文字 40
2.3.4 認識路徑 40
2.3.5 創建與調整路徑 42
2.3.6 路徑的描邊和填充 45
2.4 濾鏡的應用 47
2.4.1 認識濾鏡 47
2.4.2 編輯濾鏡 48
2.4.3 濾鏡的分類 49
2.4.4 常用濾鏡效果 49
2.5 案例實戰：漂亮的導航按鈕 51
2.6 案例實戰：投影文字 53
2.7 思考與練習 54
第3章 Photoshop CC網頁動畫設計 56
3.1 動畫面板 56
3.1.1 幀動畫面板 57
3.1.2 時間軸動畫面板 58
3.2 逐幀與過渡動畫 59
3.2.1 認識和創建逐幀動畫 59
3.2.2 認識和創建過渡動畫 60
3.2.3 過渡動畫類型 60
3.3 時間軸動畫 63
3.3.1 普通圖層時間軸動畫 63
3.3.2 文本圖層時間軸動畫 64
3.3.3 蒙版圖層時間軸動畫 66
3.4 為動畫添加音頻和視頻 69
3.4.1 添加并編輯音頻 69
3.4.2 添加并編輯視頻 70
3.5 渲染視頻 71
3.6 案例實戰：下雪動畫 72
3.7 案例實戰：寫字動畫 75
3.8 思考與練習 78
第4章 切片并導出網頁文件 79
4.1 創建與編輯切片 79
4.1.1 創建切片 79
4.1.2 選擇并調整和移動切片 80
4.1.3 劃分切片 81
4.1.4 組合和刪除切片 82
4.1.5 轉化為用戶切片 83
4.1.6 設置切片選項 84
4.2 編輯Web文件 85
4.2.1 快速導出可放大瀏覽Web
文件 85
4.2.2 優化與導出Web圖像 86
4.3 切片和導出要點 88
4.4 案例實戰：餐飲網站首頁切片 90
4.5 思考與練習 92
第5章 網頁元素設計 93
5.1 網頁圖標設計 93
5.1.1 圖標概念 93
5.1.2 網頁圖標的主要應用 94
5.1.3 網頁圖標設計原則 95
5.1.4 圖標的保存格式 95
5.1.5 實戰案例：商務網站圖標
制作 95
5.2 網頁導航設計 99
5.2.1 導航設計原則和技巧 99
5.2.2 導航樣式 101
5.2.3 網頁導航優化方向 103
5.2.4 導航條設計欣賞 104
5.2.5 案例實戰：導航條設計
案例1 105
5.3 網頁廣告設計 108
5.3.1 網絡廣告形式 108
5.3.2 網頁廣告設計技巧 109
5.3.3 案例實戰：橫幅動畫廣告 111
5.3.4 案例實戰：彈出式窗口動畫
廣告 116
5.4 特效文字在網頁中的應用 121
5.4.1 特效文字在網頁中的應用 121
5.4.2 射線字 123
5.4.3 火焰字 125
5.4.4 金屬字 129
5.4.5 珠寶字 130
5.4.6 糖果字 133
5.5 思考與練習 138
第6章 網頁色彩知識 139
6.1 網頁色彩 139
6.1.1 認識網頁色彩 139
6.1.2 216網頁安全色 139
6.2 色彩的理論 141
6.2.1 色彩與視覺原理 141
6.2.2 色彩的三要素 142
6.2.3 色彩的混合原理 144
6.3 網頁配色 146
6.3.1 網頁自定義顏色 146
6.3.2 色彩采集 147
6.3.3 色彩推移 151
6.3.4 色調變化 153
6.4 色彩模式的管理 158
6.4.1 認識色彩模式 158
6.4.2 色彩模式轉換 161
6.5 思考與練習 162
第7章 網頁色彩情感解碼 163
7.1 網頁色彩分析 163
7.1.1 色相情感 163
7.1.2 色調聯想 169
7.1.3 色彩知覺 170
7.2 網頁色彩搭配方法 172
7.2.1 色彩對比 172
7.2.2 色彩調和 176
7.2.3 色彩呼應 178
7.2.4 色彩平衡 178
7.2.5 色彩重點 180
7.3 思考與練習 181
第8章 色彩于網頁設計中的應用 182
8.1 網頁中的色彩分類 182
8.1.1 靜態色彩 182
8.1.2 動態色彩 183
8.1.3 強調色彩 184
8.2 網頁色彩規則 185
8.2.1 網站整體色彩規則 185
8.2.2 網頁色彩搭配規律 187
8.2.3 網頁各要素的色彩搭配 189
8.3 網站色彩分析 191
8.3.1 網頁主題與色彩調配 191
8.3.2 網站風格與色彩搭配 194
8.3.3 同色調的不同風格網站 195
8.4 思考與練習 198
第9章 網頁設計趨向 199
9.1 超長網頁和冷色調、鮮艷顏色的
使用 199
9.1.1 超長網頁 199
9.1.2 冷色調和鮮艷顏色的使用被
廣泛接受 199
9.2 更趨向雜志化和視覺滾動 200
9.2.1 更趨向雜志化 200
9.2.2 視差滾動 200
9.3 注重閱讀體驗和自定義個性化
圖標 202
9.3.1 注重閱讀體驗 202
9.3.2 自定義個性化圖標 202
9.4 分層結構設計和響應式設計 203
9.4.1 分層結構設計 203
9.4.2 響應式網頁設計 203
9.5 扁平化設計和去Flash設計 204
9.5.1 扁平化設計 204
9.5.2 去Flash設計 204
9.6 思考與練習 204
第10章 網頁版面設計 206
10.1 網頁版面文字 206
10.1.1 字體與字號 206
10.1.2 行距與文字背景 207
10.2 網頁版面結構布局 210
10.2.1 拐角型網頁布局 210
10.2.2 國字型網頁布局 211
10.2.3 左右框架型網頁布局 211
10.2.4 上下框架型網頁布局 211
10.2.5 封面型網頁布局 211
10.2.6 綜合框架型網頁布局 212
10.2.7 標題正文型網頁布局 212
10.2.8 Flash型網頁布局 212
10.3 網頁設計風格 213
10.3.1 主題設計 213
10.3.2 極簡主義 215
10.3.3 插畫和素描設計 215
10.3.4 以字體為主的設計 216
10.3.5 紋理風格設計和手制的
剪貼簿 217
10.4 網頁版面構成的藝術表現 218
10.4.1 重復構成 219
10.4.2 漸變構成 219
10.4.3 空間構成 220
10.5 思考與練習 221
第11章 藝術類網站設計 222
11.1 藝術類網站概述 222
11.1.1 表演藝術 222
11.1.2 視覺藝術 222
11.1.3 造型藝術 223
11.1.4 語言藝術 223
11.1.5 綜合藝術 224
11.2 藝術類網站設計 224
11.2.1 首頁制作 224
11.2.2 動態內頁制作 229
11.2.3 網站展示內頁制作 230
11.2.4 聯系方式內頁制作 230
11.3 思考與練習 231
第12章 企業類網站設計 233
12.1 企業類網站設計應用 233
12.1.1 明確創建網站的目的和
用戶需求 233
12.1.2 總體設計方案主題鮮明 234
12.1.3 網站的版式設計 234
12.1.4 色彩在網頁設計中的
應用 235
12.1.5 多媒體功能的應用 235
12.1.6 內容更新與溝通 236
12.2 手機網站設計 236
12.2.1 首頁設計 236
12.2.2 內頁布局設計 242
12.2.3 網站文字信息頁設計 243
12.2.4 網站圖像展示頁設計 243
12.3 思考與練習 245
第13章 餐飲類網站設計 246
13.1 餐飲類網站類別 246
13.1.1 餐飲門戶網站 246
13.1.2 餐飲企業網站 248
13.2 網站首頁制作 249
13.2.1 網站標志設計 249
13.2.2 網頁導航與Banner制作 251
13.2.3 網頁內容和版尾制作 252
13.3 企業理念頁與網上訂餐頁制作 253
13.3.1 子頁導航與投票制作 254
13.3.2 企業理念頁制作 257
13.3.3 訂餐表單制作 258
13.4 飲食內容與特色佳肴頁制作 258
13.5 思考與練習 259
第14章 購物類網站設計 260
14.1 購物類網站類別 260
14.1.1 按商品活動類型分類 260
14.1.2 按商品類型分類 261
14.2 鵬樂購物網站首頁設計 263
14.2.1 首頁布局設計 263
14.2.2 內容添加 265
14.3 購物網站內頁設計 267
14.3.1 內頁布局設計 267
14.3.2 圖像展示頁設計 269
14.3.3 文字信息頁導入 269
14.4 思考與練習 270
第15章 旅游類網站設計 272
15.1 旅游類網站鑒賞 272
15.1.1 旅游門戶網 272
15.1.2 滑雪度假網站 272
15.1.3 田園度假網站 273
15.1.4 海邊度假風光 273
15.1.5 文化旅游網站 274
15.1.6 航空公司網站 275
15.1.7 酒店預訂網站 275
15.1.8 度假村客房服務 275
15.2 旅游網站設計 276
15.2.1 頁面結構設計 276
15.2.2 頁面內容設計 277
15.2.3 度假網站概況頁設計 280
15.2.4 風景欣賞頁設計 282
15.3 思考與練習 284
第16章 休閑類網站設計 285
16.1 休閑類網站概況 285
16.1.1 休閑之時尚生活 285
16.1.2 休閑之旅游 285
16.1.3 休閑之美容 286
16.1.4 休閑之健身 286
16.1.5 休閑之服飾 287
16.1.6 休閑之家居 287
16.2 美容網站首頁設計 287
16.2.1 首頁結構設計 288
16.2.2 信息內容添加 289
16.3 美容網站內頁制作 291
16.3.1 Beauty 植物頁制作 292
16.3.2 商品展示頁制作 293
16.3.3 文字信息頁制作 294
16.4 思考與練習 295
新書資訊