Photoshop CC 2017 淘宝美工设计实例教程

第1章 美工**的知识 9
1.1 软件基础 10
1.1.1 电脑配置的要求 10
1.1.2 Photoshop软件介绍 11
1.2 美工设计的基础知识 13
1.2.1 分辨率与像素 13
1.2.2 常用的图片类型 14
1.2.3 色彩的基础知识 16
1.3 常用图片的尺寸 18
1.4 美工设计的工作流程 20
1.4.1 素材搜集 20
1.4.2 图片设计 20
1.4.3 定稿与切图 20
1.4.4 将图片上传到图片空间 20
1.4.5 对图片进行预览 20
1.5 淘宝旺铺的版本选择 21
1.5.1 什么是淘宝旺铺 21
1.5.2 订购旺铺智能版 22
1.5.3 旺铺智能版的操作 23

第2章 店铺Logo的设计 25
2.1 Logo设计的重要性 26
2.2 Logo的分类 26
2.2.1 文字类Logo 26
2.2.2 图形类Logo 27
2.2.3 图像类Logo 28
2.2.4 组合类Logo 28
2.3 Logo设计的注意事项 28
2.3.1 Logo设计的5大原则 28
2.3.2 Logo设计的5大技巧 28
2.3.3 Logo设计的6大要素 29
2.3.4 Logo设计的7大流程 30
2.4 Logo设计实例 30
2.4.1 文字类Logo设计 30
2.4.2 图案类Logo设计 32
2.4.3 组合式Logo设计 34
2.5 课后作业 36

第3章 店铺招牌的设计与装修 37
3.1 店铺招牌的重要性 38
3.2 如何设计店铺招牌 38
3.3 店铺招牌设计实例 39
3.3.1 品牌宣传类店铺招牌的设计 39
3.3.2 产品推广类店铺招牌的设计 41
3.3.3 活动促销类店铺招牌的设计 43
3.3.4 含有导航类店铺招牌的设计 45
3.4 店铺招牌的上传与装修 47
3.5 课后作业 50

第4章 主图海报的设计与装修 51
4.1 主图海报的重要性 52
4.2 主图海报的设计规范 53
4.2.1 电脑端主图海报的设计规范 53
4.2.2 平铺白底主图海报的设计规范 53
4.2.3 宝贝长图海报设计的规范 54
4.2.4 主图视频的设置 56
4.3 主图海报的设计方法与技巧 57
4.3.1 主图海报的背景设计 57
4.3.2 主图海报的产品卖点 58
4.3.3 价格优惠信息 58
4.3.4 文案卖点信息 58
4.3.5 产品创意信息 58
4.4 主图海报设计实例 59
4.4.1 白底主图海报设计 59
4.4.2 产品展示类主图海报设计 61
4.4.3 活动促销类主图海报设计 65
4.5 主图海报的上传与装修 69
4.6 课后作业 70

第5章 全屏海报的设计与装修 71
5.1 全屏海报的重要性 72
5.2 全屏海报的制作要点 73
5.2.1 主题内容 73
5.2.2 风格样式 74
5.2.3 构图方法 74
5.2.4 配色技巧 75
5.2.5 背景内容 76
5.2.6 商品信息 76
5.2.7 文案内容 77
5.2.8 装饰点缀 78
5.3 全屏海报制作实例 78
5.3.1 女装海报设计 78
5.3.2 运动鞋海报设计 82
5.3.3 童装海报设计 88
5.3.4 中秋节海报设计 92
5.3.5 春季新品海报设计 96
5.3.6 冬装新品海报设计 99
5.4 全屏海报的上传与装修 102
5.5 课后作业 106

第6章 Banner海报设计与产品修图 107
6.1 Banner海报制作实例 108
6.1.1 双12手机促销海报设计 108
6.1.2 书包首屏海报设计 111
6.1.3 面膜海报设计 114
6.1.4 自行车海报设计 118
6.2 产品后期修图实例 124
6.2.1 袜子后期修图 124
6.2.2 大长腿后期修图 127
6.2.3 女裤后期修图 130
6.2.4 不锈钢热水壶后期修图 133
6.2.5 护肤品后期修图 136
6.3 课后作业 140

第7章 首页的设计与装修 141
7.1 首页的布局与规划 142
7.1.1 首页展示的信息 142
7.2.2 首页布局与规划的流程 143
7.2 女装店铺首页设计实例 146
7.2.1 店铺招牌设计 146
7.2.2 导航内容设计 148
7.2.3 悬浮导航设计 149
7.2.4 1920全屏海报设计 151
7.2.5 优惠券设计 153
7.2.6 声明公告内容设计 155
7.2.7 页中导航设计 155
7.7.8 热销推荐设计 157
7.2.9 陈列展示模块设计 158
7.2.10 店铺尾部信息设计 163
7.3 首页的切图处理与装修 164
7.3.1 首页的切图处理 164
7.3.2 首页的装修 165
7.4 课后作业 170

第8章 详情页的设计 171
8.1 详情页的重要性 172
8.2 PC端详情页与无线端详情页 173
8.3 详情页的布局与规划 175
8.3.1 市场调研 175
8.3.2 宝贝定位 176
8.3.3 挖掘宝贝卖点 176
8.3.4 准备设计元素 176
8.3.5 常见宝贝详情页的构成框架 177
8.3.6 详情页描述基本遵循的原则 177
8.3.7 详情页制作的模块 178
8.3.8 详情页制作的两个基本点和六大原则 178
8.3.9 详情页设计排版的结构 179
8.3.10 如何评定详情是否合格 179
8.4 详情页的尺寸设置 180
8.5 牛仔裤详情页设计实例 180
8.5.1 首焦海报图设计 181
8.5.2 特色展示模块设计 182
8.5.3 面料和产品属性展示模块设计 184
8.5.4 模特展示模块设计 186
8.5.5 细节展示模块设计 187
8.5.6 吊牌展示模块设计 187
8.5.7 实体店铺展示模块设计 187
8.5.8 底部信息展示模块设计 188
8.6 课后作业 188

第9章 专题页的设计 189
9.1 专题页制作的重要性 190
9.2 小家电活动专题页设计实例 191
9.2.1 店铺招牌的设计 191
9.2.2 轮播海报的设计 195
9.2.3 商品陈列区的设计 198
9.2.4 底部导航的设计 202
9.2.5 其他信息的设计 203
9.3 课后作业 204

第10章 手机端店铺设计与装修 205
10.1 手机端店铺装修的重要性 206
10.2 手机端旺铺的基础操作 207
10.3 手机端首页的装修 211
10.3.1 店铺招牌的装修 211
10.3.2 首页模块的设置 214
10.3.3 宝贝类模块的设置 215
10.3.4 图文类模块的设置 217
10.3.5 营销互动类模块的设置 224
10.3.6 其他类模块的设置 227
10.4 自定义页面装修 228
10.5 手机端详情页的装修 230
10.5.1 详情页装修的基础设置 230
10.5.2 基础模块的设置 232
10.5.3 营销模块的设置 235
10.5.4 行业模块的设置 239
10.6 课后作业 240