跨境电商美工教案完整版.docx

1、跨境电商美工教案完整版学科跨境电商美工实务课题项目一 视觉营销及文案策划 任务1 3C商品视觉营销应用 任务2 店铺的文案策划应用周次1时数4节授课班级教学目的及要求： 通过本次课程学习，应达到以下目的和要求：知识目标及要求： 1.熟悉并掌握视觉营销的基本概念、特点及作用。2. 了解不同类型文案所适用的不同应用场景。3. 掌握店招文案、广告文案和商品详情页文案的设计技巧和方法。4. 了解 7 秒定律、KISS 原则及 FAB 原则。 能力目标及要求：1. 能够厘清视觉营销的目的及重要性。2. 能够结合不同的场景、运用不同的手段合理应用视觉营销。3. 能够独立完成店招文案、广告文案和商品详情页文

2、案。4. 能够运用合理的营销法则优化文案策划效果。教学重点： 视觉营销的概念、特点、作用以及文案策划的技巧和方法。教学难点：不同场景下如何合理应用视觉营销。教 学 过 程备 注一、教学导入 提问讨论:请谈谈日常常用的视觉营销的方式都有哪些?通过提问及讨论引入视觉营销对商品推广的影响，激发起学生对视觉营销的认知兴趣。二、理论内容 项目一 视觉营销及文案策划 任务1 3C商品视觉营销应用 任务2 店铺的文案策划应用通过讲授、课件演示，告知本次课程内容：了解视觉营销的作用，熟悉视觉营销的应用，以及视觉营销文案的策划和设计。1.视觉营销的作用讲解课本中视觉营销的作用，引导学生了解视觉营销对店铺带来的好

3、处。 2.视觉营销的应用如果要让视觉营销的整体设计和布局转化为成交率，需要通过具体的店铺装修和商品详情 页设计来实现。如果店铺留给买家的“印象分”不达标，即便商品质优价低，也难以留住他们。3.店招文案的策划在策划店招和撰写店招文案时，可以从以下几方面来发挥。（1）店铺和商品的定位（2）店铺和商品的卖点（3）店铺主推的营销、让利活动4. 广告文案策划（1）打造爆款单品（2）进行品类引导（3）实行让利促销5. 商品详情页文案策划（1）卖点提炼（2）细节展示（3）利益引诱（4）关联营销6. 文案策划的几个注意事项（1）7 秒定律（2）KISS 原则（3）FAB 原则三、课堂讨论与总结 在店铺的运营管

4、理中，不能只有具体的营销行为和促销手段，而要跳出营销看营销，从深层次分析消费心理，进而在营销实践中有效引导消费行为，掌控消费者行为的规律，最终达到高转换率的实现和积累。只有掌握了这些理论知识，对店铺的经营和具体文案策划水平的提高才大有裨益。 讨论点评；课程总结；布置作业。课后作业：阐述你认为视觉营销运营人员的工作内容及其应具备的技能条件。教学方法：讲授法、案例分析法、课件演示法、讨论法。学科跨境电商美工实务课题项目二 商品拍摄技巧及流程 任务1 认识商品图片的特征和要求 任务2 准备摄影器材任务3 制定拍摄方案 任务4 环境与布光任务5 基本构图及商品摆放技巧周次2时数8节授课班级教学目的及要

5、求： 通过本次课程学习，应达到以下目的和要求：知识目标及要求：1. 熟悉并掌握摄影器材的功能和用法。2. 熟悉自然光的特点。3. 掌握室内布光技巧。4. 了解不同光位的不同作用。能力目标及要求：1. 熟悉商品拍摄图片要求。2. 熟悉商品拍摄过程中所需要的器材。3. 能够根据不同商品确定不同的拍摄风格。4. 能够正确地利用光线进行拍摄。教学重点： 拍摄方案的制定。教学难点：环境与布光以及商品的摆放技巧。教 学 过 程备 注一、教学导入 提问讨论:在拍摄一张合格的图片之前，必须掌握合格图片具备的基本特征和要求都有哪些？通过提问及讨论符合条件的商品图片的特征和要求。二、理论内容 项目二 商品拍摄技巧

6、及流程 任务1 认识商品图片的特征和要求 任务2 准备摄影器材任务3 制定拍摄方案 任务4 环境与布光任务5 基本构图及商品摆放技巧通过讲授、课件演示，告知本章课程内容：商品图片的特征和要求，拍摄器材、拍摄方案的制定、环境与布光以及商品构图和摆放技巧。4.常见的问题通过实际图片案例一一讲解课本中商品图片经常遇到的问题：画面过暗或过亮；颜色实真或模糊；画面主体大小失当；商品摆放不当道具搭配不合理；展示不够、角度不都、细节不够；拍摄背景不恰当等。5.器材介绍通过图片展示，依次给学生介绍灯光器材、辅助灯光器材、辅助拍摄器材，让学生了解拍摄商品图片会用到的相关专业器材。3.以“ARMANI 太阳镜”为

7、例，制定拍摄方案。让学生能从商品本身的特点出发去确定其适合的拍摄风格。4.环境与布光在了解光位、光型的基础上，讲解正面均衡布光、顶部45度布光、单侧布光、前后交叉布光、后方布光等5种布光技巧。交给学生如何控制好光源面积和扩散程度以保证足够的照明亮度，选择合适的灯距，做好恰当的光比控制。以及对于吸光、反光和透明的商品应该如何布光。5.通过课堂实际演示来给学生介绍商品拍摄的基本构图方法，如：横式构图、竖式构图、斜线构图、黄金分割构图。6.以皮带为例，逐步展示商品拍摄的整个流程。 三、课堂讨论与总结 在店铺运营中，商品上新的工作依赖于商品拍摄，一般商品拍摄的工作要经历：确定拍摄风格、制定拍摄方案、进

8、行商品分类、确定拍摄顺序、制定拍摄步骤、选择拍摄器材、布光、摆放、最终拍摄等一系列流程。 讨论点评；课程总结；布置作业。课后作业：完成书上58页的实训作业。教学方法：讲授法、案例分析法、课件演示法、讨论法。学科跨境电商美工实务课题项目三 商品主图的设计制作 任务1 商品图片的基础处理 任务2 商品图片的裁剪及调色处理任务3 商品图片的抠图 任务4 商品主图的设计制作要点及方法 周次3时数12节授课班级教学目的及要求： 通过本次课程学习，应达到以下目的和要求：知识目标及要求：1. 熟悉并掌握 Photoshop 的基础操作。2. 掌握裁剪、调色、抠图等常用的修图方法。3. 了解商品主图的特点、性

9、质。3. 掌握商品主图的设计要点及设计制作方法。能力目标及要求：1. 能够对常用图片处理软件进行熟练操作。2. 能够对商品的素材图片进行裁剪和调色方面的处理。3. 能够根据素材图片抠取所需要的主图图片。4. 能够独立设计并制作商品主图。教学重点： Photoshop 的基础操作及三大概念教学难点：商品主图的设计要点及设计制作方法。教 学 过 程备 注一、教学导入 提问讨论:商品图片在上架前是否需要合成处理？Photoshop 是一款用于图像制作和图像处理的专业软件，具有强大的图像修饰功能，利用这些功能不但可以更有效地进行图片的编辑工作，快速修复照片的拍摄缺陷，而且可以修复人物照片上的斑点以及进

10、行皮肤的润色，是跨境电商卖家在修图过程中必备的软件工具。通过提问及讨论PS对于商品图片的重要性。二、理论内容 项目三 商品主图的设计制作 任务1 商品图片的基础处理 任务2 商品图片的裁剪及调色处理任务3 商品图片的抠图 任务4 商品主图的设计制作要点及方法 通过讲授、课件演示，告知本章课程内容：PS基本操作、商品主图的设计与制作流程。1.Photoshop 软件介绍通过实操来讲授Photoshop 软件。2.Photoshop 基础操作通过课件及实操展示，依次给学生介绍Photoshop 的工作界面，具体操作，以及最重要的Photoshop 的三大该概念：图层、选区和蒙版。3.图片的裁剪及调

11、色 调色工具：亮度对比度色阶曲线色相饱和度偏色图片的纠正在跨境平台上，几乎所有卖家的商品都会遇到图片大小和色差的问题。由于多数中小卖家不是专业摄影师，也没办法花高额的费用去聘请专业摄影师对商品进行专业拍摄，因此在拍照过程中总会遇到各种各样的问题。比如：布光不正确或者相机光圈、焦距、感光 度等参数设置不合理，这些都会导致图片产生问题。此外，白平衡没设置好也会出现偏色 现象。因此，在对素材图片进行裁剪后进行调色方面的美化处理，是很有必要的。4.图片瑕疵的处理污点修复、仿制图章工具5.抠图技巧规则形状的抠图：矩形、椭圆选框工具直边规则图形的抠图：多边形套索工具简单背景抠图：魔棒工具、快速选择工具、套

12、索工具钢笔抠图：圆弧形及不规则物体通道抠图：针对带有毛发的物体 6.商品主图的相关知识 （1）认识商品主图（2）商品主图的作用： 作用：展示商品的款式、颜色、品牌等。 特点：在跨境电商平台首页脱颖而出，迅速地刺激眼球，突出差异化，增加点击率。（3）商品主图的设计。 三、课堂讨论与总结 在商品图片的处理中，PS的基本操作是必不可少的，我们应该加强对于基础工具的练习。在对商品主图进行设计制作的过程中，也有一些地方值得注意：1）主体突出点击率的第一标准。2）图片清晰点击率的基本前提。3）优选素材点击率的基本要素。4）视觉冲击点击率的必备条件。5）商品诉求点击率的高效助推器。6）卖点突出点击率的有力保

13、证。7）环境差异点击率的强力催化剂。8）近景呈现点击率的优先手段。 讨论点评；课程总结；布置作业。课后作业：完成书上123页的实训作业。教学方法：讲授法、案例分析法、课件演示法、讨论法。学科跨境电商美工实务课题项目四 轮播海报及商品详情页的设计制作 任务1 轮播海报的设计制作 任务2 商品详情页的设计制作 周次2时数4节授课班级教学目的及要求： 通过本次课程学习，应达到以下目的和要求：知识目标及要求：1. 熟悉轮播海报的常用尺寸、特点及展现手法。2. 了解并掌握轮播海报的设计制作过程。3. 掌握商品详情页的设计要点及制作方法。能力目标及要求：1. 能够独立设计制作跨境电商平台的轮播海报。2.

14、能够独立设计制作跨境电商平台的商品详情页。教学重点： 轮播海报的设计制作教学难点：商品详情页的设计制作教 学 过 程备 注一、教学导入 不管是线下传统的营销方式还是线上网络销售，都需要有漂亮而吸引人眼球的海报来招揽顾客。在网络店铺的运营中，除了利用促销活动或节日活动来吸引顾客外，还可以通 过制作精美的海报促销图片来吸引买家的眼球。通过提问及讨论轮播图片对于商品商品及店铺的重要性。二、理论内容 项目四 轮播海报及商品详情页的设计制作 任务1 轮播海报的设计制作 任务2 商品详情页的设计制作 通过讲授、课件演示，告知本章课程内容：轮播图片的设计制作流程、商品详情页的设计与制作流程。1.轮播海报的设

15、计要点：主题、构图、配色2.轮播海报的设计流程：（1）目标人群、商品分析和广告目标定位（2）沟通策划3.轮播海报的设计实施 ： （1）尺寸（2）背景与色调（3）字体与排版（4）主题层次 4. 商品详情页的设计流程（1）确定风格根据店铺活动、商品特色、节假日来确定。（2）收集素材平时养成收集素材的习惯，以免寻找时浪费大量的时间和精力。平时遇到好的图片就 保存，作为寻找灵感时的参考。（3）页面布局合理地安排页面布局。（4）确定配色选择合适的配色方案，尽量避免深色系。（5）排版设计用 Photoshop 进行排版。（6）上传完成在商品发布页面上传。 3、课堂讨论与总结 一般情况下，顾客从搜索页进入店

16、铺时打开的就是商品详情页，它是顾客购买商品时必须打开的页面。可以说，商品详情页的优劣是决定顾客是否购买的关键因素，因而商品详情页的设计是至关重要的，不能忽视。商品详情页通常担负着比首页更大的转化率责任，它要经受客户的反复对比和推敲，是决定客户能否对商品产生信任感的关键。 讨论点评；课程总结；布置作业。课后作业：完成书上138页的实训作业。教学方法：讲授法、案例分析法、课件演示法、讨论法。学科跨境电商美工实务课题项目五 速卖通旺铺装修指南任务1 了解速卖通店铺装修任务2 速卖通店铺首页装修任务3 店铺装修第三方模板周次4时数16节授课班级教学目的及要求： 通过本次课程学习，应达到以下目的和要求：

17、知识目标及要求：1. 熟悉并掌握速卖通旺铺装修的一般流程。2. 掌握应用系统模板、搭建首页框架的方法。3. 掌握首页模块的制作与安装方法。4. 了解店铺装修过程中需要注意的问题。能力目标及要求：1. 理解店铺装修对网店经营的重要性。2. 能够采用有效的方法完成速卖通旺铺的装修。3. 掌握首页模块与框架设计要点。教学重点： 首页模块的制作与安装方法教学难点：首页模块的制作与安装方法教 学 过 程备 注一、教学导入 提问讨论:店铺装修对于一个店铺重不重要？网店装修与实体店装修的目的都是让店铺变得更美，更能吸引消费者。对于网络店铺来说，好的店铺设计至关重要，因为网络消费者只能通过图文形式来了解商品、

18、了解商家。通过提问及讨论店铺装修对于一个店铺的重要性。二、理论内容 项目五 速卖通旺铺装修指南任务1 了解速卖通店铺装修任务2 速卖通店铺首页装修任务3 店铺装修第三方模板通过讲授、课件演示，告知本章课程内容：速卖通旺铺装修的一般流程、店铺装修过程中需要注意的问题。（一）合理的店铺装修需要注意以下方面。1. 网店整体风格的营销体现2. 网店商品图片的使用3. 网店装修注意用户体验4. 用好预览功能（二）店铺装修后台操作速卖通系统配置了相应的模板，掌握模板的作用和使用方法是店铺装修的前提。步骤 1进入店铺装修页面，在速卖通卖家中心，从菜单栏选择“店铺”，然后单 击“店铺装修及管理”，单击“进入装

19、修”按键，登录后台装修界面步骤 2旺铺装修在左上角设有“页面管理”“样式编辑”“模板管理”三个（三）店招店招是网络店铺展示的窗口，代表了店铺的品牌定位和商品定位。店招显示在店 铺首页的顶部，当消费者进入店铺浏览时，首先看到的就是店招，店招的设计应易于 传播和便于记忆。步骤 1速卖通平台对店招的尺寸有严格的规定，速卖通店招尺寸标准：宽度 为 1 200px、高度为 100px150px。这样的尺寸感觉比较美观、协调。步骤 2店招的设计要易于传播和便于记忆，要有明确的品牌定位和商品定 位。店招的内容元素一般包括店铺名称、店铺标识、商品图片、广告语、促销活 动介绍等，可以根据店铺实际情况选择。步骤

20、3导航是展示店铺分类的主要工具，显示在店招的下方，好的导航设 计可以让浏览者方便而快捷地找到所需要的商品。步骤 4在首页装修页面中，将鼠标放在店招模块上，右上角就会出现“编 辑”“删除”按钮。步骤 5单击“编辑”按钮，进入店招编辑状态，可以看到模板规格参数要 求：高度为 100px150px，宽度为 1 200px，图片大小不能超过 2MB，允许添加 一个链接。步骤 6进入店招编辑模块，设置店招高度、链接地址，通过“点击添加图片” 按钮添加图片。（四）图片轮播图片轮播模块位于页面导航的下方，它将多张图片以滚动轮播的方式进行动态展 示，可以用于主推商品展示、店铺形象展示、店铺欢迎展示。步骤 1速

21、卖通店铺首页装修中图片轮播模块最多可以重复添加 6 个，位置 可以上下移动，以方便与其他模块互相搭配。步骤 2在首页装修页面中，将鼠标放在图片轮播模块上，右上角就会出现 “编辑”“删除”按钮。步骤 3单击“编辑”按钮，进入图片轮播编辑状态，可以看到轮播图片的 规格参数要求：高度为 100px600px、宽度为 960px，图片大小不能超过 2MB（四）商品推荐在线下市场，商品陈列展示是一个很重要的环节；在线上，商品陈列推荐同样有 着重要作用。商品推荐模块可通过手动或自动的方式挑选商品，并可设置商品展示的 样式，使用频率较高。步骤 1速卖通店铺首页装修中商品推荐模块最多可以重复添加 6 个，主区

22、 域设置 3 个、侧边栏设置 3 个，位置可以上下移动。由于商品推荐模块里的图片会直接使用商品主图的第一张，因此被选商品的首图一 定要简洁，尽量和店铺整体装修风格一致。大多数消费者的浏览习惯都是从上往下、从 左往右，商品推荐也应该遵循这个原则，做到简约大方、重点突出、整齐划一、分类有序。步骤 2在首页装修页面中，将鼠标放在商品推荐模块上，右上角就会出现“编辑”“删除”按钮，右下角会出现“添加模块”按钮。步骤 3进入商品推荐编辑状态，可以设置商品推荐的各项参数，模块标题、 展示方式、商品信息、推荐方式、排序方式、产品分组、商品数量等信息，设置完成后点击“保存”。步骤 4在店铺首页侧边栏同样也有一

23、个商品推荐模块，设置方式与主区设置方式一样。步骤 5完成后的商品推荐展示。（五）任务装修第三方模板步骤 1首先进入店铺装修页面，选择“模板管理”，然后进入“模板市场” 。步骤 2选择一个自己满意的模板，首先点击试用，当各个板块都符合自 己的要求时，再选择购买，并选择购买 1 个月、3 个月或者 6 个月。 三、课堂讨论与总结 店铺的首页装修并不是将所有装修模块直接放到店铺中，而是在速卖通平台允许的结 构范围内，根据自己的店铺风格、活动、商品、顾客等进行合理组合与布局，让顾客从设 计的网店中了解更多的商品信息和店铺信息。（1）店铺风格是店铺布局的前提，要充分考虑品牌、商品信息、目标消费者、市场环

24、 境和季节等因素的影响。（2）店铺活动和主推信息模块要放在非常重要和显眼的位置，让人一目了然。（3）商品推荐模块中所推荐的商品一定要经过精心筛选，不宜过多。（4）模块结构和商品系列要清晰明了。店铺页面的布局内容（1）店招包括店铺名称、搜索栏和商品推荐，其设计风格和主题以自然为主。（2）导航主要用来介绍店铺的商品种类和各项类目，便于买家选择和筛选，用背景加 简单文字的方式以方便识别。（3）欢迎模块的海报应进行整体风格的固定和装修， 用来展示店铺整体形象。（4）商品推荐区展示分成主推商品、普通商品等几个 部分，结构明确。（5）首页尾部结尾简单大方，与页面整体风格一致。 讨论点评；课程总结；布置作业

25、。课后作业：完成书上117页的实训作业。教学方法：项目教学法讲授法、案例分析法、课件演示法、讨论法。学科跨境电商美工实务课题项目六 移动端视觉设计制作任务1 移动端店招、焦点图及Mini Banner的制作任务2 移动端店铺布局及商品详情页制作周次2时数8节授课班级教学目的及要求： 通过本次课程学习，应达到以下目的和要求：知识目标1. 移动端店招的规格及设计要点。2. 移动端焦点图及 Mini Banner 单图模式、单行多点击模式、图片轮播模式的图片规格、设计要点和链接设置。3. 移动端店招、焦点图及 Mini Banner 的基本设置流程。4. 移动端店铺的布局原则。5. 移动端商品详情页

26、的布局原则。能力目标1. 能够独立完成移动端店招、焦点图及 Banner 的制作。2. 能够独立完成移动端店铺布局及商品详情页的制作。教学重点： 独立完成移动端店铺布局及商品详情页的制作教学难点：独立完成移动端店铺布局及商品详情页的制作教 学 过 程备 注一、教学导入 提问讨论:移动端店铺装修对于一个店铺重不重要？移动端销售已经是电商的一个主流趋势，对于产品转化率的提升以及点击率的提升，就需要依靠良好的移动端店铺装修，店铺装修会让我们的产品展示效果更好，而且也能够让我们的产品卖点更加的突出。二、理论内容 项目六 移动端视觉设计制作任务1 移动端店招、焦点图及Mini Banner的制作任务2

27、移动端店铺布局及商品详情页制作通过讲授、课件演示，告知本章课程内容：移动端店招的规格及设计要点，移动端焦点图及 Mini Banner 单图模式、单行多点击模式、图片轮播模式的图片规格、设计要点和链接设置，移动端店招、焦点图及 Mini Banner 的基本设置流程，移动端店铺和商品详情页的布局原则。 1. 了解不同类型的图片要求移动端店招的图片规格为 720px200px，图片格式为 jpg 或 jpeg。移动端焦点图 及 Mini Banner 的图片规格为 720px200px 或 720px360px。焦点图及 Mini Banner 的图片模板中，单行多点击的图片总宽度必须在 720

28、px 及以上。2店招、Mini Banner、焦点图的基本设置流程（1）店招的基本设置流程（2）Mini Banner 及焦点图的基本设置流程3.移动端店铺布局及商品详情页制作步骤 1店铺的布局一定要基于简明清晰的摆放原则。常用的摆放原则为： 店招 +“焦点图 + 商品推荐模块”+“Mini Banner 设计模块 + 商品推荐模块”+ 系统推荐模块。步骤 2开头使用“店招 + 焦点图”突出店铺爆款信息和店铺的促销折扣信 息。步骤 3使用“焦点图 + 商品推荐模板”，把相应的折扣商品与焦点图放到一 起，突出店铺活动。步骤 4最后将系统推荐模块 Top Selling 放在最下面，与上面的模块形

29、成对 应，增加整个店铺的完整性。步骤 5优化完了店铺的布局，下一步需要制作商品详情页。首先决定采用FAB 利益排序法。步骤 6制作商品详情页第一屏：商品卖点和优势。步骤 7制作商品详情页第二屏：商品细节展示，让客户更加直观地了解商品。步骤 8制作商品详情页第三屏：商品属性信息 + 尺码说明。步骤 9制作商品详情页第四六屏：商品模特图片 + 实物图片。步骤 10将整理好的图片上传。其中，应该注意的是：图片尺寸没有限制，在保证清晰度的情况下，图片像素小， 有助于提升在移动端的打开速度。可以尝试在 Photoshop 中将图片存成 web 格式，并 且通过调整品质的数值达到这个效果。步骤 11点击“产品管理”，然后点击“发布产品”，选择适合自己的类目进 行发布。步骤 12移动端商品详情页可独立编辑。点击“商品详情页” 下方的“无线描述”，展开后把排好序的图片以及文字添加进去。3、课堂讨论与总结1. 店铺的布局原则以速卖通平台为例，进行移动端店铺首页布局首先要了解移动端店铺包含的基础模 块。移动端店铺包含两个页面：第一个是移动端店铺首页装修，涉及以下功能模块：店 招、6 个商品推荐模块、3 个系统模块、6 个图片模块；第二个是无线活动