|
第 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
|