《淘宝天猫网店美工实战》罗庚等编著 | PDF下载|ePub下载
淘宝天猫网店美工实战 版权信息
- 出版社:机械工业出版社
- 出版时间:2018-01-01
- ISBN:9787111587019
- 条形码:9787111587019 ; 978-7-111-58701-9
淘宝天猫网店美工实战 本书特色
本书以实例和设计理论相结合的方式逐步体现装修在网店中的重要性。根据装修网店所应了解的各个知识点,精心设计60多个与装修网店相关的实例,并配有90多个教学视频。其中,设计旺铺应该了解的知识、店铺配色、提升店铺流量的视觉图、提升转化率的装修图设计部分为综合性质的实例,图片空间与Dreamweaver在店铺中的应用和店铺可装修区域的应用部分为淘宝后台装修实战案例。
本书技术实用、讲解清晰,并提供配套的PPT课件,既可以作为初次开店想自己装修店铺的初中级读者的学习用书,也可以作为大中专院校相关专业及电子商务方面培训班的教材。
淘宝天猫网店美工实战 内容简介
本书以实例和设计理论相结合的方式逐步体现装修在网店中的重要性。根据装修网店所应了解的各个知识点,精心设计60多个与装修网店相关的实例,并配有90多个教学视频。其中,设计旺铺应该了解的知识、店铺配色、提升店铺流量的视觉图、提升转化率的装修图设计部分为综合性质的实例,图片空间与Dreamweaver在店铺中的应用和店铺可装修区域的应用部分为淘宝后台装修实战案例。 本书技术实用、讲解清晰,并提供配套的PPT课件,既可以作为初次开店想自己装修店铺的初中级读者的学习用书,也可以作为大中专院校相关专业及电子商务方面培训班的教材。
淘宝天猫网店美工实战 目录
目录
前言
第1章开店前的准备与开店1
1.1 网上浏览行业旺铺1
1.1.1 通过店铺数量选择行业旺铺1
1.1.2 通过店铺的等级研究3
1.1.3 通过店铺的装修分析3
1.2 批发城实地调研4
1.3 客户群定位4
1.4 选择经营商品5
1.5 网上开店7
1.5.1 淘宝开设店铺的特点7
1.5.2 淘宝网开店的基本流程8
第2章 店铺宝贝的采集13
2.1 通过拍摄采集宝贝13
2.1.1 相机所需具备的基本功能13
2.1.2 拍摄所需的辅助器材19
2.1.3 宝贝拍摄的要求与技巧21
2.1.4 基本构图与商品摆放25
2.1.5 为宝贝拍摄主图视频27
2.2 视频的简单编辑27
2.2.1 视频软件介绍27
2.2.2 生成视频33
2.2.3 使用Camtasia Studio剪辑视频35
2.3 厂家图片下载39
第3章设计旺铺应该了解的知识40
3.1 为什么要装修店铺40
3.1.1 美化各个元素的意义41
3.1.2 设计各个元素需要掌握的知识41
3.2 宝贝图片处理48
3.2.1 剪裁与倾斜校正48
3.2.2 修饰宝贝图像52
3.2.3 商品宝贝瑕疵修复57
3.2.4 商品宝贝调色处理64
3.3 网店图片多种抠图技巧70
3.3.1 规则形状抠图71
3.3.2 简单背景抠图73
3.3.3 复杂图形抠图75
3.3.4 毛发抠图82
3.3.5 图层关系替换背景83
3.3.6 透明宝贝的抠图方法86
3.3.7 综合抠图方法88
3.4 文案在网店美工中的作用90
3.4.1 为什么要做文案90
3.4.2 文案怎样写90
3.4.3 文案的布局91
3.4.4 活动文案95
第4章 店铺配色96
4.1 认识网店色彩97
4.2 网页安全色97
4.3 网店配色99
4.3.1 自定义页面的主色与辅助色99
4.3.2 网店色调与配色101
4.3.3 色彩采集114
4.3.4 色彩推移116
4.4 色彩与网店页面117
4.4.1 色彩对比117
4.4.2 色彩调和122
4.5 网店页面色彩分类123
4.5.1 静态与动态色彩123
4.5.2 强调色彩124
4.6 商品色调风格调整124
第5章提升店铺流量的视觉图125
5.1 设计店标125
5.1.1 店标设计的原则126
5.1.2 店标的作用126
5.1.3 店标的制作构思126
5.1.4 店标的制作过程127
5.1.5 动态旺铺店标设计131
5.1.6 发布店标133
5.2 直通车图片设计135
5.2.1 直通车图片的设计原则135
5.2.2 直通车在淘宝中的位置140
5.2.3 设计与制作直通车图片141
5.3 钻展图片设计144
5.3.1 钻展图片的设计原则144
5.3.2 钻展图片主图设计与制作145
5.3.3 钻展图片右侧小图设计与制作149
第6章 提升转化率的装修图设计151
6.1 店招设计152
6.1.1 店招的设计原则152
6.1.2 全屏店招的设计与制作152
6.1.3 标准店招的制作157
6.1.4 带导航的全屏店招背景制作158
6.1.5 带导航的标准店招制作158
6.2 首屏广告或焦点图设计160
6.2.1 全屏广告图设计与制作160
6.2.2 标准950广告图制作168
6.3 其他区域广告制作169
6.3.1 750广告图设计与制作169
6.3.2 190广告图设计与制作171
6.3.3 图像陈列设计与制作173
6.3.4 项目区图像设计与制作176
6.4 宝贝分类设计178
6.4.1 宝贝分类的设计原则178
6.4.2 宝贝分类图片设计与制作179
6.4.3 子宝贝分类设计182
6.5 店铺收藏与客服制作183
6.5.1 店铺收藏图片设计与制作184
6.5.2 客服图片设计与制作187
6.6 店铺公告模板设计与制作189
6.6.1 750店铺公告模板设计189
6.6.2 750店铺公告动态模板设计190
6.6.3 190店铺公告模板设计192
6.7 详情页设计与制作193
6.7.1 详情页的设计思路及操作流程193
6.7.2 详情页的格局构成194
6.7.3 详情页的设计原则196
6.7.4 详情页的设计与制作197
6.8 通过切片工具创建切片202
第7章图片空间与Dreamweaver在店铺中的应用204
7.1 进入图片空间205
7.2 编辑图片空间205
7.2.1 新建文件夹管理图片205
7.2.2 删除图片空间中的文件夹207
7.2.3 上传优化好的图片208
7.2.4 图片搬家209
7.2.5 恢复删除的图片210
7.2.6 全选图片212
7.2.7 替换图片212
7.2.8 编辑图片212
7.2.9 适配手机213
7.2.10 为图片添加水印213
7.3 复制图片空间中的图片链接214
7.4 Dreamweaver工作界面215
7.5 创建表格216
7.6 编辑表格217
7.6.1 单元格选取技巧218
7.6.2 重设表格的行列数218
7.6.3 调整表格宽度219
7.6.4 调整边距/间距/边框219
7.6.5 行/列的插入与删除220
7.6.6 调整列宽/行高220
7.6.7 单元格的拆分/合并220
7.6.8 嵌套表格221
7.6.9 清除表格的宽度/高度222
7.6.10 单元格的其他设置222
7.7 插入图片223
7.8 以背景方式插入图片224
7.9 粘贴图片空间中的图片链接到Dreamweaver代码区225
第8章 店铺可装修区域的应用227
8.1 统一店铺的配色227
8.2 新建店铺自定义页面228
8.3 替换店招229
8.3.1 制作通栏店招229
8.3.2 通过代码制作带导航全屏店招并添加链接232
8.4 轮播图的应用235
8.4.1 标准轮播图的应用235
8.4.2 全屏轮播图的应用238
8.5 自定义广告的应用241
8.5.1 标准通栏广告的应用241
8.5.2 全屏广告的应用244
8.5.3 750广告与190广告的应用246
8.6 宝贝分类的使用250
8.6.1 应用宝贝分类250
8.6.2 应用子宝贝分类253
8.7 店铺公告模板的应用255
8.7.1 在Dreamweaver中插入背景图像并输入内容255
8.7.2 复制图片空间中链接256
8.7.3 编辑代码完成公告效果257
8.8 店铺收藏的应用258
8.8.1 获取店铺收藏的代码258
8.8.2 店铺收藏的应用259
8.9 联系我们的应用262
8.9.1 为制作的图片创建切片并导出网页262
8.9.2 在Dreamweaver中生成代码263
8.9.3 在旺遍天下中获取代码264
8.9.4 在Dreamweaver中应用代码并替换图片的代码264
8.9.5 联系我们的应用 266
8.10 详情页广告的应用267
前言
第1章开店前的准备与开店1
1.1 网上浏览行业旺铺1
1.1.1 通过店铺数量选择行业旺铺1
1.1.2 通过店铺的等级研究3
1.1.3 通过店铺的装修分析3
1.2 批发城实地调研4
1.3 客户群定位4
1.4 选择经营商品5
1.5 网上开店7
1.5.1 淘宝开设店铺的特点7
1.5.2 淘宝网开店的基本流程8
第2章 店铺宝贝的采集13
2.1 通过拍摄采集宝贝13
2.1.1 相机所需具备的基本功能13
2.1.2 拍摄所需的辅助器材19
2.1.3 宝贝拍摄的要求与技巧21
2.1.4 基本构图与商品摆放25
2.1.5 为宝贝拍摄主图视频27
2.2 视频的简单编辑27
2.2.1 视频软件介绍27
2.2.2 生成视频33
2.2.3 使用Camtasia Studio剪辑视频35
2.3 厂家图片下载39
第3章设计旺铺应该了解的知识40
3.1 为什么要装修店铺40
3.1.1 美化各个元素的意义41
3.1.2 设计各个元素需要掌握的知识41
3.2 宝贝图片处理48
3.2.1 剪裁与倾斜校正48
3.2.2 修饰宝贝图像52
3.2.3 商品宝贝瑕疵修复57
3.2.4 商品宝贝调色处理64
3.3 网店图片多种抠图技巧70
3.3.1 规则形状抠图71
3.3.2 简单背景抠图73
3.3.3 复杂图形抠图75
3.3.4 毛发抠图82
3.3.5 图层关系替换背景83
3.3.6 透明宝贝的抠图方法86
3.3.7 综合抠图方法88
3.4 文案在网店美工中的作用90
3.4.1 为什么要做文案90
3.4.2 文案怎样写90
3.4.3 文案的布局91
3.4.4 活动文案95
第4章 店铺配色96
4.1 认识网店色彩97
4.2 网页安全色97
4.3 网店配色99
4.3.1 自定义页面的主色与辅助色99
4.3.2 网店色调与配色101
4.3.3 色彩采集114
4.3.4 色彩推移116
4.4 色彩与网店页面117
4.4.1 色彩对比117
4.4.2 色彩调和122
4.5 网店页面色彩分类123
4.5.1 静态与动态色彩123
4.5.2 强调色彩124
4.6 商品色调风格调整124
第5章提升店铺流量的视觉图125
5.1 设计店标125
5.1.1 店标设计的原则126
5.1.2 店标的作用126
5.1.3 店标的制作构思126
5.1.4 店标的制作过程127
5.1.5 动态旺铺店标设计131
5.1.6 发布店标133
5.2 直通车图片设计135
5.2.1 直通车图片的设计原则135
5.2.2 直通车在淘宝中的位置140
5.2.3 设计与制作直通车图片141
5.3 钻展图片设计144
5.3.1 钻展图片的设计原则144
5.3.2 钻展图片主图设计与制作145
5.3.3 钻展图片右侧小图设计与制作149
第6章 提升转化率的装修图设计151
6.1 店招设计152
6.1.1 店招的设计原则152
6.1.2 全屏店招的设计与制作152
6.1.3 标准店招的制作157
6.1.4 带导航的全屏店招背景制作158
6.1.5 带导航的标准店招制作158
6.2 首屏广告或焦点图设计160
6.2.1 全屏广告图设计与制作160
6.2.2 标准950广告图制作168
6.3 其他区域广告制作169
6.3.1 750广告图设计与制作169
6.3.2 190广告图设计与制作171
6.3.3 图像陈列设计与制作173
6.3.4 项目区图像设计与制作176
6.4 宝贝分类设计178
6.4.1 宝贝分类的设计原则178
6.4.2 宝贝分类图片设计与制作179
6.4.3 子宝贝分类设计182
6.5 店铺收藏与客服制作183
6.5.1 店铺收藏图片设计与制作184
6.5.2 客服图片设计与制作187
6.6 店铺公告模板设计与制作189
6.6.1 750店铺公告模板设计189
6.6.2 750店铺公告动态模板设计190
6.6.3 190店铺公告模板设计192
6.7 详情页设计与制作193
6.7.1 详情页的设计思路及操作流程193
6.7.2 详情页的格局构成194
6.7.3 详情页的设计原则196
6.7.4 详情页的设计与制作197
6.8 通过切片工具创建切片202
第7章图片空间与Dreamweaver在店铺中的应用204
7.1 进入图片空间205
7.2 编辑图片空间205
7.2.1 新建文件夹管理图片205
7.2.2 删除图片空间中的文件夹207
7.2.3 上传优化好的图片208
7.2.4 图片搬家209
7.2.5 恢复删除的图片210
7.2.6 全选图片212
7.2.7 替换图片212
7.2.8 编辑图片212
7.2.9 适配手机213
7.2.10 为图片添加水印213
7.3 复制图片空间中的图片链接214
7.4 Dreamweaver工作界面215
7.5 创建表格216
7.6 编辑表格217
7.6.1 单元格选取技巧218
7.6.2 重设表格的行列数218
7.6.3 调整表格宽度219
7.6.4 调整边距/间距/边框219
7.6.5 行/列的插入与删除220
7.6.6 调整列宽/行高220
7.6.7 单元格的拆分/合并220
7.6.8 嵌套表格221
7.6.9 清除表格的宽度/高度222
7.6.10 单元格的其他设置222
7.7 插入图片223
7.8 以背景方式插入图片224
7.9 粘贴图片空间中的图片链接到Dreamweaver代码区225
第8章 店铺可装修区域的应用227
8.1 统一店铺的配色227
8.2 新建店铺自定义页面228
8.3 替换店招229
8.3.1 制作通栏店招229
8.3.2 通过代码制作带导航全屏店招并添加链接232
8.4 轮播图的应用235
8.4.1 标准轮播图的应用235
8.4.2 全屏轮播图的应用238
8.5 自定义广告的应用241
8.5.1 标准通栏广告的应用241
8.5.2 全屏广告的应用244
8.5.3 750广告与190广告的应用246
8.6 宝贝分类的使用250
8.6.1 应用宝贝分类250
8.6.2 应用子宝贝分类253
8.7 店铺公告模板的应用255
8.7.1 在Dreamweaver中插入背景图像并输入内容255
8.7.2 复制图片空间中链接256
8.7.3 编辑代码完成公告效果257
8.8 店铺收藏的应用258
8.8.1 获取店铺收藏的代码258
8.8.2 店铺收藏的应用259
8.9 联系我们的应用262
8.9.1 为制作的图片创建切片并导出网页262
8.9.2 在Dreamweaver中生成代码263
8.9.3 在旺遍天下中获取代码264
8.9.4 在Dreamweaver中应用代码并替换图片的代码264
8.9.5 联系我们的应用 266
8.10 详情页广告的应用267