第1章 网店美工概述
1.1　了解网店美工　2
1.1.1　网店美工需具备的能力　2
1.1.2　网店美工的工作范畴　2
1.1.3　网店美工需要遵循的设计原则　4
1.2　网店美工的工作流程　5
1.2.1　考虑设计定位　5
1.2.2　搜集设计素材　6
1.2.3　素材处理与设计　7
1.2.4　页面设计　7
1.2.5　设计审核与效果调整　8
1.2.6　切片处理与装修　8
1.3　网店美工的常用工具　9
1.3.1　Photoshop　10
1.3.2　Illustrator　10
1.3.3　Premiere　11
1.3.4　剪映　11
1.3.5　AIGC工具　12
课堂实训——赏析唐朝来客生鲜旗舰店首页　15
课后练习——赏析全友家居旗舰店首页　16

第2章 网店美工必备的视觉设计知识
2.1　色彩　18
2.1.1　色彩构成三要素——色相、明度、纯度　18
2.1.2　常用的配色方案　21
2.1.3　色彩搭配技巧　23
2.2　文字　23
2.2.1　文字的类型　23
2.2.2　文字的运用原则　24
2.2.3　文字的对比技巧　25
2.3　文案　27
2.3.1　文案的重要性　27
2.3.2　写作文案的前期准备　27
2.3.3　文案的写作　28
2.3.4　文案写作的注意事项　31
2.4　图片布局与页面风格定位　31
2.4.1　常规图片布局方式　32
2.4.2　常见页面风格　34
课堂实训—— 赏析甘福园旗舰店首页　36
课后练习——赏析博洋家居旗舰店首页　38

第3章 图片调色
3.1　调整商品图片的光影　40
3.1.1　调整曝光不足的商品图片　40
3.1.2　调整曝光过度的商品图片　41
3.1.3　调整逆光的商品图片　43
3.2　调整商品图片的色调　45
3.2.1　调出暖色调商品图片　46
3.2.2　调出冷色调商品图片　47
3.2.3　校正偏色商品图片　49
课堂实训　50
实训1：调整砂糖橘商品图片光影　50
实训2：校正偏色的西红柿商品图片　51
课后练习　52
练习1：调整四件套商品图片色调　52
练习2：调整沙发矮凳色彩　52

第4章 图片修饰与合成
4.1　修改商品图片构图　55
4.1.1　修改商品图片尺寸　55
4.1.2　裁剪商品图片细节　56
4.1.3　纠正倾斜的商品图片　56
4.2　优化商品图片画面　57
4.2.1　提高商品图片清晰度　57
4.2.2　清除商品图片中的污渍　59
4.2.3　虚化商品图片背景　60
4.3　丰富图片内容　61
4.3.1　添加与美化文字　61
4.3.2　添加形状与图案　62
4.4　抠取并合成商品图片　65
4.4.1　抠取单色背景的商品图片并合成　65
4.4.2　复杂商品图片抠图与合成　67
4.4.3　抠取半透明商品图片并合成　68
课堂实训　70
实训1：修改冰鲜鱼商品图片尺寸　70
实训2：优化菠萝商品图片画面　71
实训3：抠取沃柑并合成沃柑焦点图　72
课后练习　73
练习1：去除枕头商品图片污渍　73
练习2：合成羽绒被海报　74

第5章 主图和推广图设计与制作
5.1　主图设计与制作　76
5.1.1　常见的主图类型　76
5.1.2　主图的设计技巧　77
5.1.3　商品主图设计规范　78
5.1.4　制作蓝牙音响主图　79
5.2　关键词推广图设计与制作　83
5.2.1　关键词推广图的设计要点　83
5.2.2　制作吸尘器关键词推广图　84
5.3　人群推广图设计与制作　86
5.3.1　人群推广图的尺寸规范与设计要点　87
5.3.2　人群推广图的布局方式　87
5.3.3　制作智能手表人群推广图　88
课堂实训　90
实训1：制作千禧果主图　90
实训2：制作辽参人群推广图　91
课后练习　93
练习1：制作床品关键词推广图　93
练习2：制作双人沙发人群推广图　93

第6章 视频设计与制作
6.1　视频的类型、制作要求和制作流程　95
6.1.1　视频的类型　95
6.1.2　视频的制作要求　96
6.1.3　视频的制作流程　98
6.2　导入并剪辑视频　98
6.2.1　新建草稿并导入素材　98
6.2.2　剪辑视频　100
6.3　编辑视频　101
6.3.1　添加特效和滤镜　101
6.3.2　添加转场　103
6.3.3　添加字幕　104
6.3.4　添加音频　105
6.4　制作封面并导出视频　107
6.4.1　制作封面　107
6.4.2　导出视频　108
课堂实训——制作千禧果主图视频　108
课后练习——制作毛巾主图视频　110

第7章 网店首页设计与制作
7.1　认识网店首页　112
7.1.1　PC端网店首页的组成结构　112
7.1.2　PC端网店首页设计要点　113
7.1.3　移动端网店首页设计要点　114
7.2　PC端网店首页制作　115
7.2.1　制作网店Logo　115
7.2.2　制作店招与导航　116
7.2.3　制作全屏海报　118
7.2.4　制作优惠券　120
7.2.5　制作商品分类　122
7.2.6　制作商品推荐区　123
7.3　移动端网店首页制作　125
7.3.1　制作移动端海报　125
7.3.2　制作移动端优惠券　128
7.3.3　制作移动端商品展示区　130
课堂实训——制作生鲜网店首页　132
课后练习——制作家居网店首页　135

第8章 商品详情页设计与制作
8.1　认识商品详情页　137
8.1.1　商品详情页的组成部分　137
8.1.2　商品详情页的规格与风格　138
8.1.3　商品详情页的设计要点　138
8.2 焦点图的设计与制作 　139
8.2.1　焦点图的设计要点　139
8.2.2　制作焦点图　140
8.3　卖点说明图的设计与制作　143
8.3.1　卖点说明图的设计要点　143
8.3.2　制作卖点说明图　144
8.4　信息展示图的设计与制作 　147
8.4.1　信息展示图的表达方式　147
8.4.2　制作信息展示图　148
课堂实训——制作千禧果商品详情页　150
课后练习——制作毛巾商品详情页　152

第9章 专题活动页设计与制作
9.1　专题页的设计与制作　154
9.1.1　专题页的作用　154
9.1.2　专题页的分类　154
9.1.3　制作开学季专题页　154
9.2　活动页的设计与制作　160
9.2.1　活动页的主题风格　160
9.2.2　制作“双十二”活动页　161
课堂实训——制作生鲜网店年货节活动页　165
课后练习——制作周年庆专题页　167

第10章 网店装修
10.1　装修前的准备工作　169
10.1.1　切片与保存图片　169
10.1.2　上传图片至图片空间　170
10.1.3　上传视频至视频空间　171
10.2　装修网店首页　171
10.2.1　装修PC端网店首页　172
10.2.2　装修移动端网店首页　175
10.3　装修商品详情页 　176
课堂实训——装修生鲜网店首页　179
课后练习——装修毛巾商品详情页　180