做一个有商业思维的电商设计师 从小白到高手

**部分 电商设计基础
第1章 新时代的电商设计
1.1 什么是电商设计 002
1.2 常见电商设计图 004
1.2.1 主图 004
1.2.2 详情页 004
1.2.3 Banner 005
1.2.4 直通车图 006
1.2.5 首页 006
1.2.6 活动页/专题页 007
1.3 新零售对电商设计的改变 008
1.4 电商设计师的前景 008
1.4.1 做好电商设计需要看懂的几个数据 009
1.4.2 直播带货对电商设计的影响 010

第2章 电商设计师必会的设计软件
2.1 PS软件在电商设计中的应用 011
2.2 Cinema 4D软件在电商设计中的应用 012
2.3 AI软件在电商设计中的应用 013
2.4 选取设计软件时要考虑的因素 014
2.4.1 位图和矢量图 014
2.4.2 分辨率 014
2.4.3 RGB与CMYK 015
实例 用C4D和AI制作3D字体 015

第3章 电商的平面设计基础
3.1 版式设计基础 020
3.1.1 排版的意义 021
3.1.2 版式设计中的三大基本元素 023
3.1.3 点线面的运用 025
3.1.4 标题文字排版 025
3.1.5 字体设计及搭配运用 026
3.1.6 字体的类型 028
3.1.7 不同字体的性格和搭配 029
3.1.8 版式设计中的层次 031
技巧1 字体的下载与安装方法 032
技巧2 如何高效查找字体 032
3.2 色彩的基础知识 033
3.2.1 色彩的基本属性 033
3.2.2 色彩心理学 035
3.2.3 色彩和光源的关系 038
3.2.4 经典配色 038
技巧3 如何根据产品搭配颜色 040
实例 制作一个简约的版式 041


第二部分 电商设计的整体思维
第4章 电商设计的品牌意识
4.1 建立品牌意识 045
4.1.1 为什么要做品牌 045
4.1.2 品牌需求的设计类型 045
4.1.3 品牌设计的底层逻辑 046
4.1.4 好的品牌设计是什么样的？ 047
4.2 品牌logo设计 047
4.2.1 品牌与logo的关系 047
4.2.2 logo常见类型及趋势 048
4.2.3 logo设计原则 048
4.2.4 logo设计常用方法 048
4.2.5 logo配色技巧 050
4.3 设计要从品牌出发 051
技巧 logo配色技巧 052

第5章 电商设计的卖点可视化
5.1 什么是卖点可视化 053
5.2 如何形成卖点表达的思维 055
实例1 空气净化器产品图设计中的卖点思维 056
实例2 婴儿车产品图设计中的卖点思维 057
实例3 砧板产品图设计中的卖点思维 058
5.3 “风”的卖点表达 058
实例4 用PS制作“风”卖点可视化 059
5.4 “热”的卖点表达 062
实例5 用PS制作“冷”“热”卖点可视化 066
5.5 “安静”的卖点表达 069
5.6 “轻”的卖点表达 070
实例6 用PS制作“轻”卖点可视化 071
技巧 眼镜如何修图 074
5.7 其他卖点的表达 076
实例7 用PS制作眼镜卖点可视化——眼镜防蓝光卖点表现 078
实例8 用C4D制作家居卖点可视化——牙刷防水卖点表现 080

第6章 利用文案为设计加分
6.1 用用户思维写文案 084
6.1.1 电商文案的类型 085
6.1.2 如何写更合适的电商文案 086
6.2 文案的创作方式 088
6.3 文案如何优化 088
6.3.1 精准地说获得的感受 088
6.3.2 精准地说特点 089
6.4 电商设计作品的文案编排 090
实例 制作一个带文案的电商视觉设计作品 090


第三部分 具体实施
第7章 电商产品图的拍摄与美化
7.1 产品图片拍摄 093
7.1.1 如何搭建拍摄台面 093
7.1.2 如何用手机拍摄产品图片 094
7.1.3 如何拍摄出符合产品属性的广告图 096
实例1 用手机拍摄帽子产品图 096
7.2 产品图片修图 098
实例2 用钢笔工具抠图 099
实例3 整体调色 099
技巧1 杂乱背景如何修图 101
技巧2 如何修图使产品更具质感 102
实例4 饰品精修案例详解 103
7.3 图片创意合成 106
7.3.1 什么是透视 106
7.3.2 怎样运用光影关系 107
实例5 奶粉创意海报合成 109

第8章 电商产品主图和直通车图设计
8.1 设计师的运营思维：主图/直通车图 114
8.1.1 主图 115
实例1 腰带图 116
8.1.2 直通车图 116
8.1.3 主图与直通车图的区别 117
8.2 主图/直通车图常见设计技巧 117
8.2.1 主图常用的设计版式 118
8.2.2 如何制造差异化 118
8.3 主图/直通车图常用的表现形式 121
8.4 主图/直通车图的制作思路 122
8.5 常用的高点击率的主图设计思路 123
实例2 用PS制作日用品主图 125
实例3 用PS制作美妆类主图 131
实例4 用C4D制作数码3C主图 134
技巧 毛发的制作 138

第9章 平面海报设计和Banner设计
9.1 平面海报设计与Banner设计的区别 140
9.2 平面海报设计 141
9.2.1 平面海报设计的原则 141
9.2.2 常规的平面海报布局方式 142
9.2.3 非常规的平面海报布局方式 143
9.2.4 不同风格类型平面海报表现方式 144
9.2.5 平面海报设计思维训练 149
9.2.6 平面海报设计的印刷规范 150
技巧1 如何不抠图制作设计感海报 151
技巧2 活用混合模式的技巧 154
9.3 Banner设计 156
9.3.1 Banner的组成要素 156
9.3.2 Banner设计前的准备工作 156
9.3.3 Banner版式部分的设计技巧 157
9.3.4 Banner色彩部分的设计技巧 158
9.3.5 Banner常见的视觉风格 160
实例 用PS制作大促活动Banner 161

第10章 电商详情页设计
10.1 设计详情页前的准备 166
10.1.1 找到产品的目标人群 168
10.1.2 风格策划 170
10.1.3 怎样提高转化率 171
10.2 详情页的结构规范 172
10.3 优化详情页视觉体验 175
10.4 详情页的制作流程分析 178
技巧 如何打造爆款详情页 178
实例 用PS制作沙发套详情页 180

第11章 电商GIF动图制作 183
11.1 电商动图的使用类型 183
11.2 动态详情页设计与制作 184
实例 用PS制作蝴蝶飞舞动态图 189

第12章 电商短视频拍摄与制作 191
12.1 短视频的拍摄 191
12.1.1 产品拍摄流程 192
12.1.2 视频构图的基本原则 193
12.1.3 景别 195
12.1.4 角度 195
12.2 短视频的剪辑 195
12.2.1 常用剪辑软件 195
12.2.2 视频剪辑流程 196
12.2.3 视频剪辑技巧 197
12.2.4 视频制作技巧 197
12.3 短视频的输出与应用 199
12.3.1 常用的视频输出格式 200
12.3.2 视频的尺寸 200


第四部分 思考和提升
第13章 电商品牌全案设计流程
13.1 项目设计流程 202
13.2 如何更有效地沟通 203
13.3 养成优秀的复盘习惯 205
13.4 外包如何报价 206
实例 制订一个电商视觉设计方案 207

第14章 设计师的自我提升
14.1 给自己制订学习计划 213
14.2 在实践中不断提升 215


附录
一、人群的精准定位 216
二、常见的电商促销节日主题活动 218
三、设计工具推荐 219
四、优秀设计资源推荐 222
五、矢量插画 224
实例 用AI绘制矢量插画 225
六、常用的logo灵感网站 227
七、赠送案例制作视频 228