本书内容由浅入深，从设计基础展开，逐步延伸到电商设计工作中的各种常见设计类型，并强调了电商设计的运营思维和用户思维。
全书分为四大部分，共14章节。
第一部分：电商设计基础，第1～3章。主要讲述设计基础知识，电商设计人员及电商工作人员应该具备的基础设计知识都有涉及。夯实设计基础可以让后续的设计工作更加得心应手。
第二部分：电商设计的整体思维，第4～6章。内容涵盖如何建立设计思维，怎样建立品牌意识，如何探究卖点可视化常用的解决思路，如何写更实用的电商文案。正确的思路和解决问题的方式可以让工作更有效。
第三部分：具体实施，第7～12章。是实操与理论结合的部分，内容涵盖怎样进行基础的拍摄、修图，怎么设计主图和直通车图，Banner、海报设计的技巧，以及详情页的设计思路和技巧，还包含了基础的GIF图片制作和短视频的拍摄与制作内容。电商设计要求的多元化要求我们的技能也更多元化。
第四部分：思考和提升，第13、14章。内容包括结合项目执行细化全案的完整流程，还有设计师的自我提升规划。
书中列举大量实例，重点案例还附视频讲解，可参考性较强。本书可供准备从事或者正在从事电商设计的设计人员、电商美工，以及从事网店运营、管理等相关人员阅读参考。

第一部分 电商设计基础
第1章 新时代的电商设计
1.1 什么是电商设计
1.2 常见电商设计图
1.2.1 主图
1.2.2 详情页
1.2.3 Banner
1.2.4 直通车图
1.2.5 首页
1.2.6 活动页/专题页
1.3 新零售对电商设计的改变
1.4 电商设计师的前景
1.4.1 做好电商设计需要看懂的几个数据
1.4.2 直播带货对电商设计的影响
第2章 电商设计师必会的设计软件
2.1 PS软件在电商设计中的应用
2.2 Cinema 4D软件在电商设计中的应用
2.3 AI软件在电商设计中的应用
2.4 选取设计软件时要考虑的因素
2.4.1 位图和矢量图
2.4.2 分辨率
2.4.3 RGB与CMYK
实例 用C4D和AI制作3D字体
第3章 电商的平面设计基础
3.1 版式设计基础
3.1.1 排版的意义
3.1.2 版式设计中的三大基本元素
3.1.3 点线面的运用
3.1.4 标题文字排版
3.1.5 字体设计及搭配运用
3.1.6 字体的类型
3.1.7 不同字体的性格和搭配
3.1.8 版式设计中的层次
技巧1 字体的下载与安装方法
技巧2 如何高效查找字体
3.2 色彩的基础知识
3.2.1 色彩的基本属性
3.2.2 色彩心理学
3.2.3 色彩和光源的关系
3.2.4 经典配色
技巧3 如何根据产品搭配颜色
实例 制作一个简约的版式
第二部分 电商设计的整体思维
第4章 电商设计的品牌意识
4.1 建立品牌意识
4.1.1 为什么要做品牌
4.1.2 品牌需求的设计类型
4.1.3 品牌设计的底层逻辑
4.1.4 好的品牌设计是什么样的？
4.2 品牌logo设计
4.2.1 品牌与logo的关系
4.2.2 logo常见类型及趋势
4.2.3 logo设计原则
4.2.4 logo设计常用方法
4.2.5 logo配色技巧
4.3 设计要从品牌出发
技巧 logo配色技巧
第5章 电商设计的卖点可视化
5.1 什么是卖点可视化
5.2 如何形成卖点表达的思维
实例1 空气净化器产品图设计中的卖点思维
实例2 婴儿车产品图设计中的卖点思维
实例3 砧板产品图设计中的卖点思维
5.3 “风”的卖点表达
实例4 用PS制作“风”卖点可视化
5.4 “热”的卖点表达
实例5 用PS制作“冷”“热”卖点可视化
5.5 “安静”的卖点表达
5.6 “轻”的卖点表达
实例6 用PS制作“轻”卖点可视化
技巧 眼镜如何修图
5.7 其他卖点的表达
实例7 用PS制作眼镜卖点可视化——眼镜防蓝光卖点表现
实例8 用C4D制作家居卖点可视化——牙刷防水卖点表现
第6章 利用文案为设计加分
6.1 用用户思维写文案
6.1.1 电商文案的类型
6.1.2 如何写更合适的电商文案
6.2 文案的创作方式
6.3 文案如何优化
6.3.1 精准地说获得的感受
6.3.2 精准地说特点
6.4 电商设计作品的文案编排
实例 制作一个带文案的电商视觉设计作品
第三部分 具体实施
第7章 电商产品图的拍摄与美化
7.1 产品图片拍摄
7.1.1 如何搭建拍摄台面
7.1.2 如何用手机拍摄产品图片
7.1.3 如何拍摄出符合产品属性的广告图
实例1 用手机拍摄帽子产品图
7.2 产品图片修图
实例2 用钢笔工具抠图
实例3 整体调色
技巧1 杂乱背景如何修图
技巧2 如何修图使产品更具质感
实例4 饰品精修案例详解
7.3 图片创意合成
7.3.1 什么是透视
7.3.2 怎样运用光影关系
实例5 奶粉创意海报合成
第8章 电商产品主图和直通车图设计
8.1 设计师的运营思维：主图/直通车图
8.1.1 主图
实例1 腰带图
8.1.2 直通车图
8.1.3 主图与直通车图的区别
8.2 主图/直通车图常见设计技巧
8.2.1 主图常用的设计版式
8.2.2 如何制造差异化
8.3 主图/直通车图常用的表现形式
8.4 主图/直通车图的制作思路
8.5 常用的高点击率的主图设计思路
实例2 用PS制作日用品主图
实例3 用PS制作美妆类主图
实例4 用C4D制作数码3C主图
技巧 毛发的制作
第9章 平面海报设计和Banner设计
9.1 平面海报设计与Banner设计的区别
9.2 平面海报设计
9.2.1 平面海报设计的原则
9.2.2 常规的平面海报布局方式
9.2.3 非常规的平面海报布局方式
9.2.4 不同风格类型平面海报表现方式
9.2.5 平面海报设计思维训练
9.2.6 平面海报设计的印刷规范
技巧1 如何不抠图制作设计感海报
技巧2 活用混合模式的技巧
9.3 Banner设计
9.3.1 Banner的组成要素
9.3.2 Banner设计前的准备工作
9.3.3 Banner版式部分的设计技巧
9.3.4 Banner色彩部分的设计技巧
9.3.5 Banner常见的视觉风格
实例 用PS制作大促活动Banner
第10章 电商详情页设计
10.1 设计详情页前的准备
10.1.1 找到产品的目标人群
10.1.2 风格策划