第1章 网店装修美工设计快速入门 1
1.1 初步了解网店装修 1
1.1.1 什么是网店装修 1
1.1.2 网店装修的重要性 5
1.1.3 网店装修与转化率的关系 7
1.2 网店装修的风格定位 9
1.2.1 如何确定网店装修的风格 9
1.2.2 不同行业网店装修的风格 11
1.3 网店装修中需要注意的问题 12
1.3.1 装修图片的显示 13
1.3.2 适量使用闪图和特效 13
1.3.3 添加音乐要有讲究 13
1.3.4 控制装修图片的色彩 14
1.3.5 网店风格的选择 15
1.3.6 网店视频切忌过长 15
【课后练习】 16
第2章 网店装修四大要点 17
2.1 准备图片素材 17
2.1.1 拍摄商品照片 17
2.1.2 收集修饰素材 19
2.2 网店色彩搭配 20
2.2.1 常见的配色方法 20
2.2.2 色彩与网店营销 22
2.2.3 不同色调的页面 23
2.3 不拘一格的页面布局 25
2.3.1 页面布局的组成要素 25
2.3.2 常用的页面布局方式 26
2.4 准确、抢眼的文字 28
2.4.1 网店页面段落文字的排列方式 29
2.4.2 打造具有高表现力的文字造型 31
2.4.3 利用文字营造特定的氛围 33
【课后练习】 34

第3章 网店装修六大技能 36
3.1 裁图——纠正商品图片角度 36
3.1.1 调整图片大小 36
3.1.2 裁剪商品图片中多余的图像 37
3.1.3 对商品外形进行校正 38
3.2 抠图——选取商品替换背景 39
3.2.1 快速抠取单色背景图片 39
3.2.2 抠取规则的商品图片 41
3.2.3 抠取多边形对象 42
3.2.4 抠取轮廓清晰的图片 43
3.2.5 精细抠取图像 43
3.2.6 抠取复杂或半透明图像 45
3.2.7 调整抠取的商品图像边缘 49
3.3 修图——完美展现商品细节 50
3.3.1 去除多余的水印 51
3.3.2 局部去除多余内容 53
3.3.3 对模特进行美化处理 53
3.3.4 调整模特身形 55
3.3.5 对商品图像进行锐化处理 56
3.4 调色——校正有色差的商品图片 58
3.4.1 调整图片的亮度 58
3.4.2 校正商品图片的白平衡 60
3.4.3 调整商品图片的色调 61
3.5 编辑——美化与修饰商品图像 61
3.5.1 利用图层样式增强特效感 61
3.5.2 利用图层混合模式制作特殊效果 63
3.5.3 利用蒙版控制图像显示效果 64
3.5.4 制作GIF动态闪图 65
3.6 文字——商品信息辅助说明 67
3.6.1 添加文字并设置格式 67
3.6.2 制作创意标题文字 69
3.6.3 对段落文字进行艺术化编排 70
【课后练习】 70
第4章 店标与店招设计 72
4.1 网店店标的设计 72
4.1.1 店标的设计形态 72
4.1.2 不同行业的店标设计 73
4.2 课堂案例：水果网店店标设计 74
4.2.1 设计理念 75
4.2.2 技术要点 75
4.2.3 实操演练 75
4.3 了解网店店招与导航 78
4.3.1 认识店招与导航 78
4.3.2 店招与导航的设计思路 79
4.4 课堂案例：母婴网店店招与导航设计 80
4.4.1 设计理念 80
4.4.2 技术要点 80
4.4.3 实操演练 80
4.5 综合实训 85
4.6 技能拓展 86
【课后练习】 87
第5章 首焦轮播区和商品陈列区设计 88
5.1 首焦轮播区及其设计思路 88
5.1.1 认识首焦轮播区 88
5.1.2 首焦轮播区的设计思路 90
5.2 课堂案例：节日主题的首焦轮播区设计 90
5.2.1 设计理念 91
5.2.2 技术要点 91
5.2.3 实操演练 91
5.3 商品陈列区视觉设计 96
5.3.1 营造视觉动线 96
5.3.2 商品布局艺术化 99
5.4 课堂案例：当季热卖商品陈列区设计 100
5.4.1 设计理念 101
5.4.2 技术要点 101
5.4.3 实操演练 101
5.5 综合实训 107
5.6 技能扩展 108
【课后练习】 109
第6章 首页设计——服饰网店 110
6.1 课堂案例：甜美女装网店首页设计 110
6.1.1 设计理念 111
6.1.2 技术要点 111
6.1.3 实操演练 111
6.2 课堂案例：可爱童装网店首页设计 118
6.2.1 设计理念 119
6.2.2 技术要点 119
6.2.3 实操演练 119
6.3 综合实训 127
【课后练习】 128
第7章 首页设计——箱包网店 130
7.1 课堂案例：时尚拉杆箱网店首页设计 130
7.1.1 设计理念 130
7.1.2 技术要点 130
7.1.3 实操演练 131
7.2 课堂案例：女式箱包网店首页设计 140
7.2.1 设计理念 141
7.2.2 技术要点 141
7.2.3 实操演练 141
7.3 综合实训 149
【课后练习】 150
第8章 商品详情页设计 152
8.1 商品详情页及其设计思路 152
8.1.1 认识商品详情页 152
8.1.2 商品详情页的设计思路 154
8.2 课堂案例：零食网店商品详情页设计 156
8.2.1 设计理念 157
8.2.2 技术要点 157
8.2.3 实操演练 157
8.3 课堂案例：数码网店商品详情页设计 163
8.3.1 设计理念 163
8.3.2 技术要点 163
8.3.3 实操演练 165
8.4 综合实训 170
8.5 技能扩展 171
【课后练习】 172
第9章 商品短视频制作 174
9.1 商品短视频的作用 174
9.2 商品主图视频制作 175
9.2.1 设置视频项目属性并导入素材 175
9.2.2 修整素材 177
9.2.3 添加字幕 179
9.2.4 导出商品主图视频 180
9.2.5 按电商平台要求转换视频文件 182
9.3 商品详情页视频制作 183
9.3.1 设置视频项目属性并导入素材 183
9.3.2 修整素材 184
9.3.3 添加滤镜效果 187
9.3.4 添加转场效果 188
9.3.5 制作运动追踪动画 189
9.3.6 制作短视频字幕 191
9.3.7 添加音效并导出视频 193
9.4 综合实训 194
【课后练习】 195
第10章 移动端网店装修美工设计 196
10.1 移动端网店页面结构分析 196
10.1.1 移动端网店页面的框架结构 196
10.1.2 移动端网店图片发布尺寸要求 198
10.2 移动端网店装修快速入门 199
10.2.1 保持网店设计风格的一致性 199
10.2.2 采用简单且便于操作的设计方式 200
10.2.3 网店色彩的设计与选择 202
10.3 课堂案例：美妆商品直播主图设计 204
10.3.1 设计理念 205
10.3.2 技术要点 205
10.3.3 实操演练 205
【课后练习】 210
第11章 移动端网店首页与详情页装修设计 211
11.1 移动端网店首页装修设计 211
11.1.1 店招的装修设计 212
11.1.2 轮播图片的装修设计 214
11.1.3 优惠券的装修设计 216
11.1.4 商品分类导航的装修设计 217
11.1.5 商品分类展示的装修设计 217
11.2 移动端网店详情页装修设计 219
11.2.1 详情页装修设计的FABE原则 219
11.2.2 直截了当地突出商品信息 223
11.3 课堂案例：女装网店年中盛典首页设计 223
11.3.1 设计理念 223
11.3.2 技术要点 224
11.3.3 实操演练 224
【课后练习】 232