电商训练营 网店美工

　　《电商训练营 网店美工》从零基础出发，通过理论结合实例的形式，全面、系统地介绍了网店美工的知识、技能和工作内容，旨在为网店美工，尤其是淘宝美工的初学者，提供实用的图片处理及店铺装修指导，帮助其快速适应岗位需求，轻松搞定各种技术活。《电商训练营 网店美工》共有10章，第1章至第9章介绍网店美工的必备知识与操作技巧，包括拍摄并处理商品图片、设计店铺装修元素、制作宣传推广图、制作店铺首页、拍摄与制作视频、制作商品详情页、装修店铺页面、设计手机端淘宝店页面等。第10章通过一个售卖旅行箱的店铺页面设计的综合案例，对前面所学的知识进行巩固和实践。《电商训练营 网店美工》可作为各类电子商务培训机构和高等院校电子商务专业的培训教材，也可作为电商从业人员全面了解网店美工工作的参考书。

　　作者从事电商视觉设计工作多年，千图网特邀设计师、90设计认证服务商家。现为某公司主设计师，主要负责店铺视觉装修设计、电商产品拍摄、宣传形象片拍摄与编辑等工作。

第 1章 网店美工初养成001
1．1 如何胜任网店美工岗位002
1．1．1 网店美工要做什么002
1．1．2 网店美工需要哪些技能002
1．1．3 网店美工的注意事项003
1．2 网店美工必须掌握的设计 要点003
1．2．1 点、线、面三大基本设计元素003
1．2．2 怎么搭配色彩更出色005
1．2．3 视觉构图007
1．3 网店美工必须掌握的文案知识008
1．3．1 文案在美工中的重要性008
1．3．2 文案的策划与编写008
1．4 网店美工必须掌握的装修知识010
1．4．1 网店装修的相关准备工作010
1．4．2 网店装修的相关术语011
1．4．3 网店首页的结构012
1．4．4 网店详情页的结构012
1．4．5 店铺装修应遵循的基本原则013
1．5 网店美工必须掌握的软件014
1．5．1 认识Photoshop图像处理软件014
1．5．2 认识Dreamweaver页面布局软件015
1．6 疑难破解016
1． 淘宝美工除了掌握必需的技能外，还需要掌握哪些图像知识？016
2． 如何定位网店的装修风格？016
3． 有哪些常见的配色方案？016
4． 在网店装修设计中，字体的使用有哪些技巧呢？017
5． 有哪些优秀的网店店面装修可以借鉴？017
1．7 边学边练018
1． 赏析TPIWR天猫旗舰店颜色搭配和字体搭配018
2． 赏析歌莉娅官方店首页的布局018
第 2章 拍摄并处理商品图片019
2．1 拍摄商品图片020
2．1．1 构建拍摄环境020
2．1．2 吸光类商品图片的拍摄 020
2．1．3 反光类商品图片的拍摄 021
2．1．4 透明类商品图片的拍摄 022
2．1．5 商品拍摄的基本构图023
2．1．6 商品的清洁与摆放024
2．1．7 实战——拍摄香水照片 025
2．2 调整商品图片的大小026
2．2．1 网店图片的常见尺寸026
2．2．2 按尺寸裁剪图片028
2．2．3 裁剪倾斜图片028
2．2．4 实战——旋转、裁剪并设置商品主图的尺寸 029
2．3 修饰商品图片030
2．3．1 使用污点修复画笔工具组修复图片030
2．3．2 使用图章工具组修饰图片034
2．3．3 使用模糊工具组修饰图片036
2．3．4 使用减淡工具组修饰图片037
2．3．5 使用液化工具修饰身形 038
2．3．6 实战——处理淘宝模特脸部瑕疵039
2．3．7 实战——处理金属质感的首饰 041
2．4 调整商品图片的色彩与质感044
2．4．1 调整图片的亮度 对比度 044
2．4．2 调整图片的色阶045
2．4．3 调整图片的曲线046
2．4．4 实战——调整旅行包图片047
2．5 抠取商品图片替换背景049
2．5．1 快速抠取单色背景的商品图片049
2．5．2 抠取轮廓清晰的商品图片051
2．5．3 抠取精细的商品图片052
2．5．4 抠取半透明的商品图片 053
2．5．5 抠取人物毛发055
2．5．6 实战——替换玻璃杯背景 056
2．6 使用文字和形状描述商品图片059
2．6．1 文字的选择方法059
2．6．2 添加商品说明性文字060
2．6．3 添加形状丰富商品图片062
2．6．4 实战——美化不锈钢炒锅商品图片063
2．6．5 实战——为商品图片添加文字水印065
2．7 疑难破解067
1． 网店商品照片的拍摄有什么要求？067
2． 拍摄过程中常见的布光方式有哪些？067
3． 怎样判断商品图片需要调色？067
4． 怎样保证处理商品图片后照片不失真？067
5． 淘宝对商品图片有什么要求？068
6． 怎样让图片表达的信息更加完整？068
7． 什么样的文案能快速引起顾客的共鸣？068
2．8 边学边练068
1． 美化沐浴露效果068
2． 调整护肤品图像效果068
第3章 设计店铺装修元素069
3．1 设计店铺Logo070
3．1．1 Logo的三大表现形式070
3．1．2 店铺Logo设计的三大要领 070
3．1．3 实战——制作灯具店铺Logo071
3．2 设计店铺店标075
3．2．1 店标设计的四大原则075
3．2．2 店标设计的三大要领075
3．2．3 实战——制作静态灯具店铺店标076
3．2．4 实战——制作动态灯具店铺店标078
3．3 设计优惠券080
3．3．1 优惠券的设计要点081
3．3．2 实战——制作灯具店铺优惠券081
3．4 设计快速导航条083
3．4．1 快速导航条有什么用083
3．4．2 实战——制作灯具店铺的快速导航条084
3．5 疑难破解087
1． 怎样选择Logo素材？087
2． 在设置动态店标时，是不是动画越多越好？088
3．6 边学边练088
1． 制作丫丫品牌童装Logo088
2． 制作夏日炎炎店标088
第4章 制作宣传推广图089
4．1 制作高点击率主图090
4．1．1 商品主图设计的三大要点090
4．1．2 制作优质商品主图的技巧 091
4．1．3 实战——制作灯具主图092
4．2 制作具有创意的直通车推广图095
4．2．1 什么是直通车推广图095
4．2．2 直通车推广图投放的策略096
4．2．3 直通车图片设计原则 096
4．2．4 实战——制作灯具直通车推广图097
4．3 制作具有吸引力的智钻图101
4．3．1 智钻的位置101
4．3．2 智钻投放的目的和策略102
4．3．3 智钻图的设计标准102
4．3．4 智钻图的排版方式103
4．3．5 实战——制作灯具智钻图104
4．4 疑难破解112
1． 怎样通过不同的主图来 表达产品？112
2． 如何在宣传图中体现 消费者最在意的问题？112
4．5 边学边练112
1． 制作播放器主图112
2． 制作手表首焦智钻图112
第5章 制作店铺首页113
5．1 认识店铺首页114
5．1．1 首页设计的注意事项114
5．1．2 店铺首页布局的要点 114
5．2 制作店铺店招115
5．2．1 店招的设计原则115
5．2．2 确定店招与众不同的风格115
5．2．3 店招的设计要求116
5．2．4 实战——制作灯具常规店招116
5．2．5 实战——制作灯具通栏店招118
5．3 制作全屏轮播图119
5．3．1 全屏轮播图的设计要点120
5．3．2 实战——制作首张灯具全屏海报图 120
5．3．3 实战——制作第二张灯具全屏海报图123
5．4 设计分类模块125
5．4．1 宝贝分类模块的设计要点125
5．4．2 实战——制作灯具店铺横排分类模块125
5．4．3 实战——制作灯具店铺
纵排分类模块128
5．5 设计宝贝促销展示模块130
5．5．1 宝贝促销展示模块设计
要点130
5．5．2 实战——制作新品促销
展示模块131
5．6 设计首页页尾135
5．6．1 怎样设计页尾模块136
5．6．2 实战——制作灯具店铺
页尾区域136
5．7 疑难破解138
1． 怎样应用淘宝自带的模板？
138
2． 设计淘宝首页有哪些技巧？
138
5．8 边学边练——制作婚纱店铺
首页138
第6章 视频的拍摄
与制作139
6．1 制作主图视频140
6．1．1 拍摄宝贝视频的流程140
6．1．2 认识会声会影141
6．1．3 实战——拍摄护手霜
主图视频141
6．1．4 实战——制作电饭煲
主图视频143
6．2 制作详情页视频145
6．2．1 分割视频素材145
6．2．2 添加视频转场特效146
6．2．3 添加视频字幕147
6．2．4 录制视频声音147
6．2．5 实战——分割详情页
视频147
6．2．6 实战——为详情页视频
添加转场与特效149
6．2．7 实战——为视频添加
字幕151
6．2．8 实战——为视频添加
音频153
6．3 将视频上传到网店中154
6．3．1 输出视频155
6．3．2 支持视频功能的商品
类目155
6．3．3 上传视频的要求155
6．3．4 实战——上传主图视频
155
6．3．5 实战——上传详情页
视频156
6．4 疑难破解157
1． 视频的基本术语有哪些？
157
2． 常用的视频格式有哪些
特点？157
6．5 边学边练158
1． 制作牛排主图视频158
2． 制作刀具详情页视频158
第7章 制作商品详情页159
7．1 认识商品详情页160
7．1．1 商品详情页的设计要点160
7．1．2 商品详情页的设计思路与设计准备161
7．1．3 商品详情页的设计原则161
7．2 制作焦点图162
7．2．1 焦点图的设计要点162
7．2．2 实战——制作灯具焦点图163
7．3 制作商品卖点图165
7．3．1 商品卖点的特征165
7．3．2 商品卖点提炼的原则与方法165
7．3．3 实战——制作灯具卖点图 165
7．4 制作商品信息展示图171
7．4．1 商品参数的常用表达方式171
7．4．2 对比图的制作171
7．4．3 商品信息的展示方式172
7．4．4 实战——制作灯具信息展示图172
7．5 制作商品细节图174
7．5．1 商品细节图的展示方法174
7．5．2 实战——制作灯具细节图176
7．6 制作商品快递与售后图179
7．6．1 商品快递与售后图的设计要点179
7．6．2 实战——制作灯具快递与售后图179
7．7 疑难破解182
1． 商品详情页有什么设计技巧？182
2． 如何抓住详情页设计的重点？182
3． 为什么顾客浏览详情页后还是流失了？183
7．8 边学边练183
1． 制作女包详情页183
2． 制作旅行包详情页184
第8章 装修店铺页面185
8．1 使用Photoshop切片186
8．1．1 切片的作用186
8．1．2 切片技巧186
8．1．3 实战——图片的切片186
8．1．4 实战——切片的优化和保存188
8．2 图片空间190
8．2．1 图片空间的进入方法190
8．2．2 图片空间的优势191
8．2．3 管理空间图片191
8．2．4 查看图片排列与引用方式191
8．2．5 实战——上传商品图片到图片空间192
8．2．6 实战——删除与还原图片194
8．2．7 实战——替换宝贝图片 194
8．3 使用Dreamweaver生成代码195
8．3．1 HTML 标签介绍195
8．3．2 店铺中常见的链接代码196
8．3．3 实战——使用Dreamweaver生成和修改代码196
8．3．4 实战——在Dreamweaver中添加热点与链接198
8．4 完成店铺装修200
8．4．1 选择合适的店铺版本200
8．4．2 应用系统模板200
8．4．3 搭建框架201
8．4．4 实战——使用系统模块装修店招202
8．4．5 实战——使用源代装修常规海报204
8．4．6 实战——使用外部代码装修全屏海报205
8．5 疑难破解207
1． 装修过程中有哪些误区？该怎么进行解决？207
2． 上传图片提示“你不能使用他人图片空间中的图片”该怎么办？207
8．6 边学边练208
1． 切片休闲鞋主图208
2． 上传休闲鞋首页208
第9章 手机淘宝店铺页面设计209
9．1 手机淘宝店铺要怎么装修210
9．1．1 手机淘宝店铺装修的潮流趋势210
9．1．2 手机端店铺的装修要点 210
9．1．3 手机端店铺设计的必要性210
9．1．4 手机端店铺与电脑端店铺大比拼211
9．1．5 实战——手机淘宝店铺装修入口及后台操作212
9．2 手机淘宝店铺首页装修213
9．2．1 手机淘宝店铺首页有哪些模块213
9．2．2 手机端淘宝店铺首页模块的装修要点214
9．2．3 手机淘宝店铺首页的装修注意事项214
9．2．4 实战——制作手机淘宝店铺店招214
9．2．5 实战——制作手机端焦点图216
9．2．6 实战——制作手机端优惠券218
9．2．7 实战——设计手机端商品分类导航221
9．2．8 实战——设计手机端宝贝列表图222
9．3 使用“淘宝神笔”模板制作详情页227
9．3．1 手机端详情页的特征227
9．3．2 手机端详情页设计的 要点228
9．3．3 实战——使用“淘宝神笔”制作女包详情页228
9．4 自定义个性化页面装修231
9．4．1 自定义页面装修要点231
9．4．2 实战——制作自定义菜单231
9．4．3 实战——制作自定义活动页面232
9．5 疑难破解234
1． 手机端活动页的主要类型有哪些？234
2． 如何提升手机端淘宝店铺的流量？234
3． 如何快速将电脑端模板转化应用于手机端？234
9．6 边学边练——制作棉袜手机端详情页234
第 10章 综合实例——设计旅行箱店铺页面235
10．1 设计旅行箱店铺的首页236
10．1．1 旅行箱店铺首页的设计思路236
10．1．2 旅行箱店铺首页有哪些模块236
10．1．3 旅行箱店铺首页的设计237
10．2 设计旅行箱店铺的详情页255
10．2．1 旅行箱店铺详情页的设计思路255
10．2．2 旅行箱店铺详情页有哪些模块256
10．2．3 旅行箱店铺详情页的操作步骤256
10．3 边学边练264
1． 制作女包首页264
2． 制作女包详情页264