《电商视觉营销设计》教案第3课浅析电商视觉营销设计基础（一）.docx

《《电商视觉营销设计》教案第3课浅析电商视觉营销设计基础（一）.docx》由会员分享，可在线阅读，更多相关《《电商视觉营销设计》教案第3课浅析电商视觉营销设计基础（一）.docx（9页珍藏版）》请在优知文库上搜索。

1、课题浅析电商视觉营销设计基础(一)课时2课时(90min)教学目标知识技能目标：(1)了解电商视觉营销设计的四大原则、五个步骤(2)掌握素材的搜集方法(3)掌握色彩的合理应用(4)掌握点线面的灵活使用素质目标：(1)夯实基础，助力个人的长远发展(2)增强法治意识，自觉用相关法律法规规范自身行为教学重难点教学重点：电商视觉营销设计的四大原则、五个步骤，素材的搜集、色彩的合理应用、点线面的灵活使用教学难点：通过合适的方法和途径高效搜集素材，从配色、构图等角度，对店铺进行合理的视觉营销设计教学方法案例分析法、问答法、讨论法、讲授法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任

2、务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，预习本节课要讲的知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出问题：(1)电商视觉营销设计需要遵循哪些原则？(2)电商视觉营销设计的基本流程？【学生】聆听、思考、讨论、举手回答传授新知【教师】通过学生的发言，引入新的知识点，讲解电商视觉营销设计，以及搜集素材、运用色彩、使用点线面的相关知识一、初识电商视觉营销设计在进行视觉营销设计之前，首先要了解电商视觉营销设计的原则和基本流程。(一)电商视觉营销设计的四大原则电商视觉营销设计需要遵循一定的原则，这些原则包括目

3、的性原则、美观性原则、统一性原则和易用性原则等。1.目的性原则目的性原则是电商视觉营销设计的首要原则。网店是数字化的店铺，通过视觉设计来吸引消费者是其视觉营销设计最重要的目的。【教师】通过多媒体展示“某男装店铺首页（部分T和“某女装店铺首页（部分）”图片（详见教材），并进行讲解例如，图1为某男装店铺首页，该店铺的目标消费群体为3545岁男性，因此页面使用的颜色较暗且单一，以彰显这个阶段男性的成熟与稳重；而图2为某女装店铺首页，该店铺的目标消费群体为2530岁女性，因此页面使用的颜色较亮且多样，以表现这个阶段女性的青春与活力。2 .美观性原贝!J优秀的视觉营销设计应具备协调的色彩搭配、合理的构图

4、、独特的创意等，这样才能吸引消费者注意，让消费者在愉悦的视觉体验中购买商品和记住品牌。【教师】通过多媒体展示“运动鞋店铺首页（部分）”图片（详见教材），并进行讲解例如，图中的运动鞋店铺首页采用橙、紫配色，使画面看起来十分协调；将运动鞋倾斜摆放，能为画面增加张力；将运动鞋放在跑道的起跑线（终点线）上，巧妙体现了商品的运动性能，整个画面极具创意，能够快速吸引消费者目光。3 .统一性原则当店铺的视觉呈现与品牌形象、商品定位一致，或者网店各个页面的设计风格统一时，可以有效强化品牌形象，让消费者对品牌有统一、完整的认识。这也是提升店铺形象最直接的方法。【教师】通过多媒体展示“数码产品店铺首页（部分）和手

5、机详情页（部分）”图片（详见教材），并进行讲解例如，图中的数码产品店铺首页和手机详情页采用统一的设计风格，能让浏览该店铺的消费者对品牌的印象更加深刻。4 .易用性原则易用性关系着消费者的体验感，只有操作方便、浏览流畅的页面，才能给消费者带来良好的购物体验，从而促进商品销售、提升品牌影响力。【教师】通过多媒体展示“商品类目”图片（详见教材），并进行讲解（1）商品类目的划分：店铺中商品类目的划分层次不宜过多，且尽量不要重复，以免让消费者产生混乱感。（2）购物路径的优化：设计店铺页面的购物路径时，要尽量保证消费者无论浏览IlJ页面的哪个部分，都能够方便地购买商品。【教师】随机邀请学生回答以下问题：电

6、商视觉营销设计的四大原则是什么？【学生】聆听、思考、回答【教师】总结学生的回答（二）电商视觉营销设计的五个步骤【教师】通过多媒体展示“电商视觉营销设计的基本流程”图片（详见教材），并进行讲解电商视觉营销设计的基本流程如图2-6所示(1)调研与策划：在正式对店铺进行视觉营销设计之前需要开展调研工作,首先收集信息，如目标消费者信息；然后对收集到的信息进行研究分析，如分析目标消费者的消费习惯、审美偏好等，以确定消费者需求；接着根据分析结果有针对性地策划营销活动，最终形成一套完整的策划方案。(2)搜集资料：根据策划方案搜集资料，包括文案、图片等，为后续的视觉营销设计做准备。(3)设计：构思整个店铺的视

7、觉呈现效果，包括色彩、构图方式、图片的选择，文案的编写等。(4)制作与投放：利用图像处理软件将构思好的店铺视觉呈现效果制作出来并进行切片，然后上传到店铺中，完整的店铺页面就可以展示在消费者面前了。(5)数据化分析：通过分析流量、转化率、客单价等店铺经营基础数据,可以得出店铺视觉营销的基本情况。如果这些数据可观，说明店铺视觉营销效果较好；反之，说明店铺视觉营销效果不佳，此时就需要结合这些数据对各个页面进行优化，直至获得满意的效果。知识库：流量：店铺的访问量，主要用来描述店铺的访问数及消费者浏览页面的次数。转化率：产生购买行为的人数与进入店铺人数的比率，是店铺产生销售额的重要依据。客单价：消费者平

8、均购买商品的金额，是与店铺销售额息息相关的重要数据。二、学会搜集素材，让营销更高效亮眼的电商视觉营销设计效果离不开合理且恰当的素材使用，因此懂得约会”素材就显得尤为重要了。本节将介绍文案和图片素材的搜集方法。(一)文案素材的四大高效搜集法刚接触营销的人在写文案时总会遇到无从下笔，或者写出来的文案辞藻华丽却空洞无物，又或者文案内容逻辑混乱、词不达意等情况，这是因为他们积累的相关素材较少。接下来就介绍文案的四大高效搜集法，帮助大家建立属于自己的文案素材库。(1)认真观察并记录生活。【教师】通过多媒体展示“农夫果园海报”图片(详见教材)，并进行讲解例如，(详见教材)(2)利用网络搜集文案素材。(3)

9、根据消费者反馈搜集文案素材。(4)通过实践体验获得文案素材。(二)图片素材的两大搜集途径常用的图片素材搜集途径有拍摄图片和借助网络搜集图片两种。1.拍摄图片一般来说，店铺页面展示的商品图片大多来自拍摄，以确保展示在消费者面前的商品是真实可靠的。采用拍摄途径获得图片素材通常要经过如下流程。(1)准备并检查拍摄器材【教师】通过多媒体展示“拍摄器材准备”图片(详见教材)，并进行讲解开拍之前，拍摄者要准备好拍摄会用到的所有器材，如相机、便携式摄影棚、背景纸、反光板、柔光箱等，并检杳是否损坏,以保证拍摄的顺利完成.项链拍摄器材准备如图所示.(2)布置拍摄环境【教师】通过多媒体展示“拍摄环境布置”图片（详

10、见教材），并进行由解首先要根据商品大小选择合适的拍摄环境，然后根据拍摄需要摆放商品，此时应注意商品摆放的位置和角度，接着为商品搭配合适的背景与道具。项链拍摄环境布置如图所示。（3）布光【教师】通过多媒体展示“布光”图片（详见教材），并进行讲解众所周知，肉眼所看到的一切事物都是由物体对光线的反射所致。拍摄商品时，要如实描述商品本身的结构、形态、颜色、质感，就要通过布光来实现。通常，拍摄反光类商品时要用柔和的光线照明，以免商品表面出现难看的光斑；拍摄吸光类商品时，如果商品表面比较粗糙，可用硬朗的光线照明，以表现其质感。项链布光如图2-10所示.-（4）拍摄【教师】通过多媒体展示“拍摄效果”图片（详

11、见教材），并进行讲解首先根据拍摄环境设置相机参数，然后确定构图方式、拍摄角度等,最后开展拍摄工作。项链拍摄效果如图所示。需要注意的是，应尽量多拍摄一些素材，便于另逾的同时，可避免返工情况的发生。（5）拍摄拍摄完的商品图片往往会因为一些因素无法直接使用，还需利用图像处理软件进行调整，如二次构图、修复瑕疵、调色等，使图片更加美观的同时方便使用。需要注意的是,修图时切不可过度美化商品，以免消费者无法真正地了解商品。2.借助网络搜集图片【教师】通过多媒体展示“常用的图片素材网站”表格（详见教材），并进行讲解一些图片的搜集也可以借助网络，下面介绍几个常用的图片素材网站，如表所示。表2-1常用的图片素材网

12、站名称及网址介绍包图网()包括数量超3000万的正版图片、视频、音频等素材，这些素材均可商用，但要下载这些素材需付费开通VlP摄图网()提供丰富的多媒体素材，涵盖图片、视频、创意背景、设计模板、GIF动图、免抠元素、办公文档、插画、音乐等，这些素材均可商用，但要下载这些素材需付费开通VIP千图网(https:/WWW)提供图片、矢量图、PSD源文件、网页、3D模型、PPTx画册、图标等多种素材下载，并设有“免费专区”，允许普通用户在此专区内每日免费下载一次素材花瓣网()一个图片分享社区，其中收集了众多图片，涵盖平面、插画、漫画、摄影、游戏、动漫、工业设计、建筑设计、人文艺术、家居家装、女装搭配

13、、男士风尚等多种类型Iconfbnt()中文名称是阿里巴巴矢量图标库”，提供矢量图卜栽、在线存储、格式转换等功能。该网站中的矢量图资源十分丰富，且大部分都可以免费下载，但用于商业用途需获得原作者授权Unsplash()提供可免费卜.我的、免授权使用的高质量图片。其中的图片大多由专业摄影师拍摄并上传，普遍具有设计感Pixabay()提供可免费下载的图片资源，这些图片涉及人物、动物、交通、医疗、金融等多个领域，具有多种分辨率，且均遵循CCO协议，可免授权用于商业用途Pexels()提供图片和视频资源，该网站的所有内容均遵循Ca)协议，可免费下载和商用【教师】提出问题：你知道CCO协议是什么吗？【学

14、生】聆听、思考、回答【教师】总结学生的回答CCO协议是国际知名组织知识共享组织(CreativeCommons)所提供的一种版权许可协议。若文字、图片、音频、视频等作品遵循CCO协议，表示作品的著作权人已放弃对其享有的版权，将其贡献到了公共领域中。简单来说就是，遵循了CCO协议的作品可以随意使用。三、合理运用色彩，让营销更出色色彩是影响视觉效果的重要因素，要想得到满意的色彩搭配效果，就需要了解色彩的基础知识及传递的情感，并掌握色彩搭配的技巧。(一)色彩三要素在有彩色系中，任何一种颜色都具有色相、纯度、明度这三个基本属性，它们被称为色彩三要素。【教师】通过多媒体展示“色相”图片(详见教材)，并进

15、行讲解(1)色相：是指色彩的相貌，它是色彩的首要特征，用于区别不同的颜色，如红色、橙色、黄色、绿色、蓝色、紫色等。【教师】通过多媒体展示“纯度”图片(详见教材)，并进彳五井解(2)纯度：是指色彩的纯净程度，也称饱和度。色彩纯度的高低取决于该色彩中主色和杂色的比例，主色比例越大，纯度越高，色彩越鲜艳；反之，纯度越低，色彩越暗淡。【教师】通过多媒体展示“明度”图片(详见敕材)，并进彳五井解(2)明度：是指色彩的明暗程度。色彩的明度有两种情况，一是同一色相的不同明度，如在同一种颜色中加入不同比例的黑色后产生不同的明暗层次(见图2-14),二是各种色相之间的明度差别，如在同样的纯度下，黄色的明度最高，紫色的明度最低。(二)色彩表达的情感【教师】扫码播