第1章 电商视觉设计概述（教案）《电子商务视觉设计》（电子工业出版社）

课 题 （项目、章节） 第1章 电商视觉设计概述 课时 教学目标 知识目标：1.了解视觉设计的内容 2.掌握电商网店的视觉定位 3.了解视觉营销的内容 技能目标：1.能够掌握商品文案的策划 2.能够拍摄产品 3.能够处理图片 重点难点 重点:电商网店视觉图像的色彩调整；电商网店的字体设计。 难点：电商网店视觉设计创意及构图 方法手段 方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等 手段：多媒体幻灯片和投影仪 教学过程与内容 教学环节设计 第1节 电商视觉设计概述 1、 创设意境，导入新课 二、新课教学一：视觉设计 视觉设计是针对眼睛功能的表现手段，通俗地说，就是指通过一些设计让产品的视觉效果更加出彩。因为这些设计是针对我们眼睛的特点进行的，所以又被称为视觉设计。视觉设计大体上可分为视觉识别设计和视觉传达设计。 三、新课教学二：视觉识别设计和视觉传达设计 四、新课教学三：视觉营销 电商视觉设计的目的是为了塑造良好的店铺形象，引起消费者的购买欲望，提升店铺形象，达到视觉营销。视觉营销是一个外来词，英文为Visual Merchandising，简写为VM或VMD。视觉营销也称商品计划视觉化，即在市场销售中管理并展现以商品为主的所有视觉要素的活动，从而达到表现品牌或商品的特性及与其他品牌或商品的差异化的目的。这项活动的核心是商品计划，同时必须要依据企业的品牌理念来做决定。这项活动实现的过程就是利用色彩、图像、文字等方式充分展现品牌或商品，从而吸引消费者的关注，由此增加人们对品牌或商品的认可度。同时产品描述的视觉展示就是用视觉来传达产品的性能与优势，最终达到营销制胜的效果，即视觉是手段，营销是目的，营销通过视觉来呈现。 五、学生练习 学生根据教师讲授内容，分组讨论对视觉设计等概念的理解 六、教学总结 教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。 1. 新课导入 2. 新课讲授 3. 学生练习 4. 教师总结 作业 教学小结 课 题 （项目、章节） 第1章 绪论 课时 教学目标 知识目标：1.了解视觉设计的内容 2.掌握电商网店的视觉定位 3.了解视觉营销的内容 技能目标：1.能够掌握商品文案的策划 2.能够拍摄产品 3.能够处理图片 重点难点 重点:电商网店视觉图像的色彩调整；电商网店的字体设计。 难点：电商网店视觉设计创意及构图 方法手段 方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等 手段：多媒体幻灯片和投影仪 教学过程与内容 教学环节设计 第2节 电商视觉设计前的准备 一、创设意境，导入新课 二、新课教学一：电商网店的视觉定位 （一）电商网店的视觉定位原则 营销型网店的视觉定位原则；品牌型网店的视觉定位原则；服务关系型网店的视觉定位原则。 （二）制订视觉规范的意义 统一识别；节约资源；重复利用 三、新课教学二：文案策划 单品推荐类文案；品类推荐类文案；活动广告类文案。 四、新课教学三：产品拍摄 五、新课教学四：图片处理 六、新课教学五：详情页设计 七、学生练习 学生根据教师讲授内容，分组讨论对电商视觉定位原则、意义等概念的理解 八、教学总结 教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。 1. 复习、新课导入 2. 新课讲授 3. 学生练习 4. 教师总结 作业 教学小结 课 题 （项目、章节） 第1章 绪论 课时 教学目标 知识目标：1.了解视觉设计的内容 2.掌握电商网店的视觉定位 3.了解视觉营销的内容 技能目标：1.能够掌握商品文案的策划 2.能够拍摄产品 3.能够处理图片 重点难点 重点:电商网店视觉图像的色彩调整；电商网店的字体设计。 难点：电商网店视觉设计创意及构图 方法手段 方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等 手段：多媒体幻灯片和投影仪 教学过程与内容 教学环节设计 第3节 电商视觉设计色彩应用 一、创设意境，导入新课 2、 新课教学一：色彩基本知识 （一）色彩原理 色彩的形成；色彩的分类；色彩的特性 （二）色彩视觉心理 白色；黑色；灰色;红色;黄色;蓝色;橙色;绿色;紫色 三、新课教学二：电商网店视觉图像的色彩调整 （一）网店视觉图像的色彩调整技术 关于图像的色彩;色彩模式的转换;图像的色调调整;图像的色彩调整 （二）电商网店视觉图像的亮度与对比度调整 （三）网店视觉图像的偏色调整 四、新课教学三电商网店的配色 （一）电商网店页面的配色方案 (1)色彩搭配原则 渐进配色;对比配色;色调配色;近似配色;单重点配色;分隔式配色 (2)电商网店风格的形成要素 店铺的主要风格;产品的情绪;活动的主题气氛;店铺的包装色彩;VI配色 （二）电商网店页面的配色误区 色彩过多;背景和文字对比不强烈;过分强调色彩的刺激度 五、学生练习 学生根据教师讲授内容，阐述色彩视觉心理对电商视觉设计的影响 六、教学总结 教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。 1.复习、新课导入 2.新课讲授 3.学生练习 4.教师总结 作业 教学小结 课 题 （项目、章节） 第1章 绪论 课时 教学目标 知识目标：1.了解视觉设计的内容 2.掌握电商网店的视觉定位 3.了解视觉营销的内容 技能目标：1.能够掌握商品文案的策划 2.能够拍摄产品 3.能够处理图片 重点难点 重点:电商网店视觉图像的色彩调整；电商网店的字体设计。 难点：电商网店视觉设计创意及构图 方法手段 方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等 手段：多媒体幻灯片和投影仪 教学过程与内容 教学环节设计 第4节 电商视觉文字应用 一、创设意境，导入新课 二、新课教学一：电商视觉设计中的字体 （一）字体 字体（文字）作为一种视觉符号，与色彩、形状共同构成了视觉传达的“铁三角”。在企业营销活动中，不可能缺少文字这一视觉符号。企业和品牌的标志、产品、包装、广告等涉及视觉传达范围的活动必然离不开文字。视觉营销的核心就是通过视觉传达影响消费者的购买行为。这也就决定了字体在视觉营销中具有与色彩、形状相同的重要作用。 （二）字体设计 字体设计是视觉传达设计的一个重要的组成部分，按照视觉设计规律，遵循一定的字体塑造规格和设计原则对文字加以整体的精心安排。创造性地塑造具有清晰、完美的视觉形象的文字，使之既能传情达意，又能表现出使人赏心悦目的美感。也就是运用视觉美学规律，配合文字本身的含义和所要传达的目的，对文字的形象、大小、排列、笔画结构乃至色彩等方面加以研究、设计和艺术处理，使其具有适合传达内容的感性或理性表现和优美的造型，能有效地传达文字深层次的意味和内涵，发挥更佳的信息传达效果。它与色彩、形状共同构成了视觉传达设计的组成部分。 （3） 字体的视觉效果及设计风格 1．衬线字体与无衬线字体 1）衬线字体 2）无衬线字体 3） 衬线字体与无衬线字体的视觉效果 2．字体的设计风格 1）端庄秀丽的风格 2）坚固挺拔的风格3）深沉厚重的风格4）欢快轻盈的风格 三、新课教学二：电商网店的字体设计 （一）电商网店字体设计的表现形式 字体设计作为一种元素，在电商视觉设计中存在着各种变化形式，起到辅助并完善视觉设计的作用。当字体设计与广告画面进行良好的结合时，可以使消费者对产品信息的接收更快速、更深刻，从而记住并购买产品。电商网店字体设计的表现形式主要有以下几种。 1．笔形创新 2．化繁就简 3．移花接 4．三维空间 5．装饰美化 （二）网店字体设计的原则 字体设计是视觉传达设计的重要手段，主要任务就是对文字的形象进行符合设计对象特性要求的艺术处理，以增强文字的视觉效果。同时，信息传播也是字体设计最基本的功能，将正确无误的信息传达给受众，是字体设计的目的，否则将失去了它的基本功能。 1. 实用 2.可辨 3．统一 4．美感 5．创意 四、学生练习 学生根据教师讲授内容，学生自定义设计5种不同文字的表现形式。 五、教学总结 教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。 1.复习、新课导入 2.新课讲授 3.学生练习 4.教师总结 作业 教学小结 课 题 （项目、章节） 第1章 绪论 课时 教学目标 知识目标：1.了解视觉设计的内容 2.掌握电商网店的视觉定位 3.了解视觉营销的内容 技能目标：1.能够掌握商品文案的策划 2.能够拍摄产品 3.能够处理图片 重点难点 重点:电商网店视觉图像的色彩调整；电商网店的字体设计。 难点：电商网店视觉设计创意及构图 方法手段 方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等 手段：多媒体幻灯片和投影仪 教学过程与内容 教学环节设计 第5节 电商视觉设计创意 一、创设意境，导入新课 二、新课教学一：电商网店视觉设计中的形状 （一）视觉中的点：点看起来是个简单的图形，可以作为其他所有图形的构成基础。人们的注意力很容易被点所吸引，而且点又很容易和周边图形形成明显的对比，如方形、三角形、圆形，甚至不规则图形或是某种平面图形。但是，对比其周边的空间来说，该形状在电商视觉设计中即为点。 （二）视觉中的线：线的性质是运动的，代表着一个方向或一种引导。点具有聚焦的功能，而线则具有分隔空间、连接物体的功能，同时具有一种韵律的跳跃感。线的粗细、疏密的不同组合，都将产生不同的韵律。波形的曲线更是让画面具有流动感。 （三）视觉中的面：当点大到一定程度时，其轮廓就可以形成一个面。面越大，点的特性越不明显。面可以是圆形、方形、三角形等规则形状，也可以是外形不规则的异形轮廓。 三、新课教学二：形状的创意处理 （一）形状的分析 （二）形状的打散 （三）形状的提炼 （四）形状的轮廓 （五）形状的协调 四、学生练习 学生根据教师讲授内容，分组讨论对视觉设计等概念的理解 五、教学总结 教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。 1.复习、新课导入 2.新课讲授 3.学生练习 4.教师总结 作业 教学小结 学科网（北京）股份有限公司 $$