第1 章 初识网店美工与视觉设计
■ 1.1∣熟悉网店美工 ........................ 002
1.1.1 网店美工的工作范畴 ................002
1.1.2 网店美工的技能要求 ................002
■ 1.2∣熟悉图像处理软件
Photoshop .......................... 003
1.2.1 认识Photoshop CS6的工作
界面 ............................................003
1.2.2 认识Photoshop CS6的常用
工具 ............................................004
1.2.3 认识Photoshop CS6的
“图层”面板 ..............................005
1.2.4 应用图层样式 ............................006
1.2.5 实战——制作促销标签 ............007
■ 1.3∣了解视觉设计的要领 ............. 010
1.3.1 点、线、面三要素 ....................010
1.3.2 色彩搭配 ....................................011
1.3.3 字体选择 ....................................012
1.3.4 视觉构图 ....................................013
1.3.5 页面布局 ....................................014
1.3.6 实战——赏析文具网店首页
视觉效果 ....................................015
■ 1.4∣扩展阅读——AI时代下网店美工的
发展趋势 ............................... 017
■ 1.5∣AI赋能................................... 017
1.5.1 使用DeepSeek生成商品营销
文案 ............................................017
1.5.2 使用万相生成Banner中的
艺术字 ........................................018
■ 1.6∣课后练习 ............................... 019
商品图片的基础处理
■ 2.1∣ 拍摄商品图片 ........................022
2.1.1 拍摄商品图片的要求 ................022
2.1.2 拍摄商品图片的基本流程 ........023
2.1.3 拍摄商品图片的基本技巧 ........023
2.1.4 实战——拍摄口红 ....................026
2.1.5 实战——拍摄童装 ....................028
■ 2.2∣ 调整商品图片的大小和
尺寸 .....................................030
2.2.1 调整商品图片大小 ....................030
2.2.2 变换和裁剪商品图片 ................031
2.2.3 实战——矫正、裁剪并设置
商品主图尺寸 ............................031
2.2.4 实战——裁剪商品细节图 ........033
■ 2.3∣ 修饰商品图片 .......................036
2.3.1 修饰图片的必要性 ....................036
2.3.2 修图的常用方法 ........................036
2.3.3 实战——调整沙发图片质感 ....037
2.3.4 实战——去除商品图片中多余
的物体 ........................................039
2.3.5 实战——制作卖点展示图 ........041
■ 2.4∣ 调整商品图片的色彩与
质感 ....................................043
2.4.1 调色的必要性 ............................043
2.4.2 调色的原则 ................................043
2.4.3 调色的常用命令 ........................044
2.4.4 实战——调整咖啡机图片
亮度与饱和度 ............................045
2.4.5 实战——女包图片调色 ............046
■ 2.5∣ 扩展阅读——修图内容
分析 ......................................049
■ 2.6∣ AI赋能 ...................................049
2.6.1 使用像素蛋糕优化加湿器图片
的色调 ........................................049
2.6.2 使用像素蛋糕一键去除羽绒被
中的皱褶 ....................................050
■ 2.7∣ 课后练习 ...............................051
商品图片的特殊处理
■ 3.1 ∣商品图片的背景处理 .............053
3.1.1 从背景中抠取商品的技巧 ........053
3.1.2 使用钢笔工具 ............................055
3.1.3 虚化商品图片背景 ....................056
3.1.4 使用蒙版控制图片的显示 ........056
3.1.5 实战——虚化商品图片背景 ....056
3.1.6 实战——抠取商品图片并制作
宣传海报 ....................................058
3.1.7 实战——替换宠物用品图片
背景 ...........................................059
■ 3.2 ∣商品图片的组合 ....................062
3.2.1 图文搭配技巧 ............................062
3.2.2 商品的陈列方式 ........................062
3.2.3 商品的陈列原则 ........................063
3.2.4 商品图片的排列、分布与
对齐 ............................................064
3.2.5 实战——制作女包新品上市
展示图 ........................................065
■ 3.3 ∣扩展阅读——网店的图片处理
技巧 ......................................068
■ 3.4∣AI赋能....................................069
3.4.1 使用Pic Copilot一键抠图 ..........069
3.4.2 使用Pic Copilot一键生成
营销图 ........................................069
■ 3.5 ∣课后练习 ...............................070
网店推广图设计
■ 4.1∣主图设计 ................................073
4.1.1 常见的主图类型 ........................073
4.1.2 主图的设计技巧 ........................074
4.1.3 商品主图设计规范 ....................075
4.1.4 实战——制作蓝牙耳机
主图 ............................................075
■ 4.2∣关键词推广图设计 ..................078
4.2.1 关键词推广图的设计要点 ........079
4.2.2 实战——制作家用吹风机关键
词推广图 ....................................079
■ 4.3∣人群推广图设计 .....................082
4.3.1 人群推广图的尺寸规范与
设计要点 ....................................082
4.3.2 人群推广图的布局方式 ............082
4.3.3 实战——制作新品护肤品人群
推广图 ........................................084
■ 4.4∣扩展阅读——网店推广图的
设计技巧 ................................087
■ 4.5∣AI赋能....................................088
4.5.1 使用美图设计室更换商品图
背景 ............................................088
4.5.2 使用美图设计室添加卖点
信息 ............................................089
■ 4.6∣课后练习 ................................089
网店首页视觉设计
■ 5.1 ∣了解网店首页 ....................... 092
5.1.1 了解网店首页的基础模块 .......092
5.1.2 网店首页模块布局的要点 ........093
■ 5.2 ∣设计店招与导航模块 .............093
5.2.1 店招的设计原则 ........................094
5.2.2 店招的风格分析 ........................094
5.2.3 店招的设计要求 ........................095
5.2.4 实战——制作宠物玩具网店
店招 ............................................095
■ 5.3 ∣设计全屏轮播图 ....................097
5.3.1 不同轮播图的尺寸要求 ............097
5.3.2 全屏海报的设计要点 ................098
5.3.3 实战——制作文具新品上市全屏
海报 ............................................098
■ 5.4 ∣设计优惠券模块 ....................101
5.4.1 优惠券设计要点 ........................101
5.4.2 实战——制作文具用品
优惠券 ........................................101
■ 5.5 ∣设计商品推荐模块 .................104
5.5.1 商品推荐模块设计要点 ............104
5.5.2 实战——制作文具用品推荐
模块 ............................................104
■ 5.6 ∣设计品牌介绍模块 .................107
5.6.1 品牌介绍模块设计要点 ............107
5.6.2 实战——制作文具网店品牌
介绍模块 ....................................108
■ 5.7 ∣扩展阅读——分析移动端网店
首页 .....................................110
■ 5.8 ∣AI赋能...................................112
5.8.1 使用佐糖扩展首页商品图片
背景 ............................................113
5.8.2 使用佐糖更改商品图中的
部分画面 ....................................113
■ 5.9 ∣课后练习 ..............................114
商品详情页视觉设计
■ 6.1 ∣了解商品详情页 ....................117
6.1.1 了解商品详情页的模块 ............118
6.1.2 商品详情页的内容分析与设计
要点 ............................................119
■ 6.2 ∣商品详情页焦点图设计 .........120
6.2.1 商品详情页焦点图设计要点 ....120
6.2.2 实战——制作中性笔详情页
焦点图 ........................................121
■ 6.3 ∣商品卖点图设计 ....................125
6.3.1 商品卖点的特征 ........................125
6.3.2 商品卖点提炼方法 ....................125
6.3.3 实战——制作中性笔详情页
卖点图 ........................................125
■ 6.4 ∣商品信息展示图设计 .............132
6.4.1 商品参数的常用表达方式 ........132
6.4.2 商品信息的展示方式 ................132
6.4.3 实战——制作中性笔详情页
信息展示图 ................................133
■ 6.5 ∣商品细节图设计 ....................134
6.5.1 商品细节图设计要点 ................135
6.5.2 实战——制作中性笔详情页
商品细节图 ................................136
■ 6.6 ∣扩展阅读——抓住商品详情页
设计的重点 ............................137
■ 6.7 ∣AI赋能...................................139
6.7.1 使用Weshop唯象生成
商品图 ........................................139
6.7.2 使用Kimi生成商品卖点
文案 ............................................140
■ 6.8 ∣课后练习 ...............................140
第7章 新媒体宣传图设计
■ 7.1∣宣传海报设计 .........................143
7.1.1 宣传海报设计要点 ....................143
7.1.2 实战——制作新品上市海报 .....144
7.1.3 实战——制作“双十二”活动
海报 ............................................146
■ 7.2∣开屏广告设计 .........................149
7.2.1 开屏广告的设计元素 ................149
7.2.2 开屏广告的类别 ........................149
7.2.3 实战——制作家居活动开屏
广告 ............................................150
■ 7.3∣封面图设计 ............................154
7.3.1 封面图的设计要点 ....................154
7.3.2 实战——制作图书微信公众号
推文封面图 ................................155
7.3.3 实战——制作上新预告直播
封面图 ........................................156
■ 7.4∣扩展阅读——新媒体宣传图风格
定位 ..................................... 158
■ 7.5∣AI赋能....................................158
7.5.1 使用创客贴生成电商海报 ........158
7.5.2 使用美图设计室制作直播
封面图 ........................................159
■ 7.6∣课后练习 ................................160
第8章 网店视频的拍摄与制作
■ 8.1∣网店视频拍摄 .........................162
8.1.1 视频拍摄的要求 ........................162
8.1.2 视频拍摄的设置 ........................164
8.1.3 视频制作的流程 ........................166
8.1.4 实战——拍摄中性笔使用
视频 ............................................167
■ 8.2∣网店视频制作 .........................168
8.2.1 认识视频制作软件——剪映 .....169
8.2.2 视频制作流程 ............................170
8.2.3 视频剪辑注意事项 ....................170
8.2.4 实战——导入和分割中性笔
主图视频 ....................................171
8.2.5 实战——为中性笔主图视频
添加滤镜和转场 ........................172
8.2.6 实战——为中性笔主图视频
添加字幕和音效 ........................174
■ 8.3∣扩展阅读——视频剪辑手法 ...176
■ 8.4∣AI赋能....................................177
8.4.1 使用万相将图片生成为
视频 ............................................178
8.4.2 使用讯飞智作生成商品解析
音频 ............................................178
■ 8.5∣课后练习 ................................179
第9章 网店装修
■ 9.1∣切片与管理图片 .....................181
9.1.1 切片的作用与技巧 .......................181
9.1.2 实战——切片与保存图片 ..........181
9.1.3 实战——上传图片至图片
空间 ............................................183
■ 9.2∣装修网店首页 .........................184
9.2.1 认识装修基础模块 .......................184
9.2.2 实战——装修PC端网店首页 ......185
■ 9.3∣上传商品详情页 .....................186
9.3.1 商品详情页上传的注意事项......186
9.3.2 实战——上传中性笔商品
详情页 ...........................................186
■ 9.4∣上传与发布视频 .....................188
9.4.1 上传视频时的要求 .......................188
9.4.2 实战——上传中性笔主图
视频 ............................................188
9.4.3 实战——发布中性笔主图
视频 ............................................189
■ 9.5∣扩展阅读——图片空间中的
图片授权 ................................190
■ 9.6∣AI赋能....................................190
9.6.1 使用万相营造生成解说
视频 ............................................191
9.6.2 使用一键图文创意快速制图......191
■ 9.7∣课后练习 ................................192