项目六 跨境电商视觉美工（教案）《跨境电子商务平台实务（活页式）》（电子工业出版社）

教学单元教案 授课周次 第 周 授课时间 计划学时数 教学单元 项目六 跨境电商视觉美工 授课方式 理论课 实验（实训）课 上机课 □其他 教学目标 1. 懂得确定店铺首页风格和模版设置； 2. 熟悉店招所包含的常规内容及其设置基本操作； 3. 掌握海报的功能、尺寸要求、制作小技巧与后台设置； 4. 掌握商品图片的拍摄和对商品主图和详情页图片进行优化处理的方法； 5. 掌握商品视频的拍摄、剪辑方法。 教学重点及难点 教学重点： 1. 确定店铺首页风格和模版设置； 2. 招所包含的常规内容及其设置基本操作； 3. 海报的功能、尺寸要求、制作小技巧与后台设置； 4. 商品图片和视频的拍摄与剪辑方法。 教学难点： 1. 商品图片的拍摄和对商品主图和详情页图片进行优化处理的方法； 2. 商品视频的拍摄和剪辑方法。 教学方法与手段 1. 调查法：发动学生调研店铺首页有哪些风格、包含哪些常规内容等； 2. 讨论法：请同学们讨论店铺首页的风格应如何确定； 3. 讲授法：介绍跨境电商店招所包含的常规内容及其设置基本操作； 4. 分组法：分组安排任务式教学，每组进行一个商品图片和小视频的拍摄与后期处理。 教学过程 首先发动学生调研店铺首页有哪些风格、包含哪些常规内容等，介绍跨境电商店招所包含的常规内容及其设置基本操作，然后引导学生讨论店铺首页的风格应如何确定，分组安排任务式教学，每组进行一个商品图片和小视频的拍摄与后期处理，在课上尽量做到精讲精练。 课外安排 1. 利用Photoshop等软件工具，任选主打商品，结合本节所讲的海报设计思路，每人完成某一个专题节日海报的设计与制作。（跨境平台上通常会做营销活动的节日包括：情人节、母亲节、儿童节、万圣节、圣诞节等） 2. 分组练习：每组同学选择一样身边的物品作为商品，到某跨境电商平台上，搜索同类型商品中销量较好的，查看其商品主图、幅图，分析它们在图片拍摄和处理方面的优势与不足，然后拍摄自己的商品图片，并用Photoshop软件进行处理，形成一套由5～7张图片构成的套图。 3. 分组练习：每组自选一款商品，组员共同讨论挖掘该商品的3～5个卖点，完成该商品视频拍摄所需的脚本后，利用手机拍摄完成该商品的视频，视频时长控制在2分钟之内。 教学反思 教学单元讲稿： 一、复习提问与上次课作业典型问题答疑 回顾项目五跨境电商营销中的知识点，并回答： 1. 跨境电商平台大促活动都有哪些类型？ 2. 跨境电商店铺自主营销的方式有哪些？ 二、教学单元名称 项目六 跨境电商视觉美工 三、课程导入 引导问题1：跨境电商店铺装修通常包括哪些内容？ 引导问题2：什么是店招？店招一般有哪些作用？ 引导问题3：拍摄商品图片和视频前通常需要做哪些准备？ 引导问题4：你听说过哪些可用于视频处理的工具软件？请举例。 四、分析思路 首先发动学生调研店铺首页有哪些风格、包含哪些常规内容等，介绍跨境电商店招所包含的常规内容及其设置基本操作，然后引导学生讨论店铺首页的风格应如何确定，分组安排任务式教学，每组进行一个商品图片和小视频的拍摄与后期处理，在课上尽量做到精讲精练。 五、教学内容 项目六 跨境电商视觉美工 任务一 跨境网店店铺的装修 一、跨境网店装修模版设置 店铺的装修首先需要做的就是结合店铺自身的风格定位、活动、商品和顾客圈层等信息，在跨境电商平台允许的结构范围内进行合理组合与布局，已达到让顾客从设计的网店中更便捷、更清晰、更享受地获取到店铺信息和商品信息的目的。 1．店铺装修注意事项 在进行跨境网店后台装修时，需要注意如下几点： （1）店铺风格是店铺布局的前提，要充分考虑品牌、商品信息、目标顾客、市场环境及季节等因素的影响； （2）店铺活动和主推信息模块要放在非常重要和显眼的位置，让人一目了然； （3）商品推荐模块中所推荐的商品一定要经过精心筛选，数量不宜过多； （4）模块结构和商品系列要清晰明了。 2．店铺装修后台操作 很多跨境电商平台系统配置了相应的店铺装修模版，掌握店铺装修模版的使用方法是进行店铺装修的前提。下面以速卖通平台的店铺装修为例，讲解店铺装修的后台操作步骤，具体操作步骤见教材。 二、跨境网店店招设置 1．店招的常规内容 店招，即一个店铺的招牌，通常由店铺LOGO、主打商品图、导航栏、搜索框、优惠信息或关注礼等信息共同构成。店招代表了一个店铺的品牌定位和商品定位，一般位于店铺首页的最顶端，是店铺的展示窗口，也是买家对店铺生成第一印象的主要来源，应当结构清晰和便于记忆。 店招内容的设计可根据店铺的实际情况进行安排，其中最主要的功能项便是导航栏。导航栏也叫导航条，店铺中的导航栏类似于实体店的环境导视，能迅速指引买家找到其想要购买的商品。也有意见认为导航栏是独立于店招下方的一个版块。这两种不同的说法可视作对店招这一概念的广义和狭义之分，均是可以理解的。 2．跨境网店店招设置操作 速卖通平台是较为注重店铺打造的一大跨境电商平台，此处仍以速卖通平台为例，介绍跨境网店店招制作的步骤和注意事项。 步骤1：速卖通平台对店铺店招的尺寸有严格规定，PC端店铺装修时可直接用店铺名称或店铺LOGO来作为店招，若是用自定义背景图作为店招，则图片的宽度应为1200像素，高度为90像素（导航栏另设）；无线端自定义背景图店招尺寸为750×300像素。两个端口的店招均只支持JPG或PNG图片格式，图片大小均不得超过2MB。 步骤2：根据店铺店招的内容安排，利用Photoshop软件工具，按照步骤1中的图片尺寸大小规定制作好店铺店招； 步骤3：在速卖通后台“店铺——店铺装修”页面中，点击“装修”，查看“使用中模块”，可切换选择PC店招和无线店招，如图6-8中的举例，单击“无线店招”按钮，中间店铺首页预览图的右侧就会出现“设置无线端店招”窗口，可随时上传新的自定义背景图，或用默认背景（一般为纯色）作为店招。 三、跨境网店海报制作 1．跨境网店海报的基本功能及内容 在跨境网店装修中，店铺海报占据重要的位置，它可以让商品信息更加一目了然，个性化展示店铺，点击后快速进入主推单品，便于将主推商品展现给买家。很多商家都喜欢采用轮播海报的方式，通过2～5张自动切换的海报让进店的买家更快、更全面的了解到店内能提供的商品、服务或促销活动等信息。也有些跨境卖家倾向采用更具视觉冲击力的全屏海报，全屏能整体上很大气且容易突出店铺风格，视觉上让人感觉很舒服。跨境网店的海报一般包括：店铺LOGO、模特展示图、主打商品图、促销文案等信息。 2．跨境网店海报的尺寸要求 海报的设计讲究号召力和感染力，文案简洁鲜明，引起买家共鸣。海报的设计需要先根据大小来定义内容，如可以实现全屏效果的海报通常使用1920像素的宽度，但这时就会产生一个问题，即一些小的屏幕无法展示那么大的画面，因此屏幕中只显示海报一部分内容，如果设计时把产品主体放在了海报偏旁边的位置，则很可能无法在屏幕中完全显示。所以，在动手设计之前要把产品主体的位置定在海报中心部位，确保海报主体在任何屏幕上都可以展示。 3．跨境网店海报制作小技巧 （1）行动按钮不可或缺 对于一张标准海报，首先需要有一个主标题，有的包含副标题和其他信息，特别需要注意的是：顾客在看到一张海报时，可能已经产生了购买的欲望，或者想更多地了解商品，这就需要海报上能有个“Buy Now”或“Shop Now”按钮，作为一个能够促进点击的行动按钮。 （2）把握黄金分割比例 跨境电商的客户虽来自不同国家、不同文化，但是大家对美的追求是一致的，产品图在一张海报中的摆放位置，若能在黄金分割线的地方，往往是最符合大家视觉审美的，即将产品图/模特展示图放在一张海报约1/3处（靠左或靠右均可，另一侧摆放文案）。 4．跨境网店海报设置操作 此处仍以跨境电商速卖通平台为例，其后台中无论是PC端还是无线端的店铺轮播海报，上传均在“装修”版块进行。速卖通某店铺无线端海报轮播图设置页面，在这里可以为店铺最多上传5张海报，海报需为JPG或PNG格式，可以通过海报缩略图前面向上/向下的箭头调整它们切换的先后顺序。 任务二 跨境商品图片拍摄与处理 一、跨境商品图片拍摄 要拍出好的图片先要做好策划，这是个系统的过程，可以分为拍摄前的准备、图片拍摄和后期处理三步。 阶 段 准 备 事 项 拍摄前的准备 产品拍摄要点分析 选择合适的相机、拍摄环境、灯光和道具 照片的风格定位 图片拍摄 根据材质布光 背景陈设 调整相机的解像度 拍出清晰的照片 拍摄后期处理 挑选照片与管理 图片处理 1．商品图片拍摄前的准备 （1）产品拍摄要点分析 任何产品都有其自身的商业价值，而产品的卖点必须经由照片呈现出来才能让买家了解到它的价值。于是，在拍摄产品图片时需要懂得换位思考，拍出买家想了解的产品角度和细节，思量如何在有限的几张主图中将买家所关注的东西展现出来，同时还需要注意不同产品首图的统一性。 （2）拍摄工具与场地 当确定好产品的拍摄要点后，就需要选择相机、拍摄环境、灯光和道具。 （3）照片的风格定位 当拍摄要点明确，设备到位后，还需要确定一下商品图片的拍摄风格。这首先要从产品本身出发，考虑这件产品最终的消费者是谁，从消费者的民族文化、年龄特点、消费能力、价值观、审美观等方面分析，综合确定拍摄的背景、整体色调和模特的选择。 目前各大跨境电商平台产品总体的拍摄风格有： ① 简洁风格：纯色背景，整体效果干净明快，能突出产品本身。 ② 时尚风格：在服饰、箱包、饰品等类目中最为常见，一般以时尚性感的模特加上恰当的背景来体现产品的时尚感。 ③ 情景创意风格：主要是将产品摆放于特定的环境中，或对产品进行创意摆放，添加陪衬物来营造氛围，从而达到烘托产品商业价值的效果。 如果对产品风格定位难以把握，则建议去查看同类目或同行业中，销量或人气排名较为靠前的产品图片拍摄风格，有选择性的作为参考。 2．商品图片拍摄时的注意事项 任何能拍摄出吸引买家的商品图片呢？需要注意以下几点： （1）只要有可能，请尽量使用自然光；一定要保证光线充足，并确认整件物品都能均匀采光。 （2）背景应该选用纯净的素色，尽量简单，不混杂其他陈设，从而突出物品，大多数情况下以纯白色为佳。这样不但有助于将买家的注意力集中于产品本身，也不容易造成买家对实际出售物品的混淆。当然，如果商品本身颜色较浅时，可以用深色背景衬托物品。 （3）将相机的解像度设为中等，不但可以确保图片质素，也可加快图片档案在网站的上载时间，更方便进行图片编辑。 （4）拍摄物品时，图片中的物品尺寸必须够大，以便清楚显示物品的细节。可以的话，就让物品占满整个图片画面。同时，需多角度的拍摄多张图片，以便让买家对商品有更全面的了解。 3．商品图片的后期处理 图片上传到电脑硬盘后，通常需要挑选出满意的图片来，再用图片编辑软件来改善效果。可以使用Photoshop或者其他图片编辑软件来对图片进行处理。一般需要进行如下几种基本操作： （1）裁剪图片，删除所有不必要的背景； （2）平衡对比度和亮度； （3）锐化处理时千万不要锐化过头； （4）根据跨境电商平台对商品图片尺寸的要求，将图片大小进行调整； （5）打上吸引买家眼球的标，切记标不要太大，可以放到照片的一角，用比较醒目的颜色，比如“Sale”或“50% OFF”等字样； （6）产品图片不宜进行拼图处理；同款但不同颜色的产品图不宜全部上传； （7）图片设计需要基于对产品和消费人群的定位，在处理图片时可适当加入产品定位人群所喜好的元素与设计。 二、跨境商品主图制作 Photoshop是一款用于图像处理和制作的专业软件，具有强大的图像装饰功能，可以有效地进行图片的编辑工作、修复拍摄图片中可能存在的不足，同时还能修复模特人物身上的瑕疵、进行皮肤润色等，是跨境电商卖家在商品图片处理过程中必备的工具软件。 目前，跨境电商商品主图根据各平台的规定不同，一般包括5～8张不等，其中第一张又叫首图，首图多以清水图为主。所谓清水图，指的是纯色背景（以白色居多）、背景上无道具、只展示商品本身的图片。也有不少卖家会在主图上配以文案，展示商品的LOGO、功能、卖点、促销信息等文案。 利用Photoshop进行跨境商品主图制作的步骤和操作示例见教材。 三、跨境商品辅图处理 跨境商品辅图是指的除商品主图以外的其他图片，一般用于从多角度、多场景的展示商品的不同卖点、细节，用于优化商品的详情页。好的详情页，会带来高的点击量、转化率、客单价、较长的平均页面停留时间和较深的平均访问深度等，其中最重要的在于带来的转化率高。产品详情页从布局上看一般如下图所示。 产品详情页上的内容可以包括：品牌介绍；产品整体展示图；产品细节图；质检报告；尺码说明；使用/保养方式；运输/支付问题；生产实力展示图；FAQ（常见问题与回答）、关联商品推荐等。 1．品牌介绍不可少 2．整体展示图处理 3．商品细节图优化 4．提供质检报告 对于亲肤型产品、食品或珠宝手表等产品而言，质检报告更很大程度的提升产品在消费者心目中的可靠性与安全感，只要有，都应该加入到产品详情描述之中。 5．添加尺码说明 产品详情页上，应该列出产品的尺码，尤其是衣服。上图的尺码表既有衣服的具体尺码展示，下方又列出一个尺码表，方便买家查看。 6．使用/保养方式图像化 产品详情页上加上保养方式的说明和图示，可以给消费者更为专业和贴心的印象，增强消费者对产品的信赖感，有助于转化率的提升。 7．运输/支付问题图形化 买家在选定商品后，一般都很关心产品的收货时长/支付方式等问题。那么，卖家最好能在买家提问前就做好说明，这样可以大量节省一些回复此类常见询盘的时间。此类问题可以用图片列表说明，便于买家一目了然的了解情况。 8．用图片进行卖家生产实力展示 9．优化FAQ版块 10．关联商品推荐 任务三 跨境商品视频拍摄与剪辑 一、跨境商品视频拍摄 1．商品视频制作前期准备 在为商品拍摄视频前，应准备好拍摄设备、声音设备、摄影场地、照明设备、视频剪辑软件和脚本等。其中，脚本是拍摄商品视频的根本指导性文件，是商品视频作品的灵魂，它为整个商品视频的内容及观点奠定了基础。一个优秀的脚本可以让商品宣传视频具有更加丰富的内涵，引起观众的深度共鸣。在拍摄视频的过程中，一切场地安排与情节设置等都要遵从脚本的设计，以避免产生与拍摄主题不符的情况。 脚本的构成要素通常包括：框架搭建、主题定位、人物设置、场景设置、故事线索、影调运用、音乐运用和镜头运用等。 要 素 说 明 框架搭建 在脑海里搭建商品视频拍摄的总体构想，含拍摄主题、故事线索、场景等 主题定位 该视频想表达和传递的中心思想和主题 人物设置 需要几个人物完成拍摄、人物是否出镜、人物分工等 场景设置 在室内、室外拍摄，还是在静物台或柔光箱内拍摄 故事线索 商品视频拍摄若需要贯穿于某故事情境之中，故事线索应该如何安排 影调运用 根据视频的主题配以相应的影调，如欢乐、怀旧、搞笑风等 音乐运用 选用恰当的音乐来配合视频呈现 镜头运用 使用什么样的镜头进行商品视频内容的拍摄 2．商品视频的拍摄 下面以某家电类商品为例，来讲解商品视频的拍摄方式及其对脚本的解读。 家电类产品属于功能性产品，所以拍摄家电类的商品短视频，除了外观细节卖点这些部分之外，还需要特别呈现产品的功能以及使用方法。故家电类产品的视频拍摄通常包括外观全景展示、细节卖点展示和操作方法展示三大部分，具体拍摄步骤举例见教材。 二、跨境商品视频编辑 拍摄好的商品视频一般都需要进行后期编辑，将其制作成能更加完美展示商品特色和卖点的短视频，此时跨境卖家就需要借助到专业视频编辑软件。市面上可进行商品视频后期编辑制作的软件很多，PC端的主要有：爱剪辑、会声会影、Camtasia Studio、快剪辑等；移动端的这类软件主要有：剪映、巧影、快影、蕉片、乐秀等。此处以“爱剪辑”为例，来讲解跨境商品视频的编辑。 “爱剪辑”是一款简单实用、功能强大的视频剪辑软件，其创新的人性化界面是根据我国用户的使用习惯、功能需求与审美特点进行设计的，许多创新功能都颇具独创性。下面就以“爱剪辑”这一视频处理工具（全新2020版V3.6）为示范，举例说明某品牌蓝牙耳机的剪辑操作。具体剪辑步骤举例见教材和拓展视频所示。 学科网（北京）股份有限公司 $$