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

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

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

1．1．1 選擇開店的平臺(tái) 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)入淘寶店鋪管理平臺(tái)?1．5 017

1．5．1　通過千牛工作平臺(tái)（阿里旺旺） 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 子賬號(hào)設(shè)置 037

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

1．7．12 賬房 039

1．7．13 商家保障 039

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

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

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

2．1．2 左側(cè)模塊的說明和設(shè)計(jì)要求 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　色彩影響購(gòu)買決策 058

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

色彩意象對(duì)電商的影響?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

色彩的溫度對(duì)頁面的影響?3．3 072

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

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

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

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

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

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

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

3．4．3　選擇圖片顏色―由營(yíng)銷

策略決定 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)店海報(bào)專題設(shè)計(jì)?第四章 107

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

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

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

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

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

4．1．5　圖文并茂動(dòng)畫店招的制作 114

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

電商海報(bào)設(shè)計(jì)?4．2 120

4．2．1　電商海報(bào)的分類 120

4．2．2　電商海報(bào)的配色技巧 122

4．2．3　海報(bào)設(shè)計(jì)與營(yíng)銷風(fēng)格 123

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

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

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

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

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

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

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

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

4．4．2　促銷―新品折扣、清倉(cāng)促銷 142

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

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

展位圖片 147

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

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

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

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

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

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

電商頁面構(gòu)圖設(shè)計(jì)?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è)計(jì)?5．3 186

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

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

5．3．3　電商活動(dòng)頁面設(shè)計(jì) 192

5．4．4　活動(dòng)頁面設(shè)計(jì)技巧 194

店鋪的CSS美化?第六章 207

CSS簡(jiǎn)介?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

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

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

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

使用“時(shí)間軸”面板?7．2 242

在時(shí)間軸視圖之間切換?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　移動(dòng)素材 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)案例―按場(chǎng)景分割視頻文件 248

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

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

7．3．12　停幀功能 251

7．3．13　保存視頻到素材庫(kù) 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　添加音頻素材庫(kù)中的音頻文件 257

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

7．5．3　添加自動(dòng)音樂 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)店移動(dòng)端設(shè)計(jì)?第八章 267

認(rèn)識(shí)移動(dòng)電商?8．1 268

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

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

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

差異化 269

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

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

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

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

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

移動(dòng)端電商廣告?8．3 289

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

電商廣告的不同 290

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

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

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

8．3．5　合適的字體 298

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

移動(dòng)端電商APP?8．4 305

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

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

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

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

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

網(wǎng)店商品推廣設(shè)計(jì)?第九章 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è)計(jì)上的應(yīng)用 325

活動(dòng)促銷推廣?9．2 331

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

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

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

動(dòng)畫推廣?9．3 346

9．3．1　了解動(dòng)畫制作 346

9．3．2　常見動(dòng)畫效果 348