淘宝天猫美工完全自学一本通（含DVD光盘1张）（全彩）

本书共分9章，全面介绍了移动电商设计中的理论知识以及具体案例的制作方法，书中内容涵盖了网店开设流程、电商页面配色、店铺页面布局、店铺推广、店铺装修、旺铺海报专题设计、电商宣传视频制作、店铺CSS美化等各方面的知识，还涉及了Photoshop、Dreamweaver和会声会影等软件的使用方法，让读者在掌握店铺设计的各方面知识的同时，能够在设计制作上做到活学活用。

高金山,资深UI设计师，有丰富的UI设计经验,先后从事电商设计，软件界面、网站界面和游戏界面的设计工作。曾在中国传媒大学、北京大学、北京师范大学等重点院校教授设计课程。

网店开张?第一章 001

网上开店?1．1 002

1．1．1 选择开店的平台 002

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

1．1．3 淘宝网开店的步骤 003

淘宝店铺的类型?1．2 008

1．2．1 普通店铺 008

1．2．2 旺铺创业扶植版 008

1．2．3 旺铺标准版 009

1．2．4 旺铺拓展版 010

1．2．5 不同类型店铺的区别 012

不同类型店铺的可装修区域?1．3 012

1．3．1 普通店铺可供装修的区域 013

1．3．2 旺铺创业扶植版可供装修的区域 015

1．3．3 旺铺标准版可供装修的区域 015

1．3．4 旺铺拓展版可供装修的区域 016

店铺各部分装修的尺寸?1．4 016

进入淘宝店铺管理平台?1．5 017

1．5．1　通过千牛工作平台（阿里旺旺） 017

1．5．2　通过店铺登录 019

卖家中心的组件?1．6 022

1．6．1 左侧页面 023

1．6．2 中部页面 026

1．6．3 右侧页面 028

店铺管理?1．7 029

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

1．7．2 店铺装修 030

1．7．3 图片空间 032

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

1．7．5 店铺基本设置 034

1．7．6 手机淘宝店铺 036

1．7．7 域名设置 036

1．7．8 掌柜推荐 036

1．7．9 淘宝贷款 037

1．7．10 子账号设置 037

1．7．11 特种经营许可证 037

1．7．12 账房 039

1．7．13 商家保障 039

淘宝店铺装修设计?第二章 041

装修店铺的左侧?2．1 042

2．1．1 选择淘宝店铺的布局管理 042

2．1．2 左侧模块的说明和设计要求 046

2．1．3 常见的左侧栏模块 047

2．1．4 店铺收藏 050

2．1．5 客服中心 053

网店色彩搭配?第三章 057

色彩在店铺装修中的运用?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　蓝色―冷静、理智 068

3．2．6　黄色―希望、快乐 069

3．2．7　其他颜色 070

色彩的温度对页面的影响?3．3 072

3．3．1　冷暖色调 072

3．3．2　网店商品和店铺冷暖色调的运用 075

3．3．3　季节对冷暖配色的影响 076

3．3．4　节日对冷暖配色的影响 078

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

3．4．1　选择主色―商品决定 080

3．4．2　选择辅色―配色规律 082

3．4．3　选择图片颜色―由营销

策略决定 084

3．4．4　选择文字颜色 088

3．4．5　其他内容―完善整体 090

店铺风格的形成要素?3．5 091

3．5．1　店铺的主要风格 091

3．5．2　商品的情绪 092

3．5．3　店铺的包装色彩 096

3．5．4　巧用VI配色 098

实战案例―家居用品店铺?3．6

页面制作 100

配色工具介绍?3．7 104

3．7．1　Adobe Color 104

3．7．2　ColorKey XP 105

3．7．3　ColorSchemer Studio 105

网店海报专题设计?第四章 107

网店店招的设计?4．1 108

4．1．1　店招的设计说明 108

4．1．2　店招的尺寸、作用及相同点 108

4．1．3　制作店招的注意事项 110

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

4．1．5　图文并茂动画店招的制作 114

4．1．6　店招的应用 118

电商海报设计?4．2 120

4．2．1　电商海报的分类 120

4．2．2　电商海报的配色技巧 122

4．2．3　海报设计与营销风格 123

4．2．4　优秀电商海报案例 127

网店直通车图片的设计?4．3 131

4．3．1　直通车图片尺寸要求 131

4．3．2　直通车图片构图方式 133

4．3．3　直通车图片设计分类 137

4．3．4　直通车图片设计技巧 139

网店钻石展位图片的设计?4．4 141

4．4．1　钻石展位图片的主题 141

4．4．2　促销―新品折扣、清仓促销 142

4．4．3　钻石展位广告投放 145

4．4．4　如何设计富有创意的钻石

展位图片 147

网店合理布局?第五章 155

电商网站布局元素?5．1 156

5．1．1　店标设计 156

5．1．2　电商网站导航设计原则 158

5．1．3　面包屑导航设计技巧 166

5．1．4　商品陈列构图 168

电商页面构图设计?5．2 170

5．2．1　了解电商页面的构图 171

5．2．2　页面几何切割的构图方式 173

5．2．3　放射与透视的页面构图 177

5．2．4　整体和流程的页面构图 178

5．2．5　根据图像轮廓联想的方式构图 184

电商页面布局设计?5．3 186

5．3．1　电商页面首屏布局设计要点 186

5．3．2　商品列表页布局设计 188

5．3．3　电商活动页面设计 192

5．4．4　活动页面设计技巧 194

店铺的CSS美化?第六章 207

CSS简介?6．1 208

6．1．1　什么是CSS 208

6．1．2　CSS与淘宝店铺装修 208

6．1．3　使用Dreamweaver编辑CSS 209

CSS的语法结构?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　代码的修改和运用 218

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

6．5．1　div的结构 220

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

创建与编辑CSS样式?6．6

装修店铺 222

6．6．1　实战案例―代码的制作 222

6．6．2　实战案例―店铺公告模板

背景图的代码制作 225

6．6．3　实战案例―宝贝推荐模板

代码的制作 230

网店视频宣传的制作?第七章 235

掌握会声会影X8的基础操作?7．1 236

7．1．1　了解视频编辑的流程 236

7．1．2　捕获与导入视频素材 236

使用“时间轴”面板?7．2 242

在时间轴视图之间切换?7．2．1 242

显示和隐藏轨?7．2．2 242

添加和交换轨?7．2．3 242

使用连续编辑?7．2．4 243

编辑与剪辑视频素材?7．3 243

7．3．1　添加素材 244

7．3．2　选择素材 245

7．3．3　移动素材 245

7．3．4　复制素材 245

7．3．5　删除素材 246

7．3．6　设置素材的回放速度 246

7．3．7　反转视频 247

7．3．8　实战案例―分离音频和视频 247

7．3．9　实战案例―按场景分割视频文件 248

7．3．10　精确标记和删除视频片段 250

7．3．11　使用时间轴面板剪辑视频 251

7．3．12　停帧功能 251

7．3．13　保存视频到素材库 252

7．3．14　输出为新视频文件 252

7．3．15　调整视频播放速度 253

添加与编辑字幕效果?7．4 253

7．4．1　实战案例―添加标题字幕 253

7．4．2　实战案例―通过模板创建

标题字幕 254

7．4．3　设置标题和字幕区间 255

7．4．4　设置标题特殊效果 255

添加与编辑音频素材?7．5 256

7．5．1　添加音频素材库中的音频文件 257

7．5．2　添加计算机中的音频文件 257

7．5．3　添加自动音乐 258

7．5．4　调整音频素材区间 258

7．5．5　实战案例―调整音频音量 259

渲染与输出视频?7．6 259

7．6．1　设置视频保存格式 260

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

7．6．3　输出影片音频 261

实战综合案例―男表网店?7．7

宣传视频 261

网店移动端设计?第八章 267

认识移动电商?8．1 268

8．1．1　移动电商的特点 268

8．1．2　移动电商与传统电商比较 269

8．1．3　移动电商与传统电商设计的

差异化 269

移动端电商图标?8．2 271

8．2．1　图标设计风格 272

8．2．2　移动端图标应用类型 274

8．2．3　iOS和Android系统图标特点 280

8．2．4　电商APP图标视觉设计要点 287

移动端电商广告?8．3 289

8．3．1　移动端电商广告与计算机端

电商广告的不同 290

8．3．2　移动电商广告的设计元素 293

8．3．3　移动端电商广告设计要点 296

8．3．4　均衡的构图 297

8．3．5　合适的字体 298

8．3．6　电商广告设计技巧 300

移动端电商APP?8．4 305

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

8．4．2　电商APP设计基本要求 306

8．4．3　如何设计电商APP 308

8．4．4　电商APP设计原则 310

8．4．5　电商APP设计注意事项 321

网店商品推广设计?第九章 323

了解网店推广?9．1 324

9．1．1　网店推广的方法 324

9．1．2　网店推广技巧 324

9．1．3　网店推广中的误区 325

9．1．4　网店推广在设计上的应用 325

活动促销推广?9．2 331

9．2．1　了解促销推广 331

9．2．2　网店促销活动类型 332

9．2．3　促销图片的设计方法 339

动画推广?9．3 346

9．3．1　了解动画制作 346

9．3．2　常见动画效果 348