第1 章 初识网店美工与网店装修
1.1　网店美工概述……………………… 2
1.1.1　网店美工的基本概念… ……… 2
1.1.2　网店美工的工作内容… ……… 2
1.1.3　网店美工的基本技能… ……… 3
1.2　网店装修的风格定位……………… 3
1.3　网店的页面构成…………………… 4
1.4　网店装修的设计要点……………… 7
1.4.1　基础元素… …………………… 7
1.4.2　颜色搭配… …………………… 8
1.4.3　文字设计… …………………… 9
1.4.4　版式构图… ………………… 10
1.5　网店装修的常用软件…………… 11
1.6　网店装修的基本流程…………… 12
第2 章 商品图片的美化处理
2.1　裁剪……………………………… 14
2.1.1　裁剪的处理基础… ………… 14
2.1.2　课堂案例——裁剪校正倾斜的商品… ……………………… 14
2.1.3　课堂案例——裁剪校正变形的商品… ……………………… 15
2.2　抠图……………………………… 16
2.2.1　抠图的处理基础… ………… 16
2.2.2　课堂案例——使用多边形套索工具抠图… ………………… 16
2.2.3　课堂案例——使用魔棒工具抠图… ……………………… 17
2.2.4　课堂案例——使用钢笔工具抠图… ……………………… 18
2.3　调色……………………………… 19
2.3.1　调色的处理基础… ………… 19
2.3.2　课堂案例——调整偏色图片… ……………………… 20
2.3.3　课堂案例——让图片更出色… ……………………… 20
2.3.4　课堂案例——让图片更清晰… ……………………… 21
2.4　修图……………………………… 22
2.4.1　修图的处理基础… ………… 22
2.4.2　课堂案例——修复图像瑕疵… ……………………… 22
2.4.3　课堂案例——复制取样图像… ……………………… 23
2.5　课堂练习——调整曝光不足的商品图片………………………… 24
2.6 课后习题——增加商品图片的色彩鲜艳度……………………… 24
第3 章 网店营销推广图设计
3.1 主图设计………………………… 26
3.1.1　主图的基本概念… ………… 26
3.1.2　主图的设计要点… ………… 27
3.1.3　课堂案例——电风扇主图设计… ……………………… 29
3.2　直通车图设计…………………… 34
3.2.1　直通车图的基本概念……… 35
3.2.2　直通车图的设计要点………… 35
3.2.3　课堂案例——钙片直通车图设计… ……………………… 37
3.3　钻展图设计……………………… 44
3.3.1　钻展图的基本概念… ……… 44
3.3.2　钻展图的设计要点… ……… 45
3.3.3　课堂案例——生鲜食品钻展图设计… ……………………… 47
3.4　课堂练习——母婴产品直通车图设计……………………………… 51
3.5　课后习题——服装钻展图设计…… 52
第4 章 店铺海报设计
4.1　海报的基本概念………………… 54
4.2　海报的设计要点………………… 54
4.2.1　海报的设计尺寸… ………… 54
4.2.2　海报的版式构图… ………… 55
4.2.3　海报的设计形式… ………… 55
4.3　课堂案例——护肤产品海报设计……………………………… 56
4.4　课堂练习——空调海报设计…… 62
4.5　课后习题——果汁饮品海报设计……………………………… 62
第5 章 PC 端店铺首页设计
5.1　首页的基本概念………………… 64
5.2　首页的设计模块………………… 64
5.2.1　店招和导航… ……………… 65
5.2.2　轮播海报… ………………… 66
5.2.3　优惠券… …………………… 67
5.2.4 分类模块… ………………… 67
5.2.5　商品展示… ………………… 69
5.2.6　底部信息… ………………… 71
5.3　课堂案例——家具产品首页设计……………………………… 72
5.4　课堂练习——春夏女装首页设计……………………………… 85
5.5　课后习题——数码产品首页设计……………………………… 86
第6 章 PC 端店铺详情页设计
6.1　详情页的基本概念……………… 88
6.2 详情页的设计模块……………… 89
6.2.1　商品焦点图… ……………… 90
6.2.2　卖点提炼… ………………… 90
6.2.3　商品展示… ………………… 91
6.2.4　细节展示… ………………… 92
6.2.5　商品信息… ………………… 92
6.2.6　其他模块… ………………… 93
6.3　课堂案例——月饼美食详情页设计……………………………… 94
6.4　课堂练习——餐具产品详情页设计………………………………105
6.5　课后习题——运动鞋详情页设计………………………………107
第7 章 PC 端店铺装修
7.1　图片的切片………………………109
7.1.1　图片切片的概念… …………109
7.1.2　图片切片的要点… …………109
7.1.3 课堂案例——家具产品首页图片切片… ………………… 110
7.2　图片的上传………………………113
7.2.1　素材中心的概述… ………… 113
7.2.2　素材中心的功能… …………114
7.2.3　素材中心的管理… …………116
7.2.4　课堂案例——家具产品首页图片上传… ………………… 117
7.3　店铺装修…………………………118
7.3.1　使用模板装修… ……………119
7.3.2　使用模块装修… …………… 121
7.3.3　课堂案例——家具产品首页装修… ……………………… 123
7.4　课堂练习——数码产品首页图片切片………………………………139
7.5　课后习题——数码产品首页装修………………………………139
第8 章 手机端店铺设计
8.1　手机端店铺概述…………………141
8.1.1 手机端店铺设计的必要性……141
8.1.2　手机端店铺与PC 端店铺的区别… ………………………141
8.1.3　手机端店铺设计的关键点…… 143
8.2　手机端店铺首页设计模块………143
8.2.1　店招… ………………………144
8.2.2　文字标题… ………………… 145
8.2.3　店铺热搜… ………………… 145
8.2.4　轮播海报… ………………… 145
8.2.5　优惠券… …………………… 145
8.2.6　分类模块… ………………… 145
8.2.7　商品展示… …………………146
8.2.8　底部信息… …………………146
8.2.9　排行榜… ……………………146
8.2.10　逛逛更多…………………… 147
8.3　课堂案例——手机端店铺家具产品首页设计……………………148
8.4　手机端店铺详情页设计模块……157
8.5　课堂案例——手机端店铺月饼美食详情页设计…………………157
8.6　课堂练习——手机端店铺春夏女装首页设计……………………160
8.7　课后习题——手机端店铺餐具产品详情页设计…………………161
第9 章 手机端店铺装修
9.1　手机端店铺首页装修……………163
9.1.1　使用模板装修… …………… 163
9.1.2　使用模块装修… …………… 163
9.1.3　课堂案例——手机端店铺家具产品首页装修… …………… 165
9.2　手机端店铺详情页装修…………172
9.2.1　使用模板装修… …………… 172
9.2.2　使用模块装修… …………… 172
9.2.3　课堂案例——手机端店铺月饼美食详情页装修… ………… 173
9.3　课堂练习——手机端店铺春夏女装首页装修……………………177
9.4　课后习题——手机端店铺餐具产品详情页装修…………………178
第10 章 网店视频拍摄与制作
10.1　网店视频拍摄… ………………180
10.1.1　视频构图的原则……………180
10.1.2　视频拍摄的流程……………181
10.1.3　课堂案例——拍摄手冲咖啡教学视频…………………… 182
10.2　网店视频制作… ………………187
10.2.1　网店的视频类型……………187
10.2.2　视频制作的流程……………188
10.2.3　课堂案例——制作手冲咖啡教学视频……………………190
10.3　网店视频上传… ………………196
10.3.1　视频上传的要求……………196
10.3.2　视频上传的方式……………196
10.3.3　课堂案例——上传手冲咖啡教学视频……………………197
10.4　课堂练习——拍摄花艺活动宣传视频………………………200
10.5　课后习题——制作花艺活动宣传视频………………………200