冯德华

中国石油大学（华东）机电工程学院机械设计与车辆工程系博士研究生。研究方向为形态与色彩研究、色彩设计、产品艺术设计、企业形象设计等。公开发表科研论文10余篇，参加及主持多项全国及山东省重点课题。

王毅

牡丹江市蚁聚集团董事长，黑龙江省政协委员，牡丹江市政协委员，牡丹江市工商联副主席，牡丹江青年商会会长。酷爱设计，在创办直播电商基地的同时，与同事共同出版了多本设计类图书。

曹培强

笔名曹天佑。Adobe资深平面设计师、网页设计师、平面设计资深讲师，之前就职于北京市商业学校信息媒体系，现就职于牡丹江技师学院电信工程系，从事平面设计及电商美工教学工作多年。主要作品：《Photoshop CS2平面设计实战从入门到精通》《Photoshop CS3 完全自学手册》《Photoshop CS6 标准培训教程》《Photoshop学习掌中宝教程》《淘宝网店美工DIY攻略》《淘宝宝贝抠图与店铺装修宝典》《淘宝网店Photoshop设计与装修专业教程》《淘宝天猫网店美工实战》等。

网店开启之后，能够增加网店商品销量的方式主要有运营和网店效果两种。通过视觉吸引买家注意是最经济实惠的方式，想要在此方面有所突破，美工的作用不容小觑。

本书以实例和设计理论相结合的方式，逐步体现美工在网店各个视觉模块的重要性。根据美工在装修网店时应了解的各个知识点，本书精心设计了 70 多个与网店美工相关的实例，其中包含网上开店前期企划、商品信息采集、美工在网店中的作用、在网店中定位配色与细节、能提升网店流量的图片的设计与制作、淘宝前台与后台的衔接，以及店铺可装修区域的应用等综合实例。本书由一线网店美工教师和网店店主编写，循序渐进地讲解了网店美工在装修时需要了解的知识点。

本书采用案例教程结合理论的编写形式，兼具技术手册和应用技巧参考手册的特点，实用且讲解清晰，不仅可以作为初次开店想自己装修网店的初级读者和中级读者的学习用书，还可以作为大中专院校相关专业及电子商务培训的教材。

第1章  网上开店前期企划 1
1．1　客户群定位 2
1．2　选择经营商品 3
1．3　网上浏览行业旺铺 5
1．4　批发城实地调研 5
1．5　组成网店的各个功能元素 6
1．5．1  店标 6
1．5．2  店招 7
1．5．3  促销广告 7
1．5．4  宝贝分类 9
1．5．5  联系方式 10
1．5．6  店铺收藏 11
1．5．7  店铺二维码 11
1．5．8  店铺公告 11
1．5．9  宝贝展示 12
1．5．10  宝贝排行 13
1．5．11  宝贝详情 13
1．6　网上店铺的制作流程 14
1．6．1  规划时期 15
1．6．2  制作时期 21
1．6．3  保存与发布时期 21
1．6．4  维护更新时期 22
1．7　网上开店 22
1．7．1  淘宝开设店铺的特点 22
1．7．2  淘宝开设店铺的基本流程 23
第2章  商品信息采集【扫码阅读】 31
第3章  美工在网店中的作用 32
3．1　宝贝图片处理 33
3．1．1  裁剪与倾斜校正 33
3．1．2  修饰宝贝图片 39
3．1．3  宝贝图片的调色处理 49
3．1．4  宝贝图片的瑕疵修复 55
3．2　网店图像多种抠图技巧 66
3．2．1  规则形状抠图 67
3．2．2  简单背景抠图 71
3．2．3  复杂图形抠图 74
3．2．4  毛发抠图 82
3．2．5  图层关系替换背景 85
3．2．6  透明宝贝的抠图方法 87
3．2．7  综合抠图方法 92
3．3　图像在网店设计中的作用 93
3．3．1  商品整体参与整体设计 93
3．3．2  商品切断式参与整体设计 94
3．3．3  不同视角参与整体设计 95
3．3．4  超出范围参与整体设计 96
3．4　文案在网店中的作用 96
3．4．1  为什么要做文案 97
3．4．2  文案怎样写 97
3．4．3  文案的布局 98
3．4．4  活动文案 103
第4章  在网店中定位配色与细节 105
4．1　网店中图片的配色 106
4．2　网店配色 109
4．2．1  自定义页面的主色与辅助色 109
4．2．2  网店色调与配色 111
4．2．3  色彩采集 127
4．2．4  色彩推移 128
4．3  网店页面色彩分类 129
4．3．1  静态色彩与动态色彩 129
4．3．2  强调色彩 130
4．4　统一间距与对齐 131
4．5　为网拍商品图片制作统一边框 132
4．5．1  按图片颜色为其添加边框 132
4．5．2  细致调整图片背景边缘 134
4．5．3  统一图片边框样式 135
4．5．4  商品图片边框的制作 136
4．6　增加图片的细节 138
4．6．1  为商品图片添加标签 138
4．6．2  放大商品的局部特征 139
4．6．3  调整细节增加商品视觉效果 139
第5章  对于提升网店流量视觉图的设计与制作 141
5．1　设计店标 143
5．1．1  店标设计的原则 143
5．1．2  店标的作用 144
5．1．3  店标的设计构思 144
5．1．4  店标的制作过程 145
5．1．5  发布店标 151
5．2　直通车图片设计 153
5．2．1  直通车图片的设计原则 153
5．2．2  直通车在淘宝中的位置 160
5．2．3  设计与制作直通车图片 161
5．3　钻展图片设计 164
5．3．1  钻展图片的设计原则 164
5．3．2  钻展图片主图设计与制作 165
5．3．3  钻展图片右侧小图设计与制作 168
5．4　店招设计 170
5．4．1  店招设计的原则 170
5．4．2  通栏带导航店招的设计与制作 171
5．4．3  带导航的标准店招制作 175
5．4．4  标准店招的制作 176
5．4．5  带导航的全屏店招背景制作 177
5．5　全屏通栏首屏广告制作 178
5．5．1  全屏广告图设计与制作 178
5．5．2  标准950广告图制作 184
5．6　其他区域广告制作 185
5．6．1  750广告图设计与制作 185
5．6．2  190广告图设计与制作 188
5．6．3  陈列区图像设计与制作 190
5．6．4  项目区图像设计与制作 193
5．7　宝贝分类设计 195
5．7．1  宝贝分类的设计原则 195
5．7．2  宝贝分类图片设计与制作 196
5．7．3  子宝贝分类设计与制作 200
5．7．4  悬浮导航设计与制作 202
5．8　店铺收藏与客服的制作 203
5．8．1  店铺收藏图片设计与制作 203
5．8．2  客服图片设计与制作 205
5．9　店铺公告模板设计与制作 206
5．10　详情页 210
5．10．1  详情页的设计思路和操作流程 210
5．10．2  详情页的格局构成 211
5．10．3  详情页的设计与制作 212
5．11　为图像创建切片后导出 222
第6章  淘宝前台与后台的衔接 226
6．1　进入图片空间的素材中心 227
6．2　编辑素材中心 229
6．2．1  新建文件夹管理图片 229
6．2．2  删除图片空间的文件夹 231
6．2．3  上传优化好的图片 233
6．2．4  图片搬家 235
6．2．5  恢复删除的图片 237
6．2．6  全选图片 238
6．2．7  替换 239
6．2．8  编辑 239
6．2．9  适配手机 240
6．2．10  为图片添加水印 241
6．3　拷贝图片空间中的图片链接 243
6．4　Dreamweaver工作界面 244
6．5　创建表格 246
6．6　编辑表格 248
6．6．1  单元格选取技巧 248
6．6．2  重设表格的行列数 248
6．6．3  调整表格宽度 249
6．6．4  调整边距/间距/边框 250
6．6．5  行列的插入/删除 250
6．6．6  调整行宽/行高 251
6．6．7  单元格的拆分/合并 251
6．6．8  嵌套表格 252
6．6．9  清除表格的宽度/高度 253
6．6．10  单元格的其他设置 253
6．7　插入图片 254
6．8　以背景方式插入图片 255
6．9　粘贴图片空间中的图片链接到Dreamweaver代码区 258
第7章  店铺可装修区域的应用【扫码阅读】 260