第 1篇 网店美工基础
第 1章 初识网店美工
■ 1．1∣熟悉淘宝、天猫网店美工岗位 002
1．1．1 淘宝、天猫网店美工的工作范畴与设计要求 002
1．1．2 网店美工的技能要求 002
1．1．3 搜索并熟悉网店美工知识 002
■ 1．2∣熟悉Photoshop图像处理软件 004
1．2．1 认识Photoshop CS6的工作界面 004
1．2．2 认识Photoshop CS6的常用工具 005
1．2．3 认识Photoshop CS6的“图层”面板 006
1．2．4 图层常用的操作 007
1．2．5 认识与应用图层样式 008
1．2．6 Photoshop中的常用快捷组合键 009
1．2．7 促销标签制作实战 010
■ 1．3∣熟悉其他常用的图像制作与处理软件 013
1．3．1 认识Adobe Illustrator CS6 013
1．3．2 认识美图秀秀 014
1．3．3 Illustrator制作吊牌实战 014
1．3．4 美图秀秀制作海报拼图实战 017
■ 1．4∣扩展阅读——淘宝、天猫网店美工的成长路径 020
■ 1．5∣高手进阶 021
第 2章 网店美工设计的基本理念
■ 2．1∣了解设计元素 023
2．1．1 点 023
2．1．2 线 023
2．1．3 面 024
2．1．4 全屏海报设计元素赏析 025
■ 2．2∣色彩的搭配 026
2．2．1 色彩的属性与对比 026
2．2．2 主色、辅助色与点缀色 027
2．2．3 店铺首页颜色赏析 028
■ 2．3∣文案排版设计 029
2．3．1 字体的性格特征 030
2．3．2 字体风格的搭配 031
2．3．3 字体的布局技巧 032
2．3．4 海报字体搭配赏析 033
■ 2．4∣视觉构图与页面的布局 034
2．4．1 视觉构图 034
2．4．2 店铺页面布局的基本元素 036
2．4．3 店铺页面布局的原则 037
2．4．4 淘宝首页视觉赏析 038
■ 2．5∣扩展阅读——淘宝、天猫文本装饰技巧 039
■ 2．6∣高手进阶 041
第 2篇 店铺图片的处理与管理
第3章 商品图片的处理
■ 3．1∣调整商品图片的尺寸 044
3．1．1 淘宝、天猫中图片文件的格式 044
3．1．2 调整商品图片大小与角度的技巧 044
3．1．3 商品图片的要求 045
3．1．4 矫正、裁剪并设置商品主图的尺寸实战 046
3．1．5 裁剪商品细节图实战 047
■ 3．2∣修饰商品图片 049
3．2．1 图片修饰的必要性 050
3．2．2 修图的常用方法 050
3．2．3 淘宝、天猫模特美化实战 051
3．2．4 金属质感首饰处理实战 053
3．2．5 商品描述图制作实战 056
■ 3．3∣调整商品图片的色彩与质感 058
3．3．1 调色的必要性 058
3．3．2 商品调色的原则 058
3．3．3 图片色彩校正的方法 059
3．3．4 调色的常用命令 059
3．3．5 图片亮度与鲜艳度调整实战 060
3．3．6 图片偏色调整实战 062
3．3．7 图片质感调整实战 063
■ 3．4∣扩展阅读——修图内容分析 065
■ 3．5∣高手进阶 066
第4章 商品图片的特殊处理
■ 4．1∣处理商品图片的背景 068
4．1．1 从背景中抠取商品的技巧 068
4．1．2 钢笔工具的使用 070
4．1．3 虚化效果的设置 070
4．1．4 使用蒙版控制图像的显示 071
4．1．5 虚化商品背景实战 071
4．1．6 白底商品背景处理实战 072
4．1．7 替换玻璃杯背景实战 074
■ 4．2∣商品图片的组合 077
4．2．1 图片组合的类型 077
4．2．2 图文搭配技巧 077
4．2．3 商品的陈列方式 078
4．2．4 商品的陈列原则 079
4．2．5 商品图片的排列、分布与对齐 080
4．2．6 图文组合实战 081
■ 4．3∣扩展阅读 ——淘宝开店的图片处理技巧 084
■ 4．4∣高手进阶 084
第5章 商品图片的切片与管理
■ 5．1∣商品图片的切片 087
5．1．1 切片的作用 087
5．1．2 切片技巧 087
5．1．3 认识标尺、辅助线 087
5．1．4 新品上市促销模块切片实战 088
■ 5．2∣商品图片的管理 091
5．2．1 图片空间的优势 092
5．2．2 管理空间图片 092
5．2．3 查看图片引用与排列方式 093
5．2．4 上传优化后的商品图片到图片空间实战 094
5．2．5 删除与还原空间图片实战 095
5．2．6 替换空间图片实战 096
■ 5．3∣扩展阅读——将切片后的图片应用到店铺中 097
■ 5．4∣高手进阶 098
第3篇 常规店铺装修设计
第6章 店铺装修元素设计
■ 6．1∣店铺Logo设计 101
6．1．1 Logo的类型 101
6．1．2 店铺Logo设计要领 102
6．1．3 女鞋Logo制作实战 102
■ 6．2∣店标设计 104
6．2．1 店标制作方法 105
6．2．2 店标的设计要点 105
6．2．3 静态店标制作实战 106
6．2．4 动态店标制作实战 108
6．2．5 上传店标到店铺实战 110
■ 6．3∣店招设计 111
6．3．1 店招的设计原则 111
6．3．2 店招风格分析 111
6．3．3 店招的设计要求 112
6．3．4 常规店招制作实战 112
6．3．5 通栏店招制作实战 115
■ 6．4∣快速导航条设计 116
6．4．1 快速导航条的作用 117
6．4．2 快速导航条制作实战 117
■ 6．5∣扩展阅读——店招的类型 120
■ 6．6∣高手进阶 121
第7章 淘宝、天猫推广图设计
■ 7．1∣制作高点击率的主图 123
7．1．1 商品图片的规范 123
7．1．2 商品图片的背景搭配 124
7．1．3 制作优质商品主图的技巧 124
7．1．4 高清播放器主图制作实战 126
■ 7．2∣直通车推广图设计 130
7．2．1 认识直通车 130
7．2．2 不同时期直通车投放的策略 131
7．2．3 直通车的设计原则 131
7．2．4 直通车引流的关键 132
7．2．5 直通车图制作实战 134
■ 7．3∣智钻图设计 138
7．3．1 智钻位置 139
7．3．2 智钻图设计标准 141
7．3．3 智钻图的排版方式 141
7．3．4 新品男士牛仔裤首焦智钻图制作实战 143
■ 7．4∣扩展阅读——促销广告实施步骤 145
■ 7．5∣高手进阶 146
第8章 店铺首页视觉设计
■ 8．1∣了解店铺首页 148
8．1．1 了解店铺首页的基础模块 148
8．1．2 店铺首页模块布局的要点 149
8．1．3 系统模板应用实战 149
8．1．4 首页框架搭建实战 150
■ 8．2∣设计全屏轮播图 153
8．2．1 不同轮播图的尺寸要求 153
8．2．2 首页焦点图的设计要点 154
8．2．3 首张全屏海报图制作实战 154
8．2．4 第 二张全屏海报图制作实战 156
■ 8．3∣设计优惠券模块 160
8．3．1 优惠券设计要点 160
8．3．2 女包店铺优惠券制作实战 161
■ 8．4∣设计分类模块 162
8．4．1 分类模块设计要点 162
8．4．2 横向分类模块制作实战 163
8．4．3 纵向分类模块制作实战 165
■ 8．5∣设计商品促销模块 167
8．5．1 商品促销模块设计要点 167
8．5．2 商品上新预告模块制作实战 167
8．5．3 商品推荐模块制作实战 170
■ 8．6∣设计收藏区与客服模块 173
8．6．1 店铺收藏概述 173
8．6．2 店铺客服区的概述 173
8．6．3 收藏图片制作实战 173
8．6．4 客服区制作实战 174
■ 8．7∣ 设计页尾模块 176
8．7．1 页尾模块设计要点 176
8．7．2 页面模块制作实战 176
■ 8．8∣扩展阅读——首页背景的应用 178
■ 8．9∣高手进阶 178
第4篇 无线店铺装修设计
第 9章 无线店铺装修设计
■ 9．1∣了解无线店铺装修要点 206
9．1．1 无线店铺装修的潮流趋势 206
9．1．2 无线店铺的装修要点 206
9．1．3 无线店铺与电脑端店铺对比分析 206
■ 9．2∣无线店铺首页装修 208
9．2．1 无线店铺装修入口及后台操作 208
9．2．2 认识手机端首页的模块组成 209
9．2．3 认识手机端首页模块的特点与装修要点 209
9．2．4 无线店铺首页的装修注意事项 210
9．2．5 手机端店招制作实战 210
9．2．6 手机端焦点图制作实战 212
9．2．7 优惠券制作实战 213
9．2．8 分类导航的设计与装修实战 215
9．2．9 商品列表图制作实战 216
■ 9．3∣使用“淘宝神笔”模板制作详情页 218
9．3．1 无线店铺详情页的特征 219
9．3．2 无线店铺详情页设计的要点 219
9．3．3 “淘宝神笔”模板制作实战 219
■ 9．4∣自定义页面装修 222
9．4．1 自定义页面装修要点 222
9．4．2 自定义菜单制作实战 222
9．4．3 自定义页面制作实战 224
■ 9．5∣扩展阅读——无线店铺活动页的主要类型 225
■ 9．6∣高手进阶 226
鄂公网安备 42010302001612号 