第1篇　网店美工基础
第1章　初识网店美工
■　1.1?O熟悉淘宝、天猫网店美工岗位　002
1.1.1　淘宝、天猫网店美工的工作范畴与设计要求　002
1.1.2　网店美工的技能要求　002
1.1.3　搜索并熟悉网店美工知识　002
■　1.2?O熟悉Photoshop图像处理软件　004
1.2.1　认识Photoshop CS6的工作界面　004
1.2.2　认识Photoshop CS6的常用工具　005
1.2.3　认识Photoshop CS6的”图层”面板　006
1.2.4　图层常用的操作　007
1.2.5　认识与应用图层样式　008
1.2.6　Photoshop中的常用快捷组合键　009
1.2.7　促销标签制作实战　010
■　1.3?O熟悉其他常用的图像制作与处理软件　013
1.3.1　认识Adobe Illustrator CS6　013
1.3.2　认识美图秀秀　014
1.3.3　Illustrator制作吊牌实战　014
1.3.4　美图秀秀制作海报拼图实战　017
■　1.4?O扩展阅读——高级淘宝、天猫网店美工的成长路径　020
■　1.5?O高手进阶　021
第2章　网店美工设计的基本理念
■　2.1?O了解设计元素　023
2.1.1　点　023
2.1.2　线　023
2.1.3　面　024
2.1.4　全屏海报设计元素赏析　025
■　2.2?O色彩的搭配　026
2.2.1　色彩的属性与对比　026
2.2.2　主色、辅助色与点缀色　027
2.2.3　店铺首页颜色赏析　028
■　2.3?O文案排版设计　029
2.3.1　字体的性格特征　030
2.3.2　字体风格的搭配　031
2.3.3　字体的布局技巧　032
2.3.4　海报字体搭配赏析　033
■　2.4?O视觉构图与页面的布局　034
2.4.1　视觉构图　034
2.4.2　店铺页面布局的基本元素　036
2.4.3　店铺页面布局的原则　037
2.4.4　淘宝首页视觉赏析　038
■　2.5?O扩展阅读——淘宝、天猫文本装饰技巧　039
■　2.6?O高手进阶　041
第2篇　店铺图片的处理与管理
第3章　商品图片的处理
■　3.1?O调整商品图片的尺寸　044
3.1.1　淘宝、天猫中图片文件的格式　044
3.1.2　调整商品图片大小与角度的技巧　044
3.1.3　商品图片的要求　045
3.1.4　矫正、裁剪并设置商品主图的尺寸实战　046
3.1.5　裁剪商品细节图实战　047
■　3.2?O修饰商品图片　049
3.2.1　图片修饰的必要性　050
3.2.2　修图的常用方法　050
3.2.3　淘宝、天猫模特美化实战　051
3.2.4　金属质感首饰处理实战　053
3.2.5　商品描述图制作实战　056
■　3.3?O调整商品图片的色彩与质感　058
3.3.1　调色的必要性　058
3.3.2　商品调色的原则　058
3.3.3　图片色彩校正的方法　059
3.3.4　调色的常用命令　059
3.3.5　图片亮度与鲜艳度调整实战　060
3.3.6　图片偏色调整实战　062
3.3.7　图片质感调整实战　063
■　3.4?O扩展阅读——修图内容分析　065
■　3.5?O高手进阶　066
第4章　商品图片的特殊处理
■　4.1?O处理商品图片的背景　068
4.1.1　从背景中抠取商品的技巧　068
4.1.2　钢笔工具的使用　070
4.1.3　虚化效果的设置　070
4.1.4　使用蒙版控制图像的显示　071
4.1.5　虚化商品背景实战　071
4.1.6　白底商品背景处理实战　072
4.1.7　替换玻璃杯背景实战　074
■　4.2?O商品图片的组合　077
4.2.1　图片组合的类型　077
4.2.2　图文搭配技巧　077
4.2.3　商品的陈列方式　078
4.2.4　商品的陈列原则　079
4.2.5　商品图片的排列、分布与对齐　080
4.2.6　图文组合实战　081
■　4.3?O扩展阅读 ——淘宝开店的图片处理技巧　084
■　4.4?O高手进阶　084
第5章　商品图片的切片与管理
■　5.1?O商品图片的切片　087
5.1.1　切片的作用　087
5.1.2　切片技巧　087
5.1.3　认识标尺、辅助线　087
5.1.4　新品上市促销模块切片实战　088
■　5.2?O商品图片的管理　091
5.2.1　图片空间的优势　092
5.2.2　管理空间图片　092
5.2.3　查看图片引用与排列方式　093
5.2.4　上传优化后的商品图片到图片空间实战　094
5.2.5　删除与还原空间图片实战　095
5.2.6　替换空间图片实战　096
■　5.3?O扩展阅读——将切片后的图片应用到店铺中　097
■　5.4?O高手进阶　098
第3篇　常规店铺装修设计
第6章　店铺装修元素设计
■　6.1?O店铺Logo设计　101
6.1.1　Logo的类型　101
6.1.2　店铺Logo设计要领　102
6.1.3　女鞋Logo制作实战　102
■　6.2?O店标设计　104
6.2.1　店标制作方法　105
6.2.2　店标的设计要点　105
6.2.3　静态店标制作实战　106
6.2.4　动态店标制作实战　108
6.2.5　上传店标到店铺实战　110
■　6.3?O店招设计　111
6.3.1　店招的设计原则　111
6.3.2　店招风格分析　111
6.3.3　店招的设计要求　112
6.3.4　常规店招制作实战　112
6.3.5　通栏店招制作实战　115
■　6.4?O快速导航条设计　116
6.4.1　快速导航条的作用　117
6.4.2　快速导航条制作实战　117
■　6.5?O扩展阅读——店招的类型　120
■　6.6?O高手进阶　121
第7章　淘宝、天猫推广图设计
■　7.1?O制作高点击率的主图　123
7.1.1　商品图片的规范　123
7.1.2　商品图片的背景搭配　124
7.1.3　制作优质商品主图的技巧　124
7.1.4　高清播放器主图制作实战　126
■　7.2?O直通车推广图设计　130
7.2.1　认识直通车　130
7.2.2　不同时期直通车投放的策略　131
7.2.3　直通车的设计原则　131
7.2.4　直通车引流的关键　132
7.2.5　直通车图制作实战　134
■　7.3?O智钻图设计　138
7.3.1　智钻位置　139
7.3.2　智钻图设计标准　141
7.3.3　智钻图的排版方式　141
7.3.4　新品男士牛仔裤首焦智钻图制作实战　143
■　7.4?O扩展阅读——促销广告实施步骤　145
■　7.5?O高手进阶　146
第8章　店铺首页视觉设计
■　8.1?O了解店铺首页　148
8.1.1　了解店铺首页的基础模块　148
8.1.2　店铺首页模块布局的要点　149
8.1.3　系统模板应用实战　149
8.1.4　首页框架搭建实战　150
■　8.2?O设计全屏轮播图　153
8.2.1　不同轮播图的尺寸要求　153
8.2.2　首页焦点图的设计要点　154
8.2.3　首张全屏海报图制作实战　154
8.2.4　第二张全屏海报图制作实战　156
■　8.3?O设计优惠券模块　160
8.3.1　优惠券设计要点　160
8.3.2　女包店铺优惠券制作实战　161
■　8.4?O设计分类模块　162
8.4.1　分类模块设计要点　162
8.4.2　横向分类模块制作实战　163
8.4.3　纵向分类模块制作实战　165
■　8.5?O设计商品促销模块　167
8.5.1　商品促销模块设计要点　167
8.5.2　商品上新预告模块制作实战　167
8.5.3　商品推荐模块制作实战　170
■　8.6?O设计收藏区与客服模块　173
8.6.1　店铺收藏概述　173
8.6.2　店铺客服区的概述　173
8.6.3　收藏图片制作实战　173
8.6.4　客服区制作实战　174
■　8.7?O 设计页尾模块　176
8.7.1　页尾模块设计要点　176
8.7.2　页面模块制作实战　176
■　8.8?O扩展阅读——首页背景的应用　178
■　8.9?O高手进阶　178
第9章　商品详情页视觉设计
■　9.1?O了解商品详情页　182
9.1.1　了解商品详情页的模块　183
9.1.2　商品详情页的内容分析与策划要点　183
9.1.3　商品详情页布局实战　184
9.1.4　商品详情分类条制作实战　185
■　9.2?O详情页首页焦点图设计　186
9.2.1　详情页首页焦点图设计要点　187
9.2.2　详情页首页焦点图制作实战　187
■　9.3?O搭配建议模块设计　189
9.3.1　搭配建议模块设计要点　189
9.3.2　搭配建议模块制作实战　189
■　9.4?O商品亮点设计　190
9.4.1　卖点的特征　191
9.4.2　卖点提炼的原则与方法　191
9.4.3　商品亮点制作实战　191
■　9.5?O商品信息展示设计　193
9.5.1　商品参数的常用表达方式　193
9.5.2　对比图的制作　194
9.5.3　商品信息的展示方式　194
9.5.4　商品参数模块制作实战　195
9.5.5　实物对比参照拍摄模块制作实战　196
9.5.6　颜色展示图制作实战　197
9.5.7　商品全方位展示图制作实战　198
■　9.6?O商品细节设计　200
9.6.1　商品细节设计要点　200
9.6.2　商品细节制作实战　201
■　9.7?O扩展阅读——如何抓住详情页设计的重点　202
■　9.8?O高手进阶　203
第4篇　无线店铺装修设计
第10章　无线店铺装修设计
■　10.1?O了解无线店铺装修要点　206
10.1.1　无线店铺装修的潮流趋势　206
10.1.2　无线店铺的装修要点　206
10.1.3　无线店铺与电脑端店铺对比分析　206
■　10.2?O无线店铺首页装修　208
10.2.1　无线店铺装修入口及后台操作　208
10.2.2　认识手机端首页的模块组成　209
10.2.3　认识手机端首页模块的特点与装修要点　209
10.2.4　无线店铺首页的装修注意事项　210
10.2.5　手机端店招制作实战　210
10.2.6　手机端焦点图制作实战　212
10.2.7　优惠券制作实战　213
10.2.8　分类导航的设计与装修实战　215
10.2.9　商品列表图制作实战　216
■　10.3?O使用”淘宝神笔”模板制作详情页　218
10.3.1　无线店铺详情页的特征　219
10.3.2　无线店铺详情页设计的要点　219
10.3.3　”淘宝神笔”模板制作实战　219
■　10.4?O自定义页面装修　222
10.4.1　自定义页面装修要点　222
10.4.2　自定义菜单制作实战　222
10.4.3　自定义页面制作实战　224
■　10.5?O扩展阅读——无线店铺活动页的主要类型　225
■　10.6?O高手进阶　226