第 1篇　网店美工基础
第　1章 初识网店美工
■　1.1∣熟悉淘宝、天猫网店美工岗位　002
1.1.1　淘宝、天猫网店美工的工作范畴与设计要求　002
1.1.2　网店美工的技能要求　002
1.1.3　搜索并熟悉网店美工知识　002
■　1.2∣熟悉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∣熟悉其他常用的图像制作与处理软件　013
1.3.1　认识Adobe Illustrator CS6　013
1.3.2　认识美图秀秀　014
1.3.3　Illustrator制作吊牌实战　014
1.3.4　美图秀秀制作海报拼图实战　017
■　1.4∣扩展阅读——淘宝、天猫网店美工的成长路径　020
■　1.5∣高手进阶　021
第　2章 网店美工设计的基本理念
■　2.1∣了解设计元素　023
2.1.1　点　023
2.1.2　线　023
2.1.3　面　024
2.1.4　全屏海报设计元素赏析　025
■　2.2∣色彩的搭配　026
2.2.1　色彩的属性与对比　026
2.2.2　主色、辅助色与点缀色　027
2.2.3　店铺首页颜色赏析　028
■　2.3∣文案排版设计　029
2.3.1　字体的性格特征　030
2.3.2　字体风格的搭配　031
2.3.3　字体的布局技巧　032
2.3.4　海报字体搭配赏析　033
■　2.4∣视觉构图与页面的布局　034
2.4.1　视觉构图　034
2.4.2　店铺页面布局的基本元素　036
2.4.3　店铺页面布局的原则　037
2.4.4　淘宝首页视觉赏析　038
■　2.5∣扩展阅读——淘宝、天猫文本装饰技巧　039
■　2.6∣高手进阶　041
第　2篇 店铺图片的处理与管理
第3章　商品图片的处理
■　3.1∣调整商品图片的尺寸　044
3.1.1　淘宝、天猫中图片文件的格式　044
3.1.2　调整商品图片大小与角度的技巧　044
3.1.3　商品图片的要求　045
3.1.4　矫正、裁剪并设置商品主图的尺寸实战　046
3.1.5　裁剪商品细节图实战　047
■　3.2∣修饰商品图片　049
3.2.1　图片修饰的必要性　050
3.2.2　修图的常用方法　050
3.2.3　淘宝、天猫模特美化实战　051
3.2.4　金属质感首饰处理实战　053
3.2.5　商品描述图制作实战　056
■　3.3∣调整商品图片的色彩与质感　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∣扩展阅读——修图内容分析　065
■　3.5∣高手进阶　066
第4章　商品图片的特殊处理
■　4.1∣处理商品图片的背景　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∣商品图片的组合　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∣扩展阅读 ——淘宝开店的图片处理技巧　084
■　4.4∣高手进阶　084
第5章　商品图片的切片与管理
■　5.1∣商品图片的切片　087
5.1.1　切片的作用　087
5.1.2　切片技巧　087
5.1.3　认识标尺、辅助线　087
5.1.4　新品上市促销模块切片实战　088
■　5.2∣商品图片的管理　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∣扩展阅读——将切片后的图片应用到店铺中　097
■　5.4∣高手进阶　098
第3篇　常规店铺装修设计
第6章　店铺装修元素设计
■　6.1∣店铺Logo设计　101
6.1.1　Logo的类型　101
6.1.2　店铺Logo设计要领　102
6.1.3　女鞋Logo制作实战　102
■　6.2∣店标设计　104
6.2.1　店标制作方法　105
6.2.2　店标的设计要点　105
6.2.3　静态店标制作实战　106
6.2.4　动态店标制作实战　108
6.2.5　上传店标到店铺实战　110
■　6.3∣店招设计　111
6.3.1　店招的设计原则　111
6.3.2　店招风格分析　111
6.3.3　店招的设计要求　112
6.3.4　常规店招制作实战　112
6.3.5　通栏店招制作实战　115
■　6.4∣快速导航条设计　116
6.4.1　快速导航条的作用　117
6.4.2　快速导航条制作实战　117
■　6.5∣扩展阅读——店招的类型　120
■　6.6∣高手进阶　121
第7章　淘宝、天猫推广图设计
■　7.1∣制作高点击率的主图　123
7.1.1　商品图片的规范　123
7.1.2　商品图片的背景搭配　124
7.1.3　制作优质商品主图的技巧　124
7.1.4　高清播放器主图制作实战　126
■　7.2∣直通车推广图设计　130
7.2.1　认识直通车　130
7.2.2　不同时期直通车投放的策略　131
7.2.3　直通车的设计原则　131
7.2.4　直通车引流的关键　132
7.2.5　直通车图制作实战　134
■　7.3∣智钻图设计　138
7.3.1　智钻位置　139
7.3.2　智钻图设计标准　141
7.3.3　智钻图的排版方式　141
7.3.4　新品男士牛仔裤首焦智钻图制作实战　143
■　7.4∣扩展阅读——促销广告实施步骤　145
■　7.5∣高手进阶　146
第8章　店铺首页视觉设计
■　8.1∣了解店铺首页　148
8.1.1　了解店铺首页的基础模块　148
8.1.2　店铺首页模块布局的要点　149
8.1.3　系统模板应用实战　149
8.1.4　首页框架搭建实战　150
■　8.2∣设计全屏轮播图　153
8.2.1　不同轮播图的尺寸要求　153
8.2.2　首页焦点图的设计要点　154
8.2.3　首张全屏海报图制作实战　154
8.2.4　第 二张全屏海报图制作实战　156
■　8.3∣设计优惠券模块　160
8.3.1　优惠券设计要点　160
8.3.2　女包店铺优惠券制作实战　161
■　8.4∣设计分类模块　162
8.4.1　分类模块设计要点　162
8.4.2　横向分类模块制作实战　163
8.4.3　纵向分类模块制作实战　165
■　8.5∣设计商品促销模块　167
8.5.1　商品促销模块设计要点　167
8.5.2　商品上新预告模块制作实战　167
8.5.3　商品推荐模块制作实战　170
■　8.6∣设计收藏区与客服模块　173
8.6.1　店铺收藏概述　173
8.6.2　店铺客服区的概述　173
8.6.3　收藏图片制作实战　173
8.6.4　客服区制作实战　174
■　8.7∣ 设计页尾模块　176
8.7.1　页尾模块设计要点　176
8.7.2　页面模块制作实战　176
■　8.8∣扩展阅读——首页背景的应用　178
■　8.9∣高手进阶　178
第4篇　无线店铺装修设计
第　9章 无线店铺装修设计
■　9.1∣了解无线店铺装修要点　206
9.1.1　无线店铺装修的潮流趋势　206
9.1.2　无线店铺的装修要点　206
9.1.3　无线店铺与电脑端店铺对比分析　206
■　9.2∣无线店铺首页装修　208
9.2.1　无线店铺装修入口及后台操作　208
9.2.2　认识手机端首页的模块组成　209
9.2.3　认识手机端首页模块的特点与装修要点　209
9.2.4　无线店铺首页的装修注意事项　210
9.2.5　手机端店招制作实战　210
9.2.6　手机端焦点图制作实战　212
9.2.7　优惠券制作实战　213
9.2.8　分类导航的设计与装修实战　215
9.2.9　商品列表图制作实战　216
■　9.3∣使用“淘宝神笔”模板制作详情页　218
9.3.1　无线店铺详情页的特征　219
9.3.2　无线店铺详情页设计的要点　219
9.3.3　“淘宝神笔”模板制作实战　219
■　9.4∣自定义页面装修　222
9.4.1　自定义页面装修要点　222
9.4.2　自定义菜单制作实战　222
9.4.3　自定义页面制作实战　224
■　9.5∣扩展阅读——无线店铺活动页的主要类型　225
■　9.6∣高手进阶　226