★做电商都离不开美工。不管是上直通车、钻展，还是做各种促销活动，小到产品的各种效果图，大到活动海报、产品详情页等，都是抓住客户眼球提高购买转化率的重要节点。这本书就是按照淘宝美工的实际工作内容展开的，把淘宝美工该学的知识、技巧都讲了，非常适合初学者学习。

   黄刚 智乐堡玩具专营精品店总裁

 

     ★相比较而言，我们的学习，难点不在于掌握各种软件的功能，而在于能灵活运用这些软件，使它们成为我们实现创作的有力工具。该书涉及的软件比较多，在学习时，不要抱着把软件功能学全的心态，而是边学边用，注重提高自己的实战能力。

   李辉 淘宝大学金牌讲师

 

     ★做好网页美工就能做好淘宝美工吗？答案是：不一定。为什么？看完这本书就知道了。这里再给打算或是已经从事这个职业的人一个建议：除了练好技术活儿，还要多关注运营，多研究产品的电商数据，因为美工所设计的图片，不仅仅是视觉传达，更是广告表达。

   赵春利 北京财贸职业学院信息物流系电子商务教研室主任

  

 

     ★我一直想做淘宝美工，可我不是科班出身，如果不报辅导班而想系统学习的话很困难。试读这本书后，觉得内容很全面，从素材准备开始，到网店装修常用的PS图像处理方法，再到淘宝店铺装修的流程和具体操作——包括店招、海报、详情页等，应有尽有。让我高兴的是，这本书的光盘非常实用，教学视频简直就是真实再现工作场景，还有好多模板，连模板的使用技巧都录制成视频了，太给力了，我必须得学会！

  王立 淘宝美工新手

 

 

    ★从菜鸟到视觉总监，我在淘宝美工这条漫漫长路上摸爬滚打多年，也有过困惑、走过弯路，整体的感觉就是：技术的学习固然重要，设计思路，尤其是准确表达出产品的运营思路更重要。这本书中关于技术知识点的讲解是全面而细致的，难得的是还有很多宝贵的前辈设计师的实战技巧和经验，仔细揣摩，我居然也能从中获益，在此表示感谢！

   阳三元 彩八汽车用品旗舰店首席设计师

第1章 认识网店装修和网店美工

1．1　店铺为什么要装修
1．2　网店美工必备基本技能
1．3　定位网店的装修风格
1．3．1　网店风格设计　4
1．3．2　网店色彩设计与搭配　9
1．4　店铺装修需要注意的问题
1．5　秘技一点通
技巧1 参考优秀的店铺设计　14
技巧2 3步定位自己的店铺风格　15
技巧3 为不同的文本类型选择合适的字体　15

第2章 图片素材的规划与收集
2．1　规划淘宝商品图片
2．1．1　商品主图的布局　17
2．1．2　商品细节特写图片的规划　17
2．1．3　商品描述页图片的设计与拍摄　18
2．2　收集店铺装修素材
2．2．1　店铺图片素材的获取方法　24
2．2．2　通过百度收集图片素材　24
2．2．3　收集及安装字体素材　27
2．3　了解图片格式
2．4　秘技一点通
技巧1 多颜色商品的拍摄策划　29
技巧2 商品对比图的制作技巧　30
技巧3 找到适合自己装修风格的素材图片　30
技巧4 购买素材图库省心省力　30

第3章 配色基础与网店色调
3．1　了解店铺装修必备的色彩知识
3．1．1　无彩色系　32
3．1．2　有彩色系 32
3．1．3　构成色彩的三要素 32
3．2 店铺色彩搭配技巧
3．2．1　巧用单色调营造简洁感　34
3．2．2　巧用冷、暖色色彩提升品质感　34
3．2．3　巧用邻近色营造统一感　35
3．2．4　巧用互补色突出主次感　35
3．3　挑选适合店铺的色系
3．3．1　红色系—庆典宣传活动的首选　36
3．3．2　橙色系—食品、家居用品和儿童用品的主打色系　37
3．3．3　黄色—家用电器、儿童玩具的主打色系　38
3．3．4　紫色—首饰、化妆品和成人用品的主打色系　39
3．3．5　绿色—保健品、土特产的主打色系　40
3．3．6　蓝色—清洁用品、海产品的主打色系　41
3．3．7　无色彩系—服装、奢侈品的主打色系　42
3．4　秘技一点通
技巧1 万能的调和色　44
技巧2 妙用摄影作品的色彩　45
技巧3 配色的黄金比例　45

第4章 使用Photoshop软件美化图片
4．1　熟悉Photoshop图像处理软件
4．1．1　认识Photoshop的界面　47
4．1．2?Photoshop常用工具　48
4．1．3　Photoshop图层的基本操作　51
4．1．4　设置图层样式　53
4．2　淘宝图片处理的基本操作
4．2．1　裁剪出淘宝图片中指定的部分　53
4．2．2　固定尺寸裁剪淘宝图片　54
4．2．3　调整图片的大小　55
4．2．4　调整淘宝图片角度　55
4．3　调整淘宝图片的亮度与色彩
4．3．1　调整图片亮度—“色阶”命令　56
4．3．2　调整图片亮度—“曲线”命令　57
4．3．3　调整图片的对比度—“亮度/对比度”命令　58
4．3．4　调整偏色的图片—“色彩平衡”命令　58
4．3．5　调整图片的明暗信息—“阴影/高光”命令　59
4．3．6　让图片更出色—“色相与饱和度”命令　60
4．3．7　让图片更加清晰—“锐化”命令　61
4．4　淘宝图片的简单抠图处理
4．4．1　使用魔棒工具抠图　62
4．4．2　使用快速选择工具抠图　63
4．4．3　使用套索工具抠图　64
4．4．4　使用钢笔工具抠图　65
4．5　人像图片的美化处理
4．5．1　使用“仿制图章工具”去除斑点　67
4．5．2　使用修补工具修补肤色　68
4．5．3　巧用滤镜让皮肤变光滑　69
4．5．4　巧用蒙版调整皮肤状态　70
4．5．5　使用“曲线”命令让皮肤变白　71
4．5．6　巧用滤镜对人物瘦身　72
4．6　秘技一点通
技巧1 使用“图层”锁定功能编辑图层内容　73
技巧2 巧用魔棒的容差值控制颜色范围　73
技巧3 巧用盖印图层省去存储图片效果的麻烦　74
技巧4 巧用“液化”技巧“变丰满”　74
技巧5 巧用“光影摩术手”快速处理图片　74

第5章 商品图片后期处理
5．1　调整和存储图片
5．1．1　调整变形的图片　77
5．1．2　将图片存储为Web所用格式　79
5．2　快速还原图片实际效果
5．2．1　调整曝光不足的照片　81
5．2．2　调整曝光过度的照片　81
5．2．3　调整有色差的图片　82
5．2．4　调整模糊的照片让细节更明显　82
5．2．5　使用仿制图章工具修补图片瑕疵　84
5．3　制作动态GIF图片
5．3．1　隐藏用作跳动切换的图层　85
5．3．2　使用动画面板调整动作步骤　86
5．3．3　将图片存储为GIF格式　87
5．4　添加水印防止盗图
5．4．1　制作水印　88
5．4．2　给图片添加水印　90
5．5　合成处理商品图片
5．5．1　选择合适的工具抠图　90
5．5．2　合成抠图商品　91
5．5．3　制作倒影让合成更真实　92
5．6　快速批量处理图片
5．6．1　了解动作面板的作用　93
5．6．2　创建新动作　94
5．6．3　使用动作批量处理图片　96
5．7　图片的特殊效果处理
5．7．1　使用图层蒙版处理图片颜色　97
5．7．2　制作商品手稿效果　98
5．7．3　制作照片冲洗效果　99
5．8　秘技一点通
技巧1 制作主图的3个注意事项　101
技巧2 用“锐化”指针商品主图品质　101
技巧3 正确选择适合制作GIF动画的图片　101
技巧4 自动选择图层　102
技巧5 快速调整透明度　102
技巧6 巧用“光影摩术手”给图片添加水印　102
技巧7 巧用“光影摩术手”给图片添加精美边框　104
技巧8 巧用“光影摩术手”批量处理图片　106

第6章 网店装修的流程
6．1　选择合适的旺铺版本
6．1．1　旺铺基础版和专业版装修功能对比　109
6．1．2　旺铺基础版和专业版功能模块对比　109
6．1．3　订购旺铺专业版本　111
6．2　上传图片到淘宝图片空间
6．2．1　添加图片分类　113
6．2．2　上传宝贝图片　113
6．2．3　复制图片链接地址　114
6．2．4　替换图片　116
6．2．5　重命名图片　116
6．2．6　移动图片　117
6．3　图片空间新增功能
6．3．1　查看图片引用关系　119
6．3．2　快速移动分类文件夹　119
6．3．3　批量编辑图片　120
6．3．4　还原回收站图片　122
6．4　设置店铺基础装修
6．4．1　管理店铺样式　123
6．4．2　管理店铺首页布局　125
6．4．3　为店铺首页添加模块　127
6．4．4　设置宝贝默认详情页　128
6．4．5　添加自定义页面　130
6．5　发布宝贝
6．5．1　发布一口价宝贝　133
6．5．2　使用淘宝助理发布宝贝　135
6．6　秘技一点通
技巧1 设置发布宝贝的最佳时间段　138
技巧2 快速上新巧用“复制宝贝”功能快速创建新宝贝　139

第7章 设计个性化店招和店标
7．1　给店铺取个好名字
7．2　设置默认店招和导航
7．2．1　设置默认店招　144
7．2．2　添加系统导航　145
7．3　制作自定义店招
7．3．1　汽车用品店招设计实例　147
7．3．3　给店招导航添加分类链接　151
7．3．4　发布店招　155
7．4　设置店标
7．4．1　设计店铺标志　159
7．4．2　发布店标　160
7．5　秘技一点通
技巧1 巧用店招背景铺放方式　161
技巧2 设计出色的店招　161
技巧3 免费在线制作动态店标　162

第8章 管理店铺左侧模块
8．1　设计店铺收藏
8．1．1　制作店铺收藏图片　166
8．1．2　获取收藏店铺超链接　168
8．1．3　添加自定义模块　169
8．1．4　编辑和发布店铺收藏模块　170
8．2　设计宝贝分类
8．2．1　添加宝贝分类模块　172
8．2．2　编辑和发布宝贝分类　173
8．2．3　添加商品到宝贝分类　176
8．3　设置旺旺客服中心
8．3．1　添加旺旺子账号　177
8．3．2　添加客服中心模块　180
8．3．3　设置和发布“客服中心”模板　180
8．4　添加图片轮播广告
8．4．1　添加图片轮播广告　184
8．4．2　设置和发布“图片轮播”模块　185
8．5　添加宝贝排行榜
8．5．1　添加宝贝排行榜模块　187
8．5．2　设置宝贝排行榜　187
8．6　添加推荐宝贝
8．6．1　添加“宝贝推荐”模块　189
8．6．2　设置推荐宝贝　190
8．7　添加店铺友情链接
8．7．1　添加友情链接模块　192
8．7．2　设置友情链接地址　193
8．8　设置模块顺序
8．9　秘技一点通
技巧1 寻找条件对等的店铺做友情链接　195
技巧2 优化轮播图片　196

第9章 设计宝贝详情页面
9．1　制作宝贝促销区
9．1．1　制作宝贝促销区的注意事项　198
9．1．2　设计宝贝促销区　198
9．2　给宝贝促销图添加商品链接
9．3　发布宝贝促销图到宝贝描述模板
9．4　制作宝贝详情页面
9．4．1　宝贝展示顺序和特点　205
9．4．2　设计宝贝详情　206
9．5　使用Photoshop和Dreamweaver软件优化宝贝详情
9．5．1　使用Photoshop 软件的“切片”工具切分图片　210
9．5．2　使用存储命令生成HTML　211
9．5．3　使用Dreamweaver软件生成网页代码　212
9．6　发布宝贝详情描述
9．7　秘技一点通
技巧1 输入特殊符号　214
技巧2 轻松去除复制文字的格式　215
技巧3 商品尺寸对比小窍门　215

第10章 设计店铺活动海报
10．1　店铺活动策划
10．1．1　根据店铺纪念日策划　217
10．1．2　根据节假日策划　217
10．1．3　根据平台活动策划　217
10．2　设计前准备工作
10．2．1　明确活动中心主题　218
10．2．2　收集适合主题的素材　218
10．3　设计活动海报
10．3．1　合成海报背景　219
10．3．2　制作活动主题文字　223
10．3．3　添加气氛元素　228
10．3．4　制作活动正文内容　232
10．4　发布活动海报
10．5　技能提升—设置及发布全屏海报
10．5．1　裁剪全屏海报图片　240
10．5．2　发布全屏海报　244
10．6　秘技一点通
技巧1 高效管理图层　248
技巧2 制作夸张的主题字体　249

第11章 网店的其他装修
11．1　添加“喜欢”组件效果
11．1．1　生成“喜欢”组件代码　251
11．1．2　为商品图片添加“喜欢”组件代码　252
11．1．3　发布“喜欢”组件代码　253
11．2　添加店铺背景音乐
11．2．1　寻找合适的背景音乐　255
11．2．2　订购店铺音乐服务　255
11．2．3　设置店铺背景音乐　256
11．3　设置千牛头像
11．4　设置店铺二维码
11．4．1　创建店铺二维码　260
11．4．2　设置和下载二维码图片　261
11．5　制作直通车广告图
11．5．1　如何设计更吸引人的直通车广告图　262
11．5．2　直通车广告图的制作要求　263
11．5．3　使用Photoshop软件制作直通车广告图　263
11．6　全球购店铺的装修特色
11．6．1　全球购店铺首页设计风格　267
11．6．2　全球购店铺详情页的设计特点　268
11．7　秘技一点通
技巧1 巧用图片空间为图片添加水印　268
技巧2 巧用模板备份和还原店铺装修　269

第12章 装修手机淘宝店铺
12．1　发布手机店铺宝贝
12．1．1　调整图片适配手机宝贝详情　272
12．1．2　发布手机宝贝详情　273
12．2　装修手机店铺首页
12．2．1　添加首页模块　275
12．2．2　编辑模块　276
12．2．3　设置模块顺序　276
12．2．4　删除模块　276
12．2．5　添加手机店铺店招　276
12．2．6　编辑排行榜模块和发布手机店铺首页　278
12．3　装修手机店铺活动页
12．3．1　创建店铺活动　278
12．3．2　创建互动玩法　280
12．4　装修手机店铺宝贝分类
12．4．1　添加宝贝分类封面图片　283
12．4．2　修改宝贝分类封面图片　285
12．4．3　删除宝贝分类封面图片　287
12．4．4　调整宝贝分类顺序　288
12．5　设置手机店铺搜索词
12．5．1　添加搜索关键词　289
12．5．2　编辑搜索关键词　290
12．5．3　删除搜索关键词　291
12．6　秘技一点通
技巧1 如何购买手机店铺模块　292
技巧2 为手机端海报巧选模特图　293
技巧3 手机端首页排版的特点　293
技巧4 制作手机端宝贝图片的最佳尺寸　294

第13章 使用Dreamweaver软件简化代码让装修变得更简单
13．1　Dreamweaver简介
13．2　关于HTML语言
13．3　创建表格
13．3．1　插入表格　297
13．3．2　设置表格属性　298
13．4　插入和编辑图像
13．4．1　插入图像　299
13．4．2　设置图像属性　300
13．5　输入和编辑文本
13．5．1　输入文本　301
13．5．2　设置文本属性　301
13．5．3　输入特殊字符　302
13．6　商品图片的高级设置
13．6．1　使用网络图片替换本地图片　303
13．6．2　给图片添加热区　304
13．6．3　给图片添加超链接　305
13．7　拓展实例—制作宝贝描述信息表格
13．7．1　制作基本框架　306
13．7．2　设置颜色　306
13．7．3　输入及设置文字　307
13．7．4　插入和调整图像　308
13．7．5　保存和预览HTML　309
13．7．6　复制代码和发布　310
13．8　应用CSS代码高级装修
13．8．1　制作全屏海报的代码　310
13．8．2　发布全屏海报代码　311
13．8．3　制作和发布固定背景代码　313
13．9　秘技一点通
技巧1 如何使用其他存储空间的图片　315
技巧2 适合制作热区的图片　316
技巧3 正确添加商品链接　316