网店美工（微课版）

目　录

上篇　基础篇 1

项目1　走进视觉营销与美工设计 2

　项目导图 2

　引例 2

　任务1　视觉色彩心理 2

　　1.1.1　色彩分类与属性 3

　　1.1.2　色彩搭配与网店 6

　任务2　视觉营销 9

　　1.2.1　视觉营销的目的与原则 9

　　1.2.2　视觉营销的流程整合 11

　任务3　网店美工认知 12

　　1.3.1　网店美工简介 12

　　1.3.2　网店美工运营之手 13

　　1.3.3　网店美工的成长 15

　同步阅读 18

　项目小结 19

　同步测试 20

项目2　精通美工常用Photoshop技能 22

　项目导图 22

　引例 22

　任务1　Photoshop基础与文字特效 23

　　2.1.1　Photoshop CS6基础知识 23

　　2.1.2　Photoshop基本操作 26

　　2.1.3　Photoshop文字特效 26

　任务2色Photoshop修图、美图与调色 29

　　2.2.1　修图 29

　　2.2.2　美图 32

　　2.2.3　调色 35

　任务3　Photoshop抠图 36

　　2.3.1　抠图工具 36

　　2.3.2　简单图像抠图 36

　　2.3.3　复杂图像抠图 42

　任务4　Photoshop蒙版与滤镜 45

　　2.4.1　蒙版 45

　　2.4.2　滤镜 48

　同步阅读 50

　同步实训 51

　　实训1　制作七夕首页宽屏海报 51

　　实训2　美图之磨皮 54

　　实训3　导航栏制作 54

　项目小结 55

　同步测试 56

项目3　巧用光影魔术手与图片空间 58

　项目导图 58

　引例 58

　任务1　基本操作与美图 58

　　3.1.1　光影界面及其基本操作 58

　　3.1.2　自动美化与手动美化 61

　任务2　文字特效、水印与边框 61

　　3.2.1　文字特效 61

　　3.2.2　水印 62

　　3.2.3　边框 64

　任务3　抠图与批处理 66

　　3.3.1　抠图 66

　　3.3.2　批处理 67

　任务4　图片空间的使用 69

　　3.4.1　图片空间的基本功能 69

　　3.4.2　图片空间设置水印功能 74

　同步阅读 75

　同步实训 75

　　实训　光影魔术手图片处理 75

　项目小结 83

　同步测试 83

下篇　实务篇 85

项目4　网店常用图片设计制作 86

　项目导图 86

　引例 86

　任务1　店招图设计 87

　　4.1.1　店招图设计的目的 87

　　4.1.2　店招图设计的类型 87

　　4.1.3　店招图设计的结构 88

　任务2　店内海报图设计 89

　　4.2.1　店内海报图的分类和作用 89

　　4.2.2　丝巾海报图设计案例 90

　任务3　直通车图设计 94

　　4.3.1　直通车的特点 94

　　4.3.2　直通车图在搜索页的位置 94

　　4.3.3　直通车图设计要点 94

　　4.3.4　直通车图案例分析 94

　　4.3.5　老年服装直通车图设计案例 98

　任务4　钻展图设计 100

　　4.4.1　钻展图的特点 100

　　4.4.2　钻展图设计技巧 101

　　4.4.3　审核流程 101

　　4.4.4　钻展推广图的位置 101

　　4.4.5　头戴式耳机钻展图设计案

　　　　　例 101

　任务5　活动图设计 105

　　4.5.1　活动图设计规范 105

　　4.5.2　活动图示例说明 106

　　4.5.3　吸尘器聚划算活动图设计案例 108

　同步阅读 110

　同步实训 111

　　实训1　店招图设计——以汽车类

　　　　　　目为例 111

　　实训2　海报图设计——以女鞋类

　　　　　　目为例 112

　　实训3　直通车图设计——以蜂蜜

　　　　　　为例 113

　项目小结 114

　同步测试 114

项目5　主图与主图视频设计制作 116

　项目导图 116

　引例 116

　任务1　主图设计与制作 117

　　5.1.1　主图类别及功能 117

　　5.1.2　策划常见式主图 120

　　5.1.3　设计制作常见式主图 123

　任务2　辅图设计与制作 126

　　5.2.1　辅图的作用 126

　　5.2.2　策划辅图布局 127

　　5.2.3　设计制作辅图 128

　任务3　主图视频制作 129

　　5.3.1　主图视频的优点 129

　　5.3.2　主图视频的要求 129

　　5.3.3　巧用会声会影制作主图视频 130

　同步阅读 133

　同步实训 134

　　实训1　品牌式主图设计与制作 134

　　实训2　主图视频的设计与制作 137

　项目小结 141

　同步测试 141

项目6　PC端与移动端详情页设计制作 143

　项目导图 143

　引例 143

　任务1　产品调研分析与文案策划 144

　　6.1.1　产品调研分析 144

　　6.1.2　文案策划 145

　　6.1.3　解析详情页设计思路 150

　任务2　PC端详情页设计 150

　　6.2.1　页面内容布局 150

　　6.2.2　PC端详情页设计 150

　任务3　移动端详情页设计 160

　　6.3.1　页面内容布局 160

　　6.3.2　移动端详情页切片制作 161

　　6.3.3　神笔高效率制作无线端详情页 165

　同步阅读 168

　同步实训 169

　　实训1　详情页GIF动态图片制作 169

　　实训2　手机端优惠券与关联营销设置 172

　　实训3　发布手机宝贝详情 176

　项目小结 178

　同步测试 178

项目7　无线端店铺页面装修 180

　项目导图 180

　引例 180

　任务1　认识无线端店铺页面 180

　　7.1.1　装修无线端店铺页面的原因 181

　　7.1.2　无线端店铺页面流量解析 181

　　7.1.3　无线端店铺页面特性分析 183

　任务2　规划高转化率无线端店铺页面布局 184

　　7.2.1　无线端店铺页面的布局 184

　　7.2.2　无线端店铺页面的风格定位 186

　任务3　滚动广告与分类模块 188

　　7.3.1　无线端店铺页面装修模块 188

　　7.3.2　无线端店铺店招 189

　　7.3.3　滚动广告模块 191

　　7.3.4　分类模块 193

　任务4　活动模块与自定义模块 195

　　7.4.1　活动模块 195

　　7.4.2　自定义模块 197

　任务5　无线端店铺活动页(展示页) 200

　　7.5.1　无线端店铺活动页的主要功能 200

　　7.5.2　无线端店铺活动页的主要类型 200

　　7.5.3　无线端店铺活动页的设计流程 201

　　7.5.4　无线端店铺活动页入口及操作 202

　同步阅读 205

　同步实训 208

　　实训1　免费源代码模板装修法 208

　　实训2　布局并设计一个高转化的无线店铺首页 208

　　实训3　设计一个店铺聚划算的活动页面 208

　项目小结 208

　同步测试 209