电商视觉设计实战中文视频教程

电商视觉设计实战中文视频教程-开心老师

第一章 新手入门指导

1.1 设计师各个阶段的成长 （理论）

本节课通过老师个人工作经历的介绍，与大家一起分享电商设计经验，教大家在不同设计阶段如何整合素材，拓展思路，通过多方面的综合学习和参考提高自己的审美能力，并提升跨平台的设计技巧。

1.2 电商行业现状 （理论）

本节课主要介绍电商行业发展史和商业交易模式，带领大家深入了解电商设计的设计目的和作用，并指导相关就业方向。

1.3 课前训练 / 素材整合排版

本节课通过一张办公椅海报的设计，为大家讲解如何通过对商品属性和文案关键词的分析，明确画面整体色调和版式风格，完成一张海报基础布局的基本流程。

1.4 课前训练 / 细节调整

这节课主要为大家讲解如何通过点线面的添加来丰富画面，提升海报的气质，突出商品的特性，增强画面的视觉冲击力。

第二章 排版设计点线面的使用

2.1 点的运用 （理论）

本节课通过对不同海报案例的分析，着重讲解电商设计中点的运用技巧和作用。

2.2 线的运用 （理论）

本节课主要介绍设计中点与线之间的关系，线的表现形式，以及线在电商设计排版中的重要作用。

2.3 面的运用 （理论）

本节课主要讲解在排版设计中面的作用，以及在电商设计中，如果巧妙的处理面与画面整体的关系。

第三章 色彩的认识与搭配

3.1 色彩搭配与应用 （理论）

本节课主要详细介绍光的RGB三原色和物质CMY三原色的概念，加强大家对颜色的认识，同时结合图片案例分析讲解色彩三要素在电商设计中的使用，以及提高画面色彩搭配效果的基本技巧。

3.2 光影色彩心理学 （理论）

本节课简单介绍了光影色彩心理学的基础知识，包括冷暖色作用的分析，色彩质量的讲解，以及几种配色小技巧的具体使用。

3.3 色彩搭配案例 / 思路分析与操作

本节课通过一本旅游书籍海报案例的演示，教大家如何通过对商品风格属性的分析，如何整合素材，提取颜色，确定画面整体的色彩搭配方案。

第四章 文字排版与字体设计

4.1 文字排版基础知识 (理论)

本节课主要为大家介绍文字排版的基本方法，以及排版层次关系中字体、字号、位置、颜色等细节的处理技巧。

4.2 字体设计与图形图标的运用 （理论）

本节课主要通过海报案例分析，为大家介绍电商设计中字体设计的基本方法，以及字体设计与图形图标的使用。

4.3 粉笔字、折叠字字体设计

本节课通过两个简单的字体设计案例演示，为大家讲解粉笔字、折叠字和卡通字体的基本设计方法。

第五章 分类商品案例演示

5.1 男包案例 / 特殊元素的运用

本节课通过一张海报案例的演示，为大家介绍特殊元素在海报中的运用和处理技巧。

5.2 女包案例 / 海报质感的表现

本节课主要演示一个女包的简洁海报设计，重点讲解如何通过对元素色调和光影的调整突出海报的品质感。

5.3 家居类案例 / 思路讲解

本章主要通过一张海报案例演示，为大家讲解海报光影的处理技巧。本小节我们将通过对原素材颜色和环境进行分析，确定设计方向，做好准备工作。

5.4 家居类案例/光影处理

本节课主要通过对产品元素和环境光影细节的调整，加强产品图片的质感，丰富画面的层次。

第六章 女装海报设计

6.1 女装裁切标准 （理论）

本节课主要为大家讲解服装的不同款式，不同拍摄角度运用在海报设计中时，服装的裁切方法和注意事项。

6.2 女装类海报设计

本节课通过一张女装海报案例演示，主要讲解了如何根据商品卖点与模特属性来分析构图，以及网点背景和文字图形化的处理方式，包括头发边缘与图片投影处理的小技巧。

第七章 店招设计与淘宝后台熟悉

7.1 店招设计 / 思路讲解

本节课主要为大家介绍店招在店铺设计中的重要作用，以及店招设计的基本尺寸和设计要素。

7.2 店招设计 / 店铺装修

本节课通过一个简洁店招的案例演示，详细介绍店招设计的基本设计方法和注意事项，以及店招切图和店铺装修的基本操作流程。

7.3 淘宝后台熟悉

本小节主要为大家介绍淘宝店铺后台界面的基本认识与功能，以及简单的编辑和操作方法。

第八章 首页设计

8.1 首页设计基本元素介绍（理论）

本节课主要为大家详细介绍首页设计的基本元素和尺寸规范，以及各个模板设计的位置与功能。

9分钟8.2 首页设计思路 （理论）

本节课主要介绍首页设计思路与创意确定的基本流程，包括与运营的沟通，对文案的分析，产品风格的确定，以及网上优秀设计作品排版与配色的参考和素材的整合。

8.3 首页设计元素策划与整合

本小节主要演示首页设计理论应用到实际操作，根据设计思路整合素材，确定首页整体设计基调，完成店招和首屏海报设计。

8.4 首屏海报细节塑造

确定海报的基本布局后，这节课我们继续对画面背景进行深入塑造，重点讲解背景浪漫氛围营造以及商品细节光影处理的具体操作方法和技巧。

8.5 类目排版设计 上

本节课主要讲解分类导航、客服中心的处理方法以及商品类目排版的具体操作。

8.6 类目排版设计 下

本节课接着上节课继续演示类目排版的设计，同时介绍了底部模块与图标结合排版设计的操作技巧。

第九章 详情页设计与关联设计

36分钟9.1 详情页设计基础模块介绍

本节课主要详细介绍详情页的作用，分析详情页的32个基础模块与应用，以及爆款详情页的必备模块。

9.2 详情页设计流程

本节课主要详细介绍详情页的具体设计流程，包括前期沟通、竞品分析、模板确定，视觉符号的表现等等。

9.3 品牌故事模块设计

从本节课开始，开始演示一个详情页设计的具体操作流程，首先从商品属性和文案开始分析，确定整体设计基调，完成品牌故事模块的设计。

17分钟9.4 卖点介绍模块设计

本节课主要演示卖点介绍模块的设计，重点讲解素材统一到背景的合成技巧。

9.5 细节说明模块设计

在上节课的基础上，本节课继续完成卖点介绍模块的设计以及细节说明部分的排版。

37分钟9.6 其他模块设计

本节课继续延续整体风格，接着演示基本信息模块，商品展示模块，使用场景模块与保养说明模块的具体操作步骤。

9.7 详情页关联设计

本节课主要演示详情页关联中公共模块部分的具体操作步骤与细节处理方法，包括优惠券的设计，两张单品海报以及单品罗列的布局设计。

第十章 直通车与钻展设计

10.1 直通车介绍与设计思路讲解

本节课主要介绍直通车的概念与设计尺寸，并详细分析如何根据产品的特性，功能和类型来选择构图排版方式。

10.2 直通车设计案例

本节课通过一个简单的案例演示，为大家讲解直通车设计的具体操作步骤以及注意事项。

10.3 钻展介绍与设计思路讲解

本节课主要介绍钻展的概念与审核流程，以及如何通过钻展的设计提高点击量的手段与设计技巧。

第十一章 App无线手绘海报设计

11-1 思路讲解与背景绘制

本章主要为大家演示，通过借鉴的方法再原创一张伪手绘风格的闪屏海报的具体操作方法。

11-2 手绘文字与排版

本节课主要完成手绘海报的排版设计，重点讲解网点手绘文字的具体设计方法。

第十二章 合成海报案例演示

12-1 奶粉海报案例

本节课主要演示一个奶粉海报合成案例，重点介绍素材与商品环境合成的处理技巧。