書籍簡介
此書詳細講解了Photoshop在網頁設計領域的套用。此書共16章,包括網頁設計中的色彩套用,版面設計,按鈕的製作及套用,使用Photoshop製作網頁動畫,Banner和導航條,網頁廣告,文字特效,網頁其他組成部分的設計和製作,用Photoshop最佳化Web網頁,以及網頁界面特效實例等內容。本書結構編排合理,圖文並茂、實例豐富,可以作為高等院校相關專業教材,也可以作為讀者的自學參考資料。
作者簡介
鄭國強 編著
鄭國強,資深設計人員,資深圖書策劃人員,現任妙思品位廣告公司總經理,總策劃。編寫出版了《設計師專業色譜與配色設計(協調配色)》《中國風花紋圖庫寶典》等書。
目錄
第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.2216網頁安全色 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.8Flash型網頁布局 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