第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