项目一　初识网店美工　1
任务一　网店美工概述　2
一、网店美工的定义　2
二、网店美工的技能要求　2
三、网店美工的工作范畴　2
四、网店美工需要注意的问题　4
任务二　网店美工必备的视觉设计知识　5
一、色彩搭配　5
二、文字应用　7
三、页面布局　9
任务三　网店美工常用的设计软件　12
一、Photoshop　12
二、C4D　12
三、Illustrator　13
任务四　网店美工的设计流程　13
一、设计定位　13
二、收集设计素材　14
三、素材处理与设计　14
四、页面设计　15
五、设计审核与效果调整　15
六、店铺装修　16
思考与练习　17
项目二　处理商品图片　19
任务一　调整商品图片尺寸　20
一、调整商品图片的大小　20
二、裁剪商品图片　20
三、【课堂案例】——处理“草莓”商品图片大小　21
任务二　调整商品图片颜色　23
一、调整偏暗或偏亮的商品图片　23
二、调整偏色的商品图片　24
三、【课堂案例】——调整首饰商品图片的颜色　26
任务三　修复商品图片　28
一、修复商品图片的常用方法　28
二、【课堂案例】——去除商品图片中的污渍　30
三、【课堂案例】——去除商品图片中的多余部分　32
任务四　抠取商品图片　34
一、抠取商品图片的常用方法　34
二、【课堂案例】——抠取女包商品图片　35
三、【课堂案例】——抠取婚纱商品图片　37
任务五　丰富商品图片内容　40
一、添加与设置文字　40
二、添加形状与图案　40
三、合成商品图片　41
四、【课堂案例】——制作投影灯海报　42
五、【课堂案例】——合成端午节海报　43
思考与练习　48
项目三　设计与制作推广图　50
任务一　商品主图的设计与制作　51
一、商品主图的制作要求　51
二、制作优质商品主图的技巧　52
三、【课堂案例】——制作数据线商品主图　53
任务二　设计与制作直通车图　56
一、直通车图的设计目的和策略　56
二、直通车图的投放位置　56
三、直通车图的设计原则　57
四、【课堂案例】——制作榨汁机直通车图　57
任务三　设计与制作引力魔方推广图　60
一、引力魔方推广图的位置和规范　60
二、引力魔方推广图的设计要点　61
三、【课堂案例】——制作水果引力魔方推广图　62
思考与练习　65
项目四　设计与制作店铺首页　67
任务一　认识店铺首页　68
一、店铺首页的主要功能　68
二、店铺首页的组成结构　68
任务二　设计与制作店招与导航　69
一、店招与导航的设计要求　69
二、店招与导航的设计要点　70
三、【课堂案例】——制作家纺店铺店招与导航　70
任务三　设计与制作全屏海报　74
一、全屏海报的设计要点　74
二、【课堂案例】——制作家纺店铺全屏海报　74
任务四　设计与制作优惠券　77
一、优惠券的设计原则　77
二、【课堂案例】——制作家纺店铺优惠券　78
任务五　设计与制作商品推荐区　80
一、商品推荐区的设计要点　80
二、【课堂案例】——制作家纺店铺商品推荐区　80
思考与练习　84
项目五　设计与制作其他页面　85
任务一　设计与制作活动页　86
一、活动的目的和作用　86
二、活动页的类型　87
三、活动页的设计要点　88
四、【课堂案例】——设计“中秋”活动页　88
任务二　设计与制作品牌介绍页　96
一、品牌介绍页的展示方式　96
二、【课堂案例】——设计家纺品牌介绍页　97
思考与练习　101
项目六　设计与制作商品详情页　102
任务一　认识商品详情页　103
一、商品详情页的设计要求　103
二、商品详情页的设计要点　103
任务二　商品详情页的设计与制作　104
一、商品详情页的组成部分　104
二、【课堂案例】——设计毛巾焦点图　106
三、【课堂案例】——设计毛巾卖点说明图　107
四、【课堂案例】——设计毛巾信息展示图　110
五、【课堂案例】——设计毛巾快递与售后图　111
思考与练习　114
项目七　设计与制作短视频　115
任务一　认识短视频　116
一、短视频的特征与优势　116
二、短视频的类型　116
任务二　拍摄短视频　116
一、短视频的拍摄流程　116
二、短视频的运镜方式　117
三、短视频拍摄的景别　118
四、短视频拍摄的角度和方位　118
五、【课堂案例】——拍摄坚果短视频　119
任务三　短视频制作　121
一、短视频的制作要求　121
二、短视频的制作流程　123
三、【课堂案例】——制作毛巾主图短视频　123
四、【课堂案例】——设计大米详情页短视频　126
五、【课堂案例】——上传主图短视频　129
思考与练习　132
项目八　设计与制作移动端页面　133
任务一　设计与制作移动端店铺首页　134
一、移动端店铺首页的组成　134
二、移动端店铺首页的设计注意事项　135
三、【课堂案例】——制作陶瓷店铺移动端首页　135
任务二　设计与制作移动端商品详情页　142
一、移动端商品详情页的特征　142
二、移动端商品详情页的设计要点　142
三、【课堂案例】——制作茶杯移动端商品详情页　142
思考与练习　148
项目九　装修店铺　149
任务一　图片切片与上传　150
一、图片切片的技巧　150
二、【课堂案例】——家纺店铺首页切片与上传　150
任务二　装修PC端店铺首页　152
一、认识装修基础模块　153
二、【课堂案例】——使用模块装修店铺首页　153
任务三　装修移动端店铺首页　157
一、认识移动端店铺首页模块　157
二、【课堂案例】——使用模块装修移动端首页　158
任务四　上传商品详情页　160
一、商品详情页上传的注意事项　160
二、【课堂案例】——上传茶杯商品详情页　161
思考与练习　164
项目十　综合案例——生鲜店铺设计与制作　165
任务一　处理生鲜店铺素材　166
一、制作思路　166
二、设计实施　167
任务二　制作生鲜店铺首页　168
一、制作思路　168
二、设计实施　169
任务三　制作生鲜店铺商品详情页　174
一、制作思路　174
二、设计实施　175
任务四　制作生鲜商品直通车推广图　177
一、制作思路　177
二、设计实施　177
任务五　制作生鲜店铺主图短视频　179
一、制作思路　179
二、设计实施　179
思考与练习　182