淘寶天貓美工完全自學(xué)一本通（全彩）

網(wǎng)店開張?第一章 001

網(wǎng)上開店?1．1 002

1．1．1 選擇開店的平臺 002

1．1．2 開店的基本流程 002

1．1．3 淘寶網(wǎng)開店的步驟 003

淘寶店鋪的類型?1．2 008

1．2．1 普通店鋪 008

1．2．2 旺鋪創(chuàng)業(yè)扶植版 008

1．2．3 旺鋪標(biāo)準(zhǔn)版 009

1．2．4 旺鋪拓展版 010

1．2．5 不同類型店鋪的區(qū)別 012

不同類型店鋪的可裝修區(qū)域?1．3 012

1．3．1 普通店鋪可供裝修的區(qū)域 013

1．3．2 旺鋪創(chuàng)業(yè)扶植版可供裝修的區(qū)域 015

1．3．3 旺鋪標(biāo)準(zhǔn)版可供裝修的區(qū)域 015

1．3．4 旺鋪拓展版可供裝修的區(qū)域 016

店鋪各部分裝修的尺寸?1．4 016

進(jìn)入淘寶店鋪管理平臺?1．5 017

1．5．1　通過千牛工作平臺（阿里旺旺） 017

1．5．2　通過店鋪登錄 019

賣家中心的組件?1．6 022

1．6．1 左側(cè)頁面 023

1．6．2 中部頁面 026

1．6．3 右側(cè)頁面 028

店鋪管理?1．7 029

1．7．1 查看我的店鋪 030

1．7．2 店鋪裝修 030

1．7．3 圖片空間 032

1．7．4 商品分類管理 034

1．7．5 店鋪基本設(shè)置 034

1．7．6 手機(jī)淘寶店鋪 036

1．7．7 域名設(shè)置 036

1．7．8 掌柜推薦 036

1．7．9 淘寶貸款 037

1．7．10 子賬號設(shè)置 037

1．7．11 特種經(jīng)營許可證 037

1．7．12 賬房 039

1．7．13 商家保障 039

淘寶店鋪裝修設(shè)計?第二章 041

裝修店鋪的左側(cè)?2．1 042

2．1．1 選擇淘寶店鋪的布局管理 042

2．1．2 左側(cè)模塊的說明和設(shè)計要求 046

2．1．3 常見的左側(cè)欄模塊 047

2．1．4 店鋪收藏 050

2．1．5 客服中心 053

網(wǎng)店色彩搭配?第三章 057

色彩在店鋪裝修中的運(yùn)用?3．1 058

3．1．1　色彩影響購買決策 058

3．1．2　電商配色方法 059

色彩意象對電商的影響?3．2 063

3．2．1　紅色―激情、促銷 064

3．2．2　橙色―快樂、活力 065

3．2．3　綠色―自然、清新 066

3．2．4　紫色―高貴、浪漫 067

3．2．5　藍(lán)色―冷靜、理智 068

3．2．6　黃色―希望、快樂 069

3．2．7　其他顏色 070

色彩的溫度對頁面的影響?3．3 072

3．3．1　冷暖色調(diào) 072

3．3．2　網(wǎng)店商品和店鋪冷暖色調(diào)的運(yùn)用 075

3．3．3　季節(jié)對冷暖配色的影響 076

3．3．4　節(jié)日對冷暖配色的影響 078

店鋪色彩搭配的流程?3．4 080

3．4．1　選擇主色―商品決定 080

3．4．2　選擇輔色―配色規(guī)律 082

3．4．3　選擇圖片顏色―由營銷

策略決定 084

3．4．4　選擇文字顏色 088

3．4．5　其他內(nèi)容―完善整體 090

店鋪風(fēng)格的形成要素?3．5 091

3．5．1　店鋪的主要風(fēng)格 091

3．5．2　商品的情緒 092

3．5．3　店鋪的包裝色彩 096

3．5．4　巧用VI配色 098

實(shí)戰(zhàn)案例―家居用品店鋪?3．6

頁面制作 100

配色工具介紹?3．7 104

3．7．1　Adobe Color 104

3．7．2　ColorKey XP 105

3．7．3　ColorSchemer Studio 105

網(wǎng)店海報專題設(shè)計?第四章 107

網(wǎng)店店招的設(shè)計?4．1 108

4．1．1　店招的設(shè)計說明 108

4．1．2　店招的尺寸、作用及相同點(diǎn) 108

4．1．3　制作店招的注意事項(xiàng) 110

4．1．4　文字類店招的制作 110

4．1．5　圖文并茂動畫店招的制作 114

4．1．6　店招的應(yīng)用 118

電商海報設(shè)計?4．2 120

4．2．1　電商海報的分類 120

4．2．2　電商海報的配色技巧 122

4．2．3　海報設(shè)計與營銷風(fēng)格 123

4．2．4　優(yōu)秀電商海報案例 127

網(wǎng)店直通車圖片的設(shè)計?4．3 131

4．3．1　直通車圖片尺寸要求 131

4．3．2　直通車圖片構(gòu)圖方式 133

4．3．3　直通車圖片設(shè)計分類 137

4．3．4　直通車圖片設(shè)計技巧 139

網(wǎng)店鉆石展位圖片的設(shè)計?4．4 141

4．4．1　鉆石展位圖片的主題 141

4．4．2　促銷―新品折扣、清倉促銷 142

4．4．3　鉆石展位廣告投放 145

4．4．4　如何設(shè)計富有創(chuàng)意的鉆石

展位圖片 147

網(wǎng)店合理布局?第五章 155

電商網(wǎng)站布局元素?5．1 156

5．1．1　店標(biāo)設(shè)計 156

5．1．2　電商網(wǎng)站導(dǎo)航設(shè)計原則 158

5．1．3　面包屑導(dǎo)航設(shè)計技巧 166

5．1．4　商品陳列構(gòu)圖 168

電商頁面構(gòu)圖設(shè)計?5．2 170

5．2．1　了解電商頁面的構(gòu)圖 171

5．2．2　頁面幾何切割的構(gòu)圖方式 173

5．2．3　放射與透視的頁面構(gòu)圖 177

5．2．4　整體和流程的頁面構(gòu)圖 178

5．2．5　根據(jù)圖像輪廓聯(lián)想的方式構(gòu)圖 184

電商頁面布局設(shè)計?5．3 186

5．3．1　電商頁面首屏布局設(shè)計要點(diǎn) 186

5．3．2　商品列表頁布局設(shè)計 188

5．3．3　電商活動頁面設(shè)計 192

5．4．4　活動頁面設(shè)計技巧 194

店鋪的CSS美化?第六章 207

CSS簡介?6．1 208

6．1．1　什么是CSS 208

6．1．2　CSS與淘寶店鋪裝修 208

6．1．3　使用Dreamweaver編輯CSS 209

CSS的語法結(jié)構(gòu)?6．2 210

6．2．1　CSS屬性與選擇符 210

6．2．2　選擇符的類型 211

常用CSS代碼的介紹?6．3 214

6．3．1　背景代碼 214

6．3．2　文字代碼 215

6．3．3　表單代碼 216

代碼的修改與引用?6．4 217

6．4．1　特效代碼的獲取 217

6．4．2　代碼的修改和運(yùn)用 218

使用div+CSS布局?6．5 220

6．5．1　div的結(jié)構(gòu) 220

6．5．2　div的嵌套和固定格式 221

創(chuàng)建與編輯CSS樣式?6．6

裝修店鋪 222

6．6．1　實(shí)戰(zhàn)案例―代碼的制作 222

6．6．2　實(shí)戰(zhàn)案例―店鋪公告模板

背景圖的代碼制作 225

6．6．3　實(shí)戰(zhàn)案例―寶貝推薦模板

代碼的制作 230

網(wǎng)店視頻宣傳的制作?第七章 235

掌握會聲會影X8的基礎(chǔ)操作?7．1 236

7．1．1　了解視頻編輯的流程 236

7．1．2　捕獲與導(dǎo)入視頻素材 236

使用“時間軸”面板?7．2 242

在時間軸視圖之間切換?7．2．1 242

顯示和隱藏軌?7．2．2 242

添加和交換軌?7．2．3 242

使用連續(xù)編輯?7．2．4 243

編輯與剪輯視頻素材?7．3 243

7．3．1　添加素材 244

7．3．2　選擇素材 245

7．3．3　移動素材 245

7．3．4　復(fù)制素材 245

7．3．5　刪除素材 246

7．3．6　設(shè)置素材的回放速度 246

7．3．7　反轉(zhuǎn)視頻 247

7．3．8　實(shí)戰(zhàn)案例―分離音頻和視頻 247

7．3．9　實(shí)戰(zhàn)案例―按場景分割視頻文件 248

7．3．10　精確標(biāo)記和刪除視頻片段 250

7．3．11　使用時間軸面板剪輯視頻 251

7．3．12　停幀功能 251

7．3．13　保存視頻到素材庫 252

7．3．14　輸出為新視頻文件 252

7．3．15　調(diào)整視頻播放速度 253

添加與編輯字幕效果?7．4 253

7．4．1　實(shí)戰(zhàn)案例―添加標(biāo)題字幕 253

7．4．2　實(shí)戰(zhàn)案例―通過模板創(chuàng)建

標(biāo)題字幕 254

7．4．3　設(shè)置標(biāo)題和字幕區(qū)間 255

7．4．4　設(shè)置標(biāo)題特殊效果 255

添加與編輯音頻素材?7．5 256

7．5．1　添加音頻素材庫中的音頻文件 257

7．5．2　添加計算機(jī)中的音頻文件 257

7．5．3　添加自動音樂 258

7．5．4　調(diào)整音頻素材區(qū)間 258

7．5．5　實(shí)戰(zhàn)案例―調(diào)整音頻音量 259

渲染與輸出視頻?7．6 259

7．6．1　設(shè)置視頻保存格式 260

7．6．2　渲染共享高清影片 260

7．6．3　輸出影片音頻 261

實(shí)戰(zhàn)綜合案例―男表網(wǎng)店?7．7

宣傳視頻 261

網(wǎng)店移動端設(shè)計?第八章 267

認(rèn)識移動電商?8．1 268

8．1．1　移動電商的特點(diǎn) 268

8．1．2　移動電商與傳統(tǒng)電商比較 269

8．1．3　移動電商與傳統(tǒng)電商設(shè)計的

差異化 269

移動端電商圖標(biāo)?8．2 271

8．2．1　圖標(biāo)設(shè)計風(fēng)格 272

8．2．2　移動端圖標(biāo)應(yīng)用類型 274

8．2．3　iOS和Android系統(tǒng)圖標(biāo)特點(diǎn) 280

8．2．4　電商APP圖標(biāo)視覺設(shè)計要點(diǎn) 287

移動端電商廣告?8．3 289

8．3．1　移動端電商廣告與計算機(jī)端

電商廣告的不同 290

8．3．2　移動電商廣告的設(shè)計元素 293

8．3．3　移動端電商廣告設(shè)計要點(diǎn) 296

8．3．4　均衡的構(gòu)圖 297

8．3．5　合適的字體 298

8．3．6　電商廣告設(shè)計技巧 300

移動端電商APP?8．4 305

8．4．1　什么是電商APP 305

8．4．2　電商APP設(shè)計基本要求 306

8．4．3　如何設(shè)計電商APP 308

8．4．4　電商APP設(shè)計原則 310

8．4．5　電商APP設(shè)計注意事項(xiàng) 321

網(wǎng)店商品推廣設(shè)計?第九章 323

了解網(wǎng)店推廣?9．1 324

9．1．1　網(wǎng)店推廣的方法 324

9．1．2　網(wǎng)店推廣技巧 324

9．1．3　網(wǎng)店推廣中的誤區(qū) 325

9．1．4　網(wǎng)店推廣在設(shè)計上的應(yīng)用 325

活動促銷推廣?9．2 331

9．2．1　了解促銷推廣 331

9．2．2　網(wǎng)店促銷活動類型 332

9．2．3　促銷圖片的設(shè)計方法 339

動畫推廣?9．3 346

9．3．1　了解動畫制作 346

9．3．2　常見動畫效果 348