第1章 网店美工须掌握的基础操作
1.1 什么是网店美工 002
1.1.1 网店美工的定义 002
1.1.2 网店美工需要了解的知识 003
1.2 网店配色基础 004
1.2.1 网店色彩原理 004
1.2.2 网店安全色 005
1.2.3 网店色彩分类 006
1.2.4 网店色彩采集 009
1.2.5 识别色域以外的颜色 010
1.2.6 网店页面色彩搭配 011
1.2.7 网店图像配色 020
1.3 网店图像的布局 024
1.3.1 图片基本构图 024
1.3.2 图像中文本布局规则 027
1.3.3 图像参与布局的规则 031
1.3.4 版面布局设计 032
1.4 美工修图基础 034
1.4.1 宝贝图片色调调整 034
1.4.2 宝贝图片校正 040
1.4.3 瑕疵图片处理 042
1.4.4 人物磨皮处理 045
1.4.5 校正模糊图片 047
1.5 网店中常用的美工抠图 049
1.5.1 按规则几何图形进行抠图 049
1.5.2 复杂图像快速抠图 050
1.5.3 复杂图像精细抠图 051
1.5.4 透明图像抠图 054
1.5.5 毛发抠图 057
1.6 修饰宝贝图像 059
1.6.1 为商品图片添加保护线 060
1.6.2 为商品图片添加文字水印 060
1.6.3 为商品图片添加图像商标或图像水印 060
1.6.4 为商品图片添加情趣对话 061
1.6.5 快速为多个商品图片添加文本水印 061
第2章 网店外部区域引流图像设计与制作
2.1 店标设计与制作 067
2.1.1 店标设计原则 067
2.1.2 店标的制作构思 068
2.1.3 店标的制作过程 069
2.2 直通车图片设计与制作 073
2.2.1 直通车图片的设计原则 073
2.2.2 直通车图片制作 076
2.3 钻展图片设计与制作 083
2.3.1 钻展图片的设计原则 084
2.3.2 钻展图片主图设计与制作 084
2.3.3 钻展图片小图设计与制作1 087
2.3.4 钻展图片小图设计与制作2 090
第3章 网店首屏元素设计与制作
3.1 店招设计与制作 096
3.1.1 店招设计的原则 096
3.1.2 商品参与店招设计与制作 097
3.1.3 简洁风格全屏店招设计与制作 104
3.1.4 与导航一同进行设计与制作 104
3.2 首屏全屏广告设计与制作 111
3.2.1 了解首屏全屏广告及轮播图的作用 112
3.2.2 利用材质背景广告设计与制作 112
3.2.3 渐变背景广告设计与制作 118
3.2.4 大面积配色背景广告设计与制作 124
3.2.5 图像背景广告设计与制作 127
第4章 商品广告图像设计与制作
4.1 950像素广告设计与制作 132
4.1.1 商品整体参与设计与制作 133
4.1.2 商品局部参与设计与制作 140
4.1.3 多视点参与设计与制作 144
4.1.4 超出背景区域设计与制作 149
4.2 750像素广告设计与制作 153
4.2.1 暖色系方案设计与制作 154
4.2.2 冷色系方案设计与制作 158
4.2.3 中性色方案设计与制作 161
4.3 190像素广告设计与制作 166
4.3.1 凸显特点方案设计与制作 166
4.3.2 商品本身方法设计与制作 169
4.4 陈列区广告设计与制作 171
4.4.1 格局分布方案设计与制作 171
4.4.2 图片混合搭配方案设计与制作 173
第5章 快速导航区设计与制作
5.1 悬浮导航设计与制作 178
5.1.1 半透明方案设计与制作 179
5.1.2 单色背景方案设计与制作 181
5.2 宝贝分类设计与制作 183
5.2.1 宝贝分类的设计原则 183
5.2.2 按钮式图案设计与制作 184
5.2.3 文字效果方案设计与制作 187
5.2.4 子分类设计与制作 188
第6章 店铺公告模板设计与制作
6.1 横幅公告模板设计与制作 192
6.1.1 950 像素店铺公告模板制作 193
6.1.2 750 像素店铺公告模板制作 197
6.1.3 750 像素店铺公告水平文字滚动模板制作 200
6.2 直幅公告模板设计与制作 203
6.3 为制作的模板进行切片 204
第7章 收藏售后设计与制作
7.1 店铺收藏设计与制作 208
7.1.1 宽幅店铺收藏制作 208
7.1.2 窄幅店铺收藏制作1 213
7.1.3 窄幅店铺收藏制作2 214
7.2 客服设计与制作 216
7.2.1 宽幅客服设计与制作 217
7.2.2 窄幅客服设计与制作1 220
7.2.3 窄幅客服设计与制作2 222
第8章 详情页设计与制作
8.1 详情页的设计思路以及操作流程 225
8.2 详情页的格局构成 226
8.3 详情页的设计原则 227
8.4 详情页的整体制作 228
8.4.1 详情页框架设计 228
8.4.2 商品广告区设计 228
8.4.3 商品色彩展示区设计 233
8.4.4 商品细节展示区设计 237
8.4.5 商品特点说明区设计 239
8.4.6 产品说明区设计 240
8.4.7 购物须知区设计 243
8.4.8 详情页描述区设计 244
8.4.9 合成详情页 246