Photoshop 網頁設計與配色標準教程

Photoshop 網頁設計與配色標準教程

《Photoshop 網頁設計與配色標準教程》是2017年清華大學出版社出版的圖書,作者是鄭國強。

編輯推薦

總結了作者多年Photoshop網頁設計經驗和教學心得。Photoshop技巧要點和重點解析提示圖文並茂,詳略得當,實例操作,貫穿同步提供豐富的課堂練習和課後習題,學練結合,知識鞏固附贈大容量、高品實例的源檔案和素材。

內容簡介

本書詳細講解了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

相關詞條

相關搜尋

熱門詞條

聯絡我們