在线客服
网店美工·网店视觉设计实操指南图书
人气:41

网店美工·网店视觉设计实操指南

网店美工学习宝典,轻松学习美工知识,提升宝贝视觉,增加店铺流量,案例易学易懂!

内容简介

本书以实例和设计理论相结合的方式,介绍网店美工对网店进行视觉效果操作的各个方面。根据网店美工在设计店铺效果图中所涉及的知识点,精心设计了多个与店铺视觉相关的实例。 本书由一线电子商务网店美工教师和广告设计老师编写,循序渐进地讲解了网店美工在工作时所需具备的各方面知识。全书共7章,依次讲解网店美工需要掌握的知识、宝贝的采集、提升宝贝的视觉效果、转化流量的视觉图、提升转化率的主页装修图的设计、店铺公告模板与宝贝分类的设计以及网店详情页的设计。 本书采用案例教程结合理论的编写形式,兼具技术手册和应用技巧参考手册的特点,技术实用,讲解清晰,不仅适合欲开网店并想自己装修店铺的初、中级读者,也可以作为大中专院校相关专业及电子商务方面培训班的教材。

编辑推荐

1.以网店美工身份对网店装修中涉及的各项知识进行了细致的讲解。2.对于网店中的图像处理真正做到了以装修为目的的美化操作。3.对于转换流量的直通车图片、钻展图以及详情页图片真正做到与开店相对应。4.站在买家的角度,更能吸引买家的目光。5.有大量的案例、设计技巧、温馨提示,所需模块,一应俱全。6.注重效果显示,展现更品质的装修界面。7.内容,几乎涵盖了网店装修涉及的视觉图像和整体店铺装修的各个方面。8.注重理论与实践相结合。

作者简介

曹天佑,北京市商业学校教师,电子商务视觉营销讲师,平面设计师,网页设计师,从事电子商务与平面设计教学多年。主要作品有《电商运营全攻略:从传统电商到微商》、《网店视觉法宝》、《Adobe Photoshop CC从入门到精通》、《网店宝贝抠图与店铺装修宝典》。

王君赫,北京市商业学校教师,电子商务博学讲师,从事电子商务与网页设计教学多年。主要作品有《网店视觉法宝》、《CorelDRAW X7实战从入门到精通》。

潘磊,北京市商业学校教师,计算机网络讲师,网店装修爱好者,从事计算机网络与网页设计教学多年。主要作品有《CorelDRAW X4自学手册》、《网店视觉法宝》、《Photoshop学习掌中宝教程》、《网店宝贝抠图与店铺装修宝典》。

目录

目录

第 1 章 网店美工需要掌握的知识 1

1.1 网店美工概述 2

1.1.1 网店美工的定义 2

1.1.2 网店美工需要了解的知识 3

1.2 宝贝图片的处理 4

1.2.1 剪裁与倾斜校正 4

1.2.2 修饰宝贝图像 7

1.2.3 商品宝贝瑕疵的修复 11

1.3 文案在网店美工中的作用 16

1.3.1 做文案的目的 16

1.3.2 文案的写作方法 17

1.3.3 文案的布局 18

1.3.4 活动文案 21

1.4 店铺首页的美工操作 23

1.4.1 店标与店招 23

1.4.2 自定义广告区 24

1.4.3 宝贝分类 25

1.4.4 焦点图的设计 26

1.4.5 店铺收藏与联系我们 27

第 2 章 宝贝的采集 29

2.1 通过拍摄采集宝贝 30

2.1.1 相机需具备的基本功能 30

2.1.2 拍摄所需的辅助器材 36

2.1.3 宝贝拍摄的要求与技巧 39

2.1.4 基本构图与商品摆放 43

2.1.5 为宝贝拍摄主图视频 46

2.2 视频的简单编辑 46

2.2.1 视频软件介绍 47

2.2.2 生成视频 52

2.2.3 使用Camtasia Studio 剪辑视频 54

2.3 厂家图片的下载 58

第 3 章 提升宝贝的视觉效果 59

3.1 淘宝图片的裁剪 60

3.1.1 淘宝店铺的常见尺寸 60

3.1.2 自定裁剪区 61

3.1.3 按尺寸裁剪 62

3.1.4 裁剪倾斜图片 64

3.1.5 裁剪透视图片 65

3.2 商品图的调色处理 67

3.2.1 处理偏暗的图片 67

3.2.2 处理偏亮的图片 70

3.2.3 处理色彩暗淡的照片 72

3.2.4 处理偏色的照片 73

3.2.5 增加多种商品颜色 76

3.3 淘宝图片污点的处理 77

3.3.1 使用“内容识别”填充修复照片中的污点 78

3.3.2 使用“污点修复画笔工具”修复照片中的污点 79

3.3.3 使用“修复画笔工具”修复照片中的水印 80

3.3.4 使用“修补工具”清除照片中的日期 82

3.4 网店图像的多种抠图技巧 84

3.4.1 规则形状抠图 84

3.4.2 简单背景抠图 88

3.4.3 复杂图形抠图 90

3.4.4 毛发抠图 97

3.4.5 图层关系替换背景 99

3.4.6 半透明宝贝的抠图方法 102

3.4.7 综合抠图方法 106

第 4 章 转化流量的视觉图 108

4.1 设计店标 109

4.1.1 店标设计的原则 109

4.1.2 店标的作用 110

4.1.3 店标的制作构思 110

4.1.4 店标的制作过程 111

4.1.5 动态旺铺的店标设计 113

4.1.6 店标 116

4.2 直通车图片的设计 117

4.2.1 直通车图片的设计原则 118

4.2.2 直通车在淘宝中的位置 123

4.2.3 设计与制作直通车图片 124

4.3 钻展图片的设计 127

4.3.1 钻展图片的设计原则 128

4.3.2 钻展图片主图的设计与制作 129

4.3.3 钻展图片右侧小图的设计与制作 135

第 5 章 提升转化率的主页装修图的设计 138

5.1 店招的设计 139

5.1.1 店招设计的原则 139

5.1.2 店招的设计与制作 140

5.2 首屏广告图的设计 146

5.2.1 全屏广告图的设计与制作 147

5.2.2 标准通栏广告图的设计与制作 153

5.3 轮播图的设计与制作 154

5.3.1 全屏轮播图图像的设计与制作 155

5.3.2 标准通栏轮播图的设计与制作 161

5.4 自定义区域图像的设计与制作 162

5.4.1 750 像素广告图的设计与制作 163

5.4.2 190 像素广告图的设计与制作 167

5.4.3 图像陈列的设计与制作 169

5.4.4 项目区图像的设计与制作 173

第 6 章 店铺公告模板与宝贝分类的设计 176

6.1 宝贝分类的设计 177

6.1.1 宝贝分类的设计原则 178

6.1.2 宝贝分类图片的设计与制作 178

6.1.3 宝贝子分类的设计 182

6.2 店铺公告模板的设计与制作 184

6.2.1 750 像素店铺公告模板的设计 184

6.2.2 750 像素店铺公告动态模板的设计 186

6.2.3 190 像素店铺公告模板的设计 188

6.3 店铺收藏的设计与制作 189

6.4 客服图片的设计与制作 194

第 7 章 网店详情页的设计 196

7.1 详情页的设计思路以及操作流程 197

7.2 详情页的格局构成 198

7.3 详情页的设计原则 200

7.4 详情页的设计与制作 201

7.4.1 宝贝商品提升质感的方法 202

7.4.2 详情页的框架 206

7.4.3 商品照片的抠图 207

7.4.4 商品广告区的设计 209

7.4.5 商品细节展示区的设计 216

7.4.6 商品组合展示区的设计 221

7.4.7 商品描述区的设计 226

7.4.8 尺码区的设计 227

7.4.9 购物须知区的设计 228

7.4.10 合成详情页 229

在线预览

第3 章 提升宝贝的视觉效果本章主要为大家介绍对于已经捕获到的宝贝商品图片进行美化加工的方法,在视觉效果上达到吸引买家的目的,从而增加店铺的销量。在美化图片中最常见的就是将图片裁剪成淘宝需要的大小、处理拍摄时产生的色调问题、修正图片的瑕疵以及通过抠图进行合成图片,这里使用的软件是Photoshop CC。本章重点● 淘宝图片的裁剪● 商品图的调色处理● 淘宝图片污点的处理● 网店图像的多种抠图技巧3.1 淘宝图片的裁剪网店中的图片,除了的宝贝图片外,在一些特定的区域图中都是需要固定大小的,在插入图片之前一定要先了解该区域图片的大小,所谓磨刀不误砍柴工,就是在前期将图片按照固定大小进行创建或裁剪,在这个基础之上再进行视觉方面的设计,只有这样才能真正收到事半功倍的效果。3.1.1 淘宝店铺的常见尺寸网店中需要的图片尺寸直接取决于淘宝网的要求,不同的区域图片的大小是不同的,下面就详细说明各个区域的图像尺寸。 店标:文件格式GIF、JPG、JPEG、PNG,文件大小80KB 以内,建议尺寸为80 像素× 80 像素。 店招:宽度为950 像素,高度建议不超过120 像素。 全屏通栏广告:宽度为1920 像素,高度尽量根据首屏的高度进行设置,建议500~600 像素。 标准通栏广告:宽度为950 像素,高度尽量根据首屏的高度进行设置,建议500~600 像素。 轮播图:不同区域的轮播图宽度不同,高度必须在100~600 像素,宽度可以是1920像素、950 像素、750 像素和190 像素。 自定义内容区:如果分成左、右两个部分,宽度为190 像素和750 像素两种,高度根据广告内容自行设置。 宝贝图片:必须是1∶1 的正方形,长宽可以在300~500 像素。 宝贝详情页:宽度750 像素,高度可以根据内容自行设置。提示: 在手机淘宝店铺中要了解的各个图片尺寸规格如下。 店招规格: 642 像素×254 像素;类型:JPG,JPEG,PNG。 新客老客规格:建议选择608 像素×336 像素尺寸的图片;类型:JPG、PNG。 图文类中单列图片模块:建议选择608 像素×(200~960)像素尺寸的图片;类型:JPG、PNG。 图文类中双列图片模块:建议选择296 像素×160 像素尺寸的图片;类型:JPG、PNG。 图文类中多图模块:建议选择248 像素×146 像素尺寸的图片;类型:JPG、PNG。 图文类中焦点图模块:建议选择608 像素×304 像素尺寸的图片;类型:JPG、PNG。 图文类中左文右图模块:建议选择608 像素×160 像素尺寸的图片;类型:JPG、PNG。 活动头图片模块:建议选择640 像素×304 像素尺寸的图片;类型:JPG、PNG。

网友评论(不代表本站观点)

来自无昵称**的评论:

总之一句话,书不错,物流也给力。

2017-10-30 13:53:53
来自无昵称**的评论:

实用性强,文章知识点新颖。

2017-10-30 14:14:39
来自无昵称**的评论:

实用性强,易学

2017-10-30 14:55:02
来自无昵称**的评论:

这本书很不错

2017-10-30 15:26:12
来自无昵称**的评论:

真心不错!特别实用!

2017-10-30 15:29:24
来自无昵称**的评论:

这本书真心的不错哦

2017-10-30 16:17:00
来自无昵称**的评论:

很使用,里面很多使用技巧!

2017-10-30 18:50:40
来自wx00f9a**的评论:

真的好用,推荐大家!

2017-10-30 19:21:46
来自wx00934**的评论:

初级、进阶完全够用了,非常适合

2017-10-30 20:05:32
来自张建华3**的评论:

作者文笔很好,你值得拥有

2017-10-30 23:00:21
来自无昵称**的评论:

曹老师太棒了

2017-10-31 03:05:47
来自无昵称**的评论:

对网店视觉设计有具体的指导,通俗易懂

2017-10-31 10:01:00
来自淡淡の**的评论:

曹老师,棒棒的!实用宝典值得拥有

2017-10-31 18:03:47
来自wx00dc5**的评论:

很棒的一本书,推荐购买

2017-11-01 05:40:55
来自wx00f75**的评论:

跟书学了一半了,语言精练,没什么生涩难懂地方,结合上机操作,一两遍就会了。

2017-11-02 10:38:05
来自无昵称**的评论:

这本书对我的帮助非常大,我正在开网店。

2017-11-03 13:39:32
来自wx00a69**的评论:

物流赞,书不错

2017-11-04 17:19:59
来自wx00397**的评论:

真的很不错!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

2017-11-17 15:19:58
来自无昵称**的评论:

我的良师益友,学习中…………

2017-11-17 15:23:37
来自无昵称**的评论:

还行!!!!!!!!!!!!!!!!!!!!!!

2017-11-17 15:31:00
来自wx00af5**的评论:

还行不错....................

2017-11-19 16:56:32
来自无昵称**的评论:

网店美工·网店视觉设计实操指南 真的对工作有很大的帮助,内容详细的很,推荐大家试试

2017-10-30 14:16:52
来自无昵称**的评论:

书的装帧精美,书的内容很实用,还配了ppt,很适合做教材。

2017-10-30 15:26:03
来自wx00a69**的评论:

作者特别用心,以精练文字,详实插图,把需要掌握内容描述清楚,极短时间就能上机操作。

2017-10-30 14:35:46
来自军舰war**的评论:

网店美工·网店视觉设计实操指南 这本书写的非常好,对我做网店帮助非常大,绝对是一本难得的好书。

2017-11-03 20:10:00
来自无昵称**的评论:

看完目录买了两本,替同事买了一本,同事说和他的课程安排比较相似,可以当参考书。这本书感觉非常不错,排版非常清晰。点赞

2017-10-28 17:25:58
来自无昵称**的评论:

太赞了,按着书上的步骤对店铺装修后销量蹭蹭的涨,威武

2017-10-30 15:26:15

免责声明

更多出版社