第1章 网店美工初养成 1
1.1 如何胜任网店美工岗位 2
1.1.1 网店美工要做什么 2
1.1.2 网店美工需要哪些技能 2
1.1.3 网店美工的注意事项 3
1.2 网店美工必须掌握的设计要点 3
1.2.1 点、线、面三大基本设计元素 3
1.2.2 怎么搭配色彩更出色 5
1.2.3 视觉构图 7
1.3 网店美工必须掌握的文案知识 8
1.3.1 文案在美工中的重要性 8
1.3.2 文案的策划与编写 8
1.4 网店美工必须掌握的装修知识 10
1.4.1 网店装修的相关准备工作 10
1.4.2 网店装修的相关术语 11
1.4.3 网店首页的结构 12
1.4.4 网店详情页的结构 12
1.4.5 店铺装修应遵循的基本原则 13
1.5 网店美工必须掌握的软件 14
1.5.1 认识Photoshop图像处理软件 14
1.5.2 认识Dreamweaver页面布局软件 15
1.6 疑难破解 16
1．淘宝美工除了掌握必需的技能外，还需要掌握哪些图像知识？ 16
2．如何定位网店的装修风格？ 16
3．有哪些常见的配色方案？ 16
4．在网店装修设计中，字体的使用有哪些技巧呢？ 17
5．有哪些优秀的网店店面装修可以借鉴？ 17
1.7 边学边练 18
1．赏析TPIWR天猫旗舰店颜色搭配和字体搭配 18
2．赏析歌莉娅官方店首页的布局 18
第2章 拍摄并处理商品图片 19
2.1 拍摄商品图片 20
2.1.1 构建拍摄环境 20
2.1.2 吸光类商品图片的拍摄 20
2.1.3 反光类商品图片的拍摄 21
2.1.4 透明类商品图片的拍摄 22
2.1.5 商品拍摄的基本构图 23
2.1.6 商品的清洁与摆放 24
2.1.7 实战——拍摄香水照片 25
2.2 调整商品图片的大小 26
2.2.1 网店图片的常见尺寸 26
2.2.2 按尺寸裁剪图片 28
2.2.3 裁剪倾斜图片 28
2.2.4 实战——旋转、裁剪并设置商品主图的尺寸 29
2.3 修饰商品图片 30
2.3.1 使用污点修复画笔工具组修复图片 30
2.3.2 使用图章工具组修饰图片 34
2.3.3 使用模糊工具组修饰图片 36
2.3.4 使用减淡工具组修饰图片 37
2.3.5 使用液化工具修饰身形 38
2.3.6 实战——处理淘宝模特脸部瑕疵 39
2.3.7 实战——处理金属质感的首饰 41
2.4 调整商品图片的色彩与质感 44
2.4.1 调整图片的亮度／对比度 44
2.4.2 调整图片的色阶 45
2.4.3 调整图片的曲线 46
2.4.4 实战——调整旅行包图片 47
2.5 抠取商品图片替换背景 49
2.5.1 快速抠取单色背景的商品图片 49
2.5.2 抠取轮廓清晰的商品图片 51
2.5.3 抠取精细的商品图片 52
2.5.4 抠取半透明的商品图片 53
2.5.5 抠取人物毛发 55
2.5.6 实战——替换玻璃杯背景 56
2.6 使用文字和形状描述商品图片 59
2.6.1 文字的选择方法 59
2.6.2 添加商品说明性文字 60
2.6.3 添加形状丰富商品图片 62
2.6.4 实战——美化不锈钢炒锅商品图片 63
2.6.5 实战——为商品图片添加文字水印 65
2.7 疑难破解 67
1．网店商品照片的拍摄有什么要求？ 67
2．拍摄过程中常见的布光方式有哪些？ 67
3．怎样判断商品图片需要调色？ 67
4．怎样保证处理商品图片后照片不失真？ 67
5．淘宝对商品图片有什么要求？ 68
6．怎样让图片表达的信息更加完整？ 68
7．什么样的文案能快速引起顾客的共鸣？ 68
2.8 边学边练 68
1．美化沐浴露效果 68
2．调整护肤品图像效果 68
第3章 设计店铺装修元素 69
3.1 设计店铺Logo 70
3.1.1 Logo的三大表现形式 70
3.1.2 店铺Logo设计的三大要领 70
3.1.3 实战——制作灯具店铺Logo 71
3.2 设计店铺店标 75
3.2.1 店标设计的四大原则 75
3.2.2 店标设计的三大要领 75
3.2.3 实战——制作静态灯具店铺店标 76
3.2.4 实战——制作动态灯具店铺店标 78
3.3 设计优惠券 80
3.3.1 优惠券的设计要点 81
3.3.2 实战——制作灯具店铺优惠券 81
3.4 设计快速导航条 83
3.4.1 快速导航条有什么用 83
3.4.2 实战——制作灯具店铺的快速导航条 84
3.5 疑难破解 87
1．怎样选择Logo素材？ 87
2．在设置动态店标时，是不是动画越多越好？ 88
3.6 边学边练 88
1．制作丫丫品牌童装Logo 88
2．制作夏日炎炎店标 88
第4章 制作宣传推广图 89
4.1 制作高点击率主图 90
4.1.1 商品主图设计的三大要点 90
4.1.2 制作优质商品主图的技巧 91
4.1.3 实战——制作灯具主图 92
4.2 制作具有创意的直通车推广图 95
4.2.1 什么是直通车推广图 95
4.2.2 直通车推广图投放的策略 96
4.2.3 直通车图片设计原则 96
4.2.4 实战——制作灯具直通车推广图 97
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