目 錄

第1章 Photoshop CC網(wǎng)頁設(shè)計(jì) 1

1.1 認(rèn)識(shí)網(wǎng)頁 1

1.1.1 網(wǎng)頁界面 1

1.1.2 網(wǎng)頁設(shè)計(jì)的審美感 4

1.1.3 網(wǎng)頁設(shè)計(jì)的藝術(shù)性 5

1.2 網(wǎng)頁設(shè)計(jì)應(yīng)用 6

1.2.1 網(wǎng)頁圖像管理 6

1.2.2 網(wǎng)頁設(shè)計(jì)流程簡介 9

1.2.3 網(wǎng)站策劃 11

1.3 思考與練習(xí) 15

第2章 網(wǎng)頁圖像設(shè)計(jì) 17

2.1 圖層的應(yīng)用 17

2.1.1 認(rèn)識(shí)圖層面板 17

2.1.2 圖層基礎(chǔ)操作 18

2.1.3 圖層樣式類型 22

2.1.4 圖層樣式編輯和應(yīng)用 28

2.1.5 圖層混合模式 30

2.2 選區(qū)與填充 32

2.2.1 認(rèn)識(shí)選區(qū) 33

2.2.2 編輯選區(qū) 34

2.2.3 純色填充和漸變色填充 36

2.2.4 圖案填充 37

2.3 文字與路徑 38

2.3.1 創(chuàng)建文字 38

2.3.2 文字編輯 38

2.3.3 創(chuàng)建與編輯沿路徑排列

文字 40

2.3.4 認(rèn)識(shí)路徑 40

2.3.5 創(chuàng)建與調(diào)整路徑 42

2.3.6 路徑的描邊和填充 45

2.4 濾鏡的應(yīng)用 47

2.4.1 認(rèn)識(shí)濾鏡 47

2.4.2 編輯濾鏡 48

2.4.3 濾鏡的分類 49

2.4.4 常用濾鏡效果 49

2.5 案例實(shí)戰(zhàn)：漂亮的導(dǎo)航按鈕 51

2.6 案例實(shí)戰(zhàn)：投影文字 53

2.7 思考與練習(xí) 54

第3章 Photoshop CC網(wǎng)頁動(dòng)畫設(shè)計(jì) 56

3.1 動(dòng)畫面板 56

3.1.1 幀動(dòng)畫面板 57

3.1.2 時(shí)間軸動(dòng)畫面板 58

3.2 逐幀與過渡動(dòng)畫 59

3.2.1 認(rèn)識(shí)和創(chuàng)建逐幀動(dòng)畫 59

3.2.2 認(rèn)識(shí)和創(chuàng)建過渡動(dòng)畫 60

3.2.3 過渡動(dòng)畫類型 60

3.3 時(shí)間軸動(dòng)畫 63

3.3.1 普通圖層時(shí)間軸動(dòng)畫 63

3.3.2 文本圖層時(shí)間軸動(dòng)畫 64

3.3.3 蒙版圖層時(shí)間軸動(dòng)畫 66

3.4 為動(dòng)畫添加音頻和視頻 69

3.4.1 添加并編輯音頻 69

3.4.2 添加并編輯視頻 70

3.5 渲染視頻 71

3.6 案例實(shí)戰(zhàn)：下雪動(dòng)畫 72

3.7 案例實(shí)戰(zhàn)：寫字動(dòng)畫 75

3.8 思考與練習(xí) 78

第4章 切片并導(dǎo)出網(wǎng)頁文件 79

4.1 創(chuàng)建與編輯切片 79

4.1.1 創(chuàng)建切片 79

4.1.2 選擇并調(diào)整和移動(dòng)切片 80

4.1.3 劃分切片 81

4.1.4 組合和刪除切片 82

4.1.5 轉(zhuǎn)化為用戶切片 83

4.1.6 設(shè)置切片選項(xiàng) 84

4.2 編輯Web文件 85

4.2.1 快速導(dǎo)出可放大瀏覽Web

文件 85

4.2.2 優(yōu)化與導(dǎo)出Web圖像 86

4.3 切片和導(dǎo)出要點(diǎn) 88

4.4 案例實(shí)戰(zhàn)：餐飲網(wǎng)站首頁切片 90

4.5 思考與練習(xí) 92

第5章 網(wǎng)頁元素設(shè)計(jì) 93

5.1 網(wǎng)頁圖標(biāo)設(shè)計(jì) 93

5.1.1 圖標(biāo)概念 93

5.1.2 網(wǎng)頁圖標(biāo)的主要應(yīng)用 94

5.1.3 網(wǎng)頁圖標(biāo)設(shè)計(jì)原則 95

5.1.4 圖標(biāo)的保存格式 95

5.1.5 實(shí)戰(zhàn)案例：商務(wù)網(wǎng)站圖標(biāo)

制作 95

5.2 網(wǎng)頁導(dǎo)航設(shè)計(jì) 99

5.2.1 導(dǎo)航設(shè)計(jì)原則和技巧 99

5.2.2 導(dǎo)航樣式 101

5.2.3 網(wǎng)頁導(dǎo)航優(yōu)化方向 103

5.2.4 導(dǎo)航條設(shè)計(jì)欣賞 104

5.2.5 案例實(shí)戰(zhàn)：導(dǎo)航條設(shè)計(jì)

案例1 105

5.3 網(wǎng)頁廣告設(shè)計(jì) 108

5.3.1 網(wǎng)絡(luò)廣告形式 108

5.3.2 網(wǎng)頁廣告設(shè)計(jì)技巧 109

5.3.3 案例實(shí)戰(zhàn)：橫幅動(dòng)畫廣告 111

5.3.4 案例實(shí)戰(zhàn)：彈出式窗口動(dòng)畫

廣告 116

5.4 特效文字在網(wǎng)頁中的應(yīng)用 121

5.4.1 特效文字在網(wǎng)頁中的應(yīng)用 121

5.4.2 射線字 123

5.4.3 火焰字 125

5.4.4 金屬字 129

5.4.5 珠寶字 130

5.4.6 糖果字 133

5.5 思考與練習(xí) 138

第6章 網(wǎng)頁色彩知識(shí) 139

6.1 網(wǎng)頁色彩 139

6.1.1 認(rèn)識(shí)網(wǎng)頁色彩 139

6.1.2 216網(wǎng)頁安全色 139

6.2 色彩的理論 141

6.2.1 色彩與視覺原理 141

6.2.2 色彩的三要素 142

6.2.3 色彩的混合原理 144

6.3 網(wǎng)頁配色 146

6.3.1 網(wǎng)頁自定義顏色 146

6.3.2 色彩采集 147

6.3.3 色彩推移 151

6.3.4 色調(diào)變化 153

6.4 色彩模式的管理 158

6.4.1 認(rèn)識(shí)色彩模式 158

6.4.2 色彩模式轉(zhuǎn)換 161

6.5 思考與練習(xí) 162

第7章 網(wǎng)頁色彩情感解碼 163

7.1 網(wǎng)頁色彩分析 163

7.1.1 色相情感 163

7.1.2 色調(diào)聯(lián)想 169

7.1.3 色彩知覺 170

7.2 網(wǎng)頁色彩搭配方法 172

7.2.1 色彩對(duì)比 172

7.2.2 色彩調(diào)和 176

7.2.3 色彩呼應(yīng) 178

7.2.4 色彩平衡 178

7.2.5 色彩重點(diǎn) 180

7.3 思考與練習(xí) 181

第8章 色彩于網(wǎng)頁設(shè)計(jì)中的應(yīng)用 182

8.1 網(wǎng)頁中的色彩分類 182

8.1.1 靜態(tài)色彩 182

8.1.2 動(dòng)態(tài)色彩 183

8.1.3 強(qiáng)調(diào)色彩 184

8.2 網(wǎng)頁色彩規(guī)則 185

8.2.1 網(wǎng)站整體色彩規(guī)則 185

8.2.2 網(wǎng)頁色彩搭配規(guī)律 187

8.2.3 網(wǎng)頁各要素的色彩搭配 189

8.3 網(wǎng)站色彩分析 191

8.3.1 網(wǎng)頁主題與色彩調(diào)配 191

8.3.2 網(wǎng)站風(fēng)格與色彩搭配 194

8.3.3 同色調(diào)的不同風(fēng)格網(wǎng)站 195

8.4 思考與練習(xí) 198

第9章 網(wǎng)頁設(shè)計(jì)趨向 199

9.1 超長網(wǎng)頁和冷色調(diào)、鮮艷顏色的

使用 199

9.1.1 超長網(wǎng)頁 199

9.1.2 冷色調(diào)和鮮艷顏色的使用被

廣泛接受 199

9.2 更趨向雜志化和視覺滾動(dòng) 200

9.2.1 更趨向雜志化 200

9.2.2 視差滾動(dòng) 200

9.3 注重閱讀體驗(yàn)和自定義個(gè)性化

圖標(biāo) 202

9.3.1 注重閱讀體驗(yàn) 202

9.3.2 自定義個(gè)性化圖標(biāo) 202

9.4 分層結(jié)構(gòu)設(shè)計(jì)和響應(yīng)式設(shè)計(jì) 203

9.4.1 分層結(jié)構(gòu)設(shè)計(jì) 203

9.4.2 響應(yīng)式網(wǎng)頁設(shè)計(jì) 203

9.5 扁平化設(shè)計(jì)和去Flash設(shè)計(jì) 204

9.5.1 扁平化設(shè)計(jì) 204

9.5.2 去Flash設(shè)計(jì) 204

9.6 思考與練習(xí) 204

第10章 網(wǎng)頁版面設(shè)計(jì) 206

10.1 網(wǎng)頁版面文字 206

10.1.1 字體與字號(hào) 206

10.1.2 行距與文字背景 207

10.2 網(wǎng)頁版面結(jié)構(gòu)布局 210

10.2.1 拐角型網(wǎng)頁布局 210

10.2.2 國字型網(wǎng)頁布局 211

10.2.3 左右框架型網(wǎng)頁布局 211

10.2.4 上下框架型網(wǎng)頁布局 211

10.2.5 封面型網(wǎng)頁布局 211

10.2.6 綜合框架型網(wǎng)頁布局 212

10.2.7 標(biāo)題正文型網(wǎng)頁布局 212

10.2.8 Flash型網(wǎng)頁布局 212

10.3 網(wǎng)頁設(shè)計(jì)風(fēng)格 213

10.3.1 主題設(shè)計(jì) 213

10.3.2 極簡主義 215

10.3.3 插畫和素描設(shè)計(jì) 215

10.3.4 以字體為主的設(shè)計(jì) 216

10.3.5 紋理風(fēng)格設(shè)計(jì)和手制的

剪貼簿 217

10.4 網(wǎng)頁版面構(gòu)成的藝術(shù)表現(xiàn) 218

10.4.1 重復(fù)構(gòu)成 219

10.4.2 漸變構(gòu)成 219

10.4.3 空間構(gòu)成 220

10.5 思考與練習(xí) 221

第11章 藝術(shù)類網(wǎng)站設(shè)計(jì) 222

11.1 藝術(shù)類網(wǎng)站概述 222

11.1.1 表演藝術(shù) 222

11.1.2 視覺藝術(shù) 222

11.1.3 造型藝術(shù) 223

11.1.4 語言藝術(shù) 223

11.1.5 綜合藝術(shù) 224

11.2 藝術(shù)類網(wǎng)站設(shè)計(jì) 224

11.2.1 首頁制作 224

11.2.2 動(dòng)態(tài)內(nèi)頁制作 229

11.2.3 網(wǎng)站展示內(nèi)頁制作 230

11.2.4 聯(lián)系方式內(nèi)頁制作 230

11.3 思考與練習(xí) 231

第12章 企業(yè)類網(wǎng)站設(shè)計(jì) 233

12.1 企業(yè)類網(wǎng)站設(shè)計(jì)應(yīng)用 233

12.1.1 明確創(chuàng)建網(wǎng)站的目的和

用戶需求 233

12.1.2 總體設(shè)計(jì)方案主題鮮明 234

12.1.3 網(wǎng)站的版式設(shè)計(jì) 234

12.1.4 色彩在網(wǎng)頁設(shè)計(jì)中的

應(yīng)用 235

12.1.5 多媒體功能的應(yīng)用 235

12.1.6 內(nèi)容更新與溝通 236

12.2 手機(jī)網(wǎng)站設(shè)計(jì) 236

12.2.1 首頁設(shè)計(jì) 236

12.2.2 內(nèi)頁布局設(shè)計(jì) 242

12.2.3 網(wǎng)站文字信息頁設(shè)計(jì) 243

12.2.4 網(wǎng)站圖像展示頁設(shè)計(jì) 243

12.3 思考與練習(xí) 245

第13章 餐飲類網(wǎng)站設(shè)計(jì) 246

13.1 餐飲類網(wǎng)站類別 246

13.1.1 餐飲門戶網(wǎng)站 246

13.1.2 餐飲企業(yè)網(wǎng)站 248

13.2 網(wǎng)站首頁制作 249

13.2.1 網(wǎng)站標(biāo)志設(shè)計(jì) 249

13.2.2 網(wǎng)頁導(dǎo)航與Banner制作 251

13.2.3 網(wǎng)頁內(nèi)容和版尾制作 252

13.3 企業(yè)理念頁與網(wǎng)上訂餐頁制作 253

13.3.1 子頁導(dǎo)航與投票制作 254

13.3.2 企業(yè)理念頁制作 257

13.3.3 訂餐表單制作 258

13.4 飲食內(nèi)容與特色佳肴頁制作 258

13.5 思考與練習(xí) 259

第14章 購物類網(wǎng)站設(shè)計(jì) 260

14.1 購物類網(wǎng)站類別 260

14.1.1 按商品活動(dòng)類型分類 260

14.1.2 按商品類型分類 261

14.2 鵬樂購物網(wǎng)站首頁設(shè)計(jì) 263

14.2.1 首頁布局設(shè)計(jì) 263

14.2.2 內(nèi)容添加 265

14.3 購物網(wǎng)站內(nèi)頁設(shè)計(jì) 267

14.3.1 內(nèi)頁布局設(shè)計(jì) 267

14.3.2 圖像展示頁設(shè)計(jì) 269

14.3.3 文字信息頁導(dǎo)入 269

14.4 思考與練習(xí) 270

第15章 旅游類網(wǎng)站設(shè)計(jì) 272

15.1 旅游類網(wǎng)站鑒賞 272

15.1.1 旅游門戶網(wǎng) 272

15.1.2 滑雪度假網(wǎng)站 272

15.1.3 田園度假網(wǎng)站 273

15.1.4 海邊度假風(fēng)光 273

15.1.5 文化旅游網(wǎng)站 274

15.1.6 航空公司網(wǎng)站 275

15.1.7 酒店預(yù)訂網(wǎng)站 275

15.1.8 度假村客房服務(wù) 275

15.2 旅游網(wǎng)站設(shè)計(jì) 276

15.2.1 頁面結(jié)構(gòu)設(shè)計(jì) 276

15.2.2 頁面內(nèi)容設(shè)計(jì) 277

15.2.3 度假網(wǎng)站概況頁設(shè)計(jì) 280

15.2.4 風(fēng)景欣賞頁設(shè)計(jì) 282

15.3 思考與練習(xí) 284

第16章 休閑類網(wǎng)站設(shè)計(jì) 285

16.1 休閑類網(wǎng)站概況 285

16.1.1 休閑之時(shí)尚生活 285

16.1.2 休閑之旅游 285

16.1.3 休閑之美容 286

16.1.4 休閑之健身 286

16.1.5 休閑之服飾 287

16.1.6 休閑之家居 287

16.2 美容網(wǎng)站首頁設(shè)計(jì) 287

16.2.1 首頁結(jié)構(gòu)設(shè)計(jì) 288

16.2.2 信息內(nèi)容添加 289

16.3 美容網(wǎng)站內(nèi)頁制作 291

16.3.1 Beauty 植物頁制作 292

16.3.2 商品展示頁制作 293

16.3.3 文字信息頁制作 294

16.4 思考與練習(xí) 295