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

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