淘宝天猫网店美工全能一本通-配色.抠图.装修.无线店铺

第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