第 1课 对网店设计的初步了解/11
1.1 什么是网店设计/12
1.2 网店设计的意义/12
1.2.1 获取店铺的信息/12
1.2.2 掌握更多的商品信息/13
1.3 常见电商平台及其配色/13
1.3.1 淘宝和天猫/13
1.3.2 苏宁易购/14
1.3.3 唯品会/14
1.4 收集装修所需的设计素材/14
1.5 了解色彩的基本要点/15
1.5.1 色彩的种类/15
1.5.2 色彩的三要素/15
1.6 暖色系和冷色系/17
1.6.1 暖色系色彩的性格和表现/17
1.6.2 冷色系色彩的性格和表现/17
1.7 配色方法/18
1.8 文字的重要表现/19
1.8.1 常见的字体/19
1.8.2 文字的编排/20
1.8.3 增加字体的感觉/21
1.9 网店网页的版式布局/22
1.9.1 对称与均衡/22
1.9.2 对比与调和/22
1.9.3 虚实与留白/23
1.10 网店设计中的误区/23
1.11 本课笔记/24
第 2课 用Photoshop处理商品/25
2.1 Photoshop的界面构成/26
2.1.1 菜单栏/26
2.1.2 选项栏/26
2.1.3 工具栏/26
2.1.4 标题栏/27
2.1.5 状态栏/27
2.2 文件的基本操作/28
2.2.1 新建文件/28
2.2.2 打开商品图像/29
2.2.3 存储文件/30
2.3 商品图片的基本调整/30
2.3.1 调整商品图片的图像大小/30
2.3.2 调整商品图片的画布大小/31
2.3.3 旋转商品图片/32
2.3.4 商品图片自由变换/32
2.4 商品图片的选取和抠图技巧/32
2.4.1 选框工具/33
2.4.2 套索工具/33
2.4.3 选择工具/34
2.4.4 钢笔工具/35
操作练习 使用椭圆选框工具抠取商品/36
2.5 图片的瑕疵修复/36
2.5.1 污点修复画笔工具/36
2.5.2 修复画笔工具/37
2.5.3 修补工具/37
2.5.4 仿制图章工具/38
2.5.5 橡皮擦工具/38
操作练习 修补陶瓷杯上的瑕疵/39
2.6 图片的文字添加与编辑/39
2.7 对商品图片的调色/40
2.7.1 亮度/对比度/40
2.7.2 色阶/41
2.7.3 曲线/42
2.7.4 色相/饱和度/42
操作练习 调整商品图片背景色调/43
2.8 商品的高 级合成/44
2.8.1 剪贴蒙版/44
2.8.2 图层蒙版/44
2.8.3 USM锐化/45
2.8.4 高斯模糊/45
2.8.5 图层样式/46
2.8.6 描边/46
2.8.7 内阴影/47
2.8.8 投影/47
操作练习 使用图层蒙版合成宝贝照片/47
2.9 Photoshop设计的高 级应用/48
2.9.1 图层混合模式/48
2.9.2 批量处理多张照片/49
操作练习 使用混合模式制作炫彩唇妆/49
2.10 课后习题/50
课后习题 鲜芒果店贴/50
课后习题 家电展示页面/51
2.11 本课笔记/52
第3课 淘宝首页店招设计/ 53
3.1 店招的作用及分类/54
3.1.1 店招的作用/54
3.1.2 店招的类型/54
3.2 店招设计的规范/55
3.2.1 店招尺寸规范/56
3.2.2 店招格式规范/56
3.3 店招包含的信息/56
3.4 时尚女装店招设计/56
3.4.1 设计思路指导/56
3.4.2 版式分析/57
3.4.3 配色剖析/57
3.4.4 制作步骤/57
3.5 中国风饰品店招设计/59
3.5.1 设计思路指导/59
3.5.2 版式分析/59
3.5.3 配色剖析/60
3.5.4 制作步骤/60
3.6 可爱风格店招设计/62
3.6.1 设计思路指导/62
3.6.2 版式分析/63
3.6.3 配色剖析/63
3.6.4 制作步骤/63
3.7 清新风格店招设计/66
3.7.1 设计思路指导/66
3.7.2 版式分析/66
3.7.3 配色剖析/66
3.7.4 制作步骤/67
3.8 个性甜品店招设计/69
3.8.1 设计思路指导/69
3.8.2 版式分析/69
3.8.3 配色剖析/70
3.8.4 制作步骤/70
3.9 课后习题/73
课后习题 男鞋店招设计/73
课后习题 美妆店招设计/73
3.10 本课笔记/74
第4课 淘宝导航条设计/75
4.1 认识导航条/76
4.2 导航条尺寸规范/76
4.3 导航条设计要点/76
4.4 简洁风格导航条设计/76
4.4.1 设计思路指导/77
4.4.2 版式分析/77
4.4.3 配色剖析/77
4.4.4 制作步骤/77
4.5 阳光风格导航条设计/79
4.5.1 设计思路指导/79
4.5.2 版式分析/79
4.5.3 配色剖析/79
4.5.4 制作步骤/79
4.6 高雅首饰导航条设计/82
4.6.1 设计思路指导/82
4.6.2 版式分析/82
4.6.3 配色剖析/82
4.6.4 制作步骤/83
4.7 古朴风格导航条设计/84
4.7.1 设计思路指导/84
4.7.2 版式分析/84
4.7.3 配色剖析/85
4.7.4 制作步骤/85
4.8 时尚风格导航条设计/87
4.8.1 设计思路指导/87
4.8.2 版式分析/88
4.8.3 配色剖析/88
4.8.4 制作步骤/88
4.9 课后习题/89
课后习题 图文导航条设计/89
课后习题 清爽风格导航条设计/90
4.10 本课笔记/90
第5课 首页欢迎模板设计/91
5.1 欢迎模块分类/92
5.2 前期准备和表现因素/92
5.3 欢迎模块设计的技巧/92
5.3.1 注意信息间的间距/93
5.3.2 文案内容的字体不超过三种/93
5.3.3 画面的色彩不宜繁多/93
5.3.4 对画面适当的留白处理/93
5.3.5 合理构图理清设计思路/94
5.4 首饰欢迎模块设计/95
5.4.1 设计思路指导/95
5.4.2 版式分析/95
5.4.3 配色剖析/95
5.4.4 制作步骤/95
5.5 优惠欢迎模块设计/97
5.5.1 设计思路指导/97
5.5.2 版式分析/97
5.5.3 配色剖析/97
5.5.4 制作步骤/98
5.6 冬季衣物模板设计/100
5.6.1 设计思路指导/100
5.6.2 版式分析/100
5.6.3 配色剖析/100
5.6.4 制作步骤/100
5.7 活动日欢迎模板设计/102
5.7.1 设计思路指导/102
5.7.2 版式分析/102
5.7.3 配色剖析/103
5.7.4 制作步骤/103
5.8 课后习题/106
课后习题 店庆促销活动页面设计/106
课后习题 新品上市欢迎页面设计/107
5.9 本课笔记/108
第6课 店铺收藏区设计/109
6.1 收藏区的设计要点/110
6.2 收藏区设计的要求/110
6.3 古朴收藏区设计/111
6.3.1 设计思路指导/111
6.3.2 版式分析/111
6.3.3 配色剖析/111
6.3.4 制作步骤/111
6.4 简洁收藏区设计/113
6.4.1 设计思路指导/113
6.4.2 版式分析/113
6.4.3 配色剖析/113
6.4.4 制作步骤/113
6.5 收藏区添加优惠券设计/115
6.5.1 设计思路指导/115
6.5.2 版式分析/116
6.5.3 配色剖析/116
6.5.4 制作步骤/116
6.6 卡通收藏区设计/118
6.6.1 设计思路指导/118
6.6.2 版式分析/118
6.6.3 配色剖析/118
6.6.4 制作步骤/119
6.7 新品上市收藏区设计/121
6.7.1 设计思路指导/121
6.7.2 版式分析/121
6.7.3 配色剖析/122
6.7.4 制作步骤/122
6.8 课后习题/123
课后习题 文字类收藏区/123
课后习题 收藏图标设计/124
6.9 本课笔记/124
第7课 淘宝客服区设计/125
7.1 客服区的设计要点/126
7.2 客服区的尺寸规范/126
7.3 侧边栏客服区设计/126
7.3.1 设计思路指导/126
7.3.2 版式分析/127
7.3.3 配色剖析/127
7.3.4 制作步骤/127
7.4 简洁型客服区设计/130
7.4.1 设计思路指导/130
7.4.2 版式分析/130
7.4.3 配色剖析/130
7.4.4 制作步骤/131
7.5 图文结合类客服区设计/133
7.5.1 设计思路指导/133
7.5.2 版式分析/134
7.5.3 配色剖析/134
7.5.4 制作步骤/134
7.6 课后习题/141
课后习题 文案类客服区设计/141
课后习题 简洁客服区设计/141
7.7 本课笔记/142
第8课 商品描述页面设计/143
8.1 商品描述的尺寸规范/144
8.1.1 商品橱窗照/144
8.1.2 商品详情页面/144
8.2 在商品描述中突出卖点的技巧/144
8.2.1 商品图片的展示类型/145
8.2.2 商品细节的展示/145
8.2.3 商品尺寸和规格设置的重要性/146
8.3 商品详情页的框架结构/146
8.4 帆布鞋描述页面设计/147
8.4.1 设计思路指导/147
8.4.2 版式分析/147
8.4.3 配色剖析/147
8.4.4 制作步骤/148
8.5 登山包描述页面设计/151
8.5.1 设计思路指导/151
8.5.2 版式分析/151
8.5.3 配色剖析/151
8.5.4 制作步骤/152
8.6 女士耳钉描述页面设计/156
8.6.1 设计思路指导/156
8.6.2 版式分析/156
8.6.3 配色剖析/156
8.6.4 制作步骤/157
8.7 课后习题/161
课后习题 睡衣描述页面设计/161
课后习题 新品衣物描述页面设计/162
8.8 本课笔记/162
第9课 欧式时尚服装网店设计/163
9.1 欧式时尚服装网店设计简介/164
9.2 服装类网店整体设计分析/164
9.2.1 欧美风服装店铺分析/164
9.2.2 中国风服装店铺分析/165
9.2.3 日系服装店铺分析/166
9.2.4 韩系服装店铺分析/167
9.3 结构展示与配色分析/168
9.3.1 结构展示与分析/168
9.3.2 店铺配色分析/168
9.4 实现欧式时尚服装网店设计/168
9.4.1 店招设计/168
9.4.2 导航条设计/171
9.4.3 商品描述设计/172
9.4.4 店铺收藏设计/176
9.5 本课笔记/178
第 10课精巧甜品网店设计/179
10.1 精巧甜品网店设计简介/180
10.2 食品类网店整体设计分析/180
10.2.1 生鲜果蔬店铺分析/180
10.2.2 休闲零食店铺分析/181
10.2.3 饮品店铺分析/182
10.3 结构展示与配色分析/183
10.3.1 结构展示与分析/183
10.3.2 店铺配色分析/183
10.4 实现精巧甜品网店设计/184
10.4.1 首页设计/184
10.4.2 活动页设计/195
10.4.3 描述页设计/203
10.5 本课笔记/208
第 11课 静默古风装饰网店设计/209
11.1 静默古风装饰网店设计简介/210
11.2 网店整体设计分析/210
11.2.1 复古类饰品店铺分析/210
11.2.2 浪漫类饰品店铺分析/211
11.2.3 自然类饰品店铺分析/212
11.3 结构展示与配色分析/214
11.3.1 结构展示与分析/214
11.3.2 店铺配色分析/215
11.4 实现静默古风装饰网店设计/215
11.4.1 首页设计/215
11.4.2 活动页设计/226
11.4.3 描述页设计/238
11.5 本课笔记/240