淘宝美工:抠图修图+页面设计+详情页制作+整店装修/互联网+数字艺术教育研究院

01　认识淘宝美工　1
1．1　浅谈淘宝美工　2
1．1．1　电子商务　2
1．1．2　淘宝美工的起源　2
1．2　淘宝美工的崛起　3
1．2．1　由业余从业者到设计师　3
1．2．2　由简单设计到个性化设计　4
1．2．3　淘宝美工推动电子商务的发展　5
1．3　淘宝美工应该具备的素质　5
1．3．1　具备多种职业的基础知识　5
1．3．2　提高审美是提升设计的捷径　6
1．3．3　创意设计带来的显著效果　6
02　认识淘宝页面　7
2．1　网店首页的组成部分　8
2．1．1　店招　8
2．1．2　海报　8
2．1．3　功能版块区　9
2．1．4　商品区　9
2．2　产品详情页面的组成部分　10
2．2．1　主图　10
2．2．2　详情页　10
2．2．3　侧边栏　13
2．3　分类页的组成部分　13
2．4　淘宝的手机端页面　14
03　淘宝美工的好帮手　15
3．1　认识Photoshop　16
3．1．1　顶部　16
3．1．2　左侧　16
3．1．3　中间　17
3．1．4　右侧　17
3．2　建立工作区　17
3．2．1　画布的建立　17
3．2．2　图层的建立　18
3．3　商品的移动和选取　18
3．3．1　位置的移动　18
3．3．2　几何物品的选取　19
3．3．3　复杂商品的选取　19
3．3．4　商品的快速选取　20
3．4　图片的绘制和调整　20
3．4．1　淘宝设计中的画笔　21
3．4．2　图片的修复　22
3．4．3　创意形状的绘制　24
3．4．4　页面图片效果的调整　27
3．5　淘宝设计中的其他工具　28
3．5．1　辅助工具　28
3．5．2　橡皮擦　30
3．5．3　仿制图章工具　31
3．5．4　文字工具　32
3．5．5　渐变工具　32
3．5．6　存储图片　33
04　淘宝美工的技能提升　35
4．1　美工画笔详解　36
4．1．1　画笔预设　36
4．1．2　画笔　38
4．2　强大的图层蒙版　39
4．3　淘宝特殊效果制作　40
4．3．1　样式　40
4．3．2　斜面和浮雕　40
4．3．3　描边　41
4．3．4　内阴影　42
4．3．5　内发光　42
4．3．6　光泽　42
4．3．7　颜色叠加　43
4．3．8　投影　43
4．4　美工的后期修图　44
4．4．1　亮度/对比度调整图层　44
4．4．2　色阶调整图层　45
4．4．3　曲线调整图层　45
4．4．4　自然饱和度调整图层　46
4．4．5　色相/饱和度调整图层　46
4．4．6　色彩平衡调整图层　47
4．4．7　黑白调整图层　48
4．4．8　可选颜色调整图层　48
4．5　强大的滤镜　48
4．5．1　滤镜库　49
4．5．2　液化　49
4．5．3　模糊　50
4．5．4　扭曲　52
4．5．5　像素化　53
4．6　颜色通道　54
4．7　神奇的混合模式　54
4．7．1　溶解　55
4．7．2　变暗　55
4．7．3　线性光　56
05　图片的后期美化　57
5．1　颜色的基础知识　58
5．1．1　色彩的基本要素　58
5．1．2　色彩的冷暖和情感　59
5．2　页面图片调整　62
5．2．1　修改图像大小　62
5．2．2　裁剪图片　63
5．2．3　图像调正　64
5．3　图片的美化修图　65
5．3．1　产品修图　65
5．3．2　服装修图　68
5．4　淘宝模特实拍修图　71
5．4．1　模特图修形　71
5．4．2　模特图调色　73
06　淘宝抠图实用技巧　79
6．1　简单抠图　80
6．1．1　几何物体抠取　80
6．1．2　单色物体抠图　81
6．1．3　渐变背景抠图　82
6．2　复杂抠图　84
6．２．1　毛发抠图　84
6．２．2　透明抠图　86
6．3　宠物用品主图设计　88
6．3．1　小狗素材处理　89
6．3．2　产品素材处理　90
6．3．3　其他素材处理　93
6．3．4　主图设计制作　94
07　排版是设计的基础　101
7．1　淘宝页面的基本要素　102
7．1．1　点　102
7．1．2　线　103
7．1．3　面　104
7．2　淘宝页面的构图原则　105
7．2．1　平衡构图　105
7．2．2　偏左偏右构图　107
7．2．3　自由构图　108
7．3　淘宝页面的组成部分及特征　109
7．3．1　淘宝页面的组成部分　109
7．3．2　页面组成部分的相互关系　110
7．3．3　美工的文字排版奥秘　111
7．4　海报的版面设计　113
7．4．1　素材的抠图处理　113
7．4．2　左右构图版面的设计　114
7．4．3　细节刻画与装饰的添加　118
08　淘宝店铺的页面设计　123
8．1　计算机端页面设计　124
8．1．1　店招的设计　124
8．1．2　通栏海报的设计　125
8．1．3　功能模块的设计　127
8．2　手机端页面设计　130
8．2．1　手机端海报的设计　130
8．2．2　手机端产品展示页面的设计　131
8．3　自定义页面设计　132
8．3．1　计算机端自定义页面设计　132
8．3．2　手机端自定义页面设计　133
8．4　服饰类手机端页面设计　134
8．4．1　服饰类手机端店招设计　134
8．4．2　服饰类手机端海报设计　137
8．4．3　服饰类手机端页面设计　141
09　淘宝页面的设计分析　151
9．1　服饰页面设计分析　152
9．1．1　页面结构解析　152
9．1．2　页面配色解析　153
9．1．3　页面排版解析　154
9．1．4　页面元素解析　155
9．1．5　页面总结　155
9．2　珠宝页面设计分析　157
9．2．1　页面结构解析　157
9．2．2　页面配色解析　158
9．2．3　页面排版解析　158
9．2．4　页面元素解析　159
9．2．5　页面总结　160
9．3　餐具页面设计分析　161
9．3．1　页面结构解析　161
9．3．2　页面配色解析　162
9．3．3　页面排版解析　162
9．3．4　页面元素解析　163
9．3．5　页面总结　163
9．4　页面修改．　164
9．4．1　店招的修改　164
9．4．2　海报的修改　167
9．4．3　优惠券的修改　172
9．4．4　商品展示页的修改　178
10　产品详情页设计　187
10．1　产品主图设计　188
10．1．1　白底阴影图　188
10．1．2　个性化主图　191
10．2　详情页设计　193
10．2．1　描述性产品详情页设计　193
10．2．2　展示性产品详情页设计　196
10．2．3　产品活动促销详情页设计　200
10．2．4　产品分流页设计　201
10．3　杯垫详情页设计　203
10．3．1　杯垫详情页海报设计　203
10．3．2　杯垫详情页产品展示设计　208
11　淘宝后台代码制作与上传　217
11．1　切片上传图片空间　218
11．2　淘宝页面代码制作工具　220
11．2．1　布局工具的界面　220
11．2．2　布局工具制作淘宝代码　222
11．3　店铺装修后台　225
11．3．1　店铺装修后台　225
11．3．2　产品详情页装修后台　228
11．4　手机端页面切片上传　231
12　整店装修流程　233
12．1　店铺风格定位　234
12．1．1　现代简约风格　234
12．1．2　根据店铺定位配色　234
12．2　书店页面设计　235
12．2．1　书店海报的设计　235
12．2．2　书店优惠券设计　240
12．2．3　书店商品展示设计　244
12．2．4　切片保存　255
12．3　网店后台操作　257