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

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

1、课题浅析电商视觉营销设计基础(二)课时2课时(90min)教学目标知识技能目标：(1)了解八种常见的构图方式、三大构图技巧(2)赏析优秀店铺,提炼电商视觉营销设计技巧素质目标：(1)夯实基础，助力个人的长远发展(2)增强法治意识，自觉用相关法律法规规范自身行为教学重难点教学重点：八种常见的构图方式、三大构图技巧教学难点：通过赏析优秀店铺，提升电商视觉营销设计技巧教学方法案例分析法、问答法、讨论法、讲授法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，预习本节课要讲的知识【学生】完成课前任务

2、考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出问题：(1)常见的构图方式有哪些？(2)你知道哪些构图技巧？【学生】聆听、思考、讨论、举手回答传授新知【教师】通过学生的发言，引入新的知识点，讲解八种常见的构图方式、三大构图技巧，以及通过赏析优秀店铺，提炼电商视觉营销设计技巧的相关知识一、打造最佳构图，让营销更有感染力优秀的视觉营销设计离不开高质量的构图设计，构图做得好，画面的协调性、平衡性、视觉流畅感都会随之提氤(一)八种常见的构图方式构图就是处理画面中文字、图片、图形等元素之间的关系，使之构成一个协调、完整的画面。下面介绍几种电商视觉营销设计中常用的构图方式。【教师

3、】通过多媒体展示“水平线构图”图片(详见教材)，并进行讲解(1)水平线构图：将重要元素安排在画面水平线上的构图方式。采用水平线构图的画面能表现出稳定、平和、安静的气氛、如图所示。(2)垂直线构图：将重要元素安排在画面垂直线上的构图方式。采用垂直线构图的画面给人高耸、挺拔的感觉。【教师】通过多媒体展示“对角线构图”图片（详见教材），并进行讲解（3）对角线构图：也称斜线构图,是将重要元素安排在画面对角线上或对角线附近的构图方式。此构图方式有效利用画面对角线的长度，使视角显得更加开阔，为画面增加延伸感、运动感、如图所示。【教师】通过多媒体展示“曲线构图”图片（详见教材），并进行讲解（4）曲线构图：将

4、重要元素呈曲线摆放或排列的构图方式。采用曲线构图的画面给人优美、雅致、灵动的感觉、如图所示。【教师】通过多媒体展示“对称构图”图片（详见教材），并进行讲解（5）对称构图：画面中左右或上下部分的元素大小、形状基本一致的构图方式。采用对称构图的画面给人和谐、稳定的感觉、如图所示。【教师】通过多媒体展示“中心构图”图片（详见教材），并进彳五井解（6）中勾图：将重要元素摆放在画面中心位置的构图方式。采用中构图的画面不仅给人端正、整齐的感觉，还能明确突出主体、如图所示。【教师】通过多媒体展示“三角形构图”图片（详见教材），并进行讲解（7）三角形构图：以三个视觉中心为元素主要摆放位置的构图方式。这三个视觉

5、中心构成的三角形可以是正三角、斜三角或倒三角。采用三角形构图的画面给人稳定、均衡的感觉、如图所示。【教师】通过多媒体展示“九宫格构图”图片（详见教材），并进行讲解（8）九宫格构图：也称井字构图或三分法构图，是将画面的横向和竖向分别用两条直线平均分成三份的构图方式。其中，横竖线称为黄金分割线，其相交的四个点称为趣味点或黄金分割点。黄金分割点是点元素主体放置的最佳位置；若主体是线元素，则最宜放置在黄金分割线上或附近、如图所示.【课堂讨论】组织学生讨论以下问题：构图方式多种多样，来说说你还知道哪些构图方式？【学生】聆听、思考、讨论、回答【教师】总结学生的回答，扫码播放“棋盘式构图和框架式构图”视频，

6、使学生了解更多的构图方式（二）三大构图技巧掌握一定的构图技巧，可以使设计出的店铺页面更加出彩，从而快速吸引消费者目光。下面介绍店铺视觉营销设计中的三大构图技巧。1.保证画面的平衡性【教师】通过多媒体展示“保证画面的平衡性”图片（详见教材），并进彳五并解平衡是指画面左右或上下部分的元素在不对称的情况下，通过对其进行等量安排，使画面形成视觉上的稳定，这样才能保证画面既稳定又富有变化。在电商视觉营销设计中，将商品、文案等通过疏密、大小、远近等的处理，可以使画面达到平衡，从而为消费者提供良好的视觉感受、如图所示.2 .注重画面的节奏感【教师】通过多媒体展示“注重画面的节奏感”图片（详见教材），并进彳五

7、井解节奏是指画面中各个元素组合时，在某种秩序下起伏变化的规律,带有节奏感的画面具有一种秩序美。在电商视觉营销设计中，有规律地对商品、文案等进行排列，就可以使画面具有一定的节奏感，为消费者营造一种视觉连续感，使其浏览更加流畅、如图所示。3 .懂得调和画面【教师】通过多媒体展示“懂得调和画面”图片（详见教材），并进行讲解当画面中多个元素存在明显差异时，会给人带来强烈的感官刺激。但是画面中只有对比没有调和，会缺少安定的美感。调和就是让画面中的对比元素找到妥协点，让对比关系得以缓和，使整个画面变得更加和谐.例如，图中用骨头图形及文案来调和红、蓝背景的对比关系。二、赏析优秀店铺，提炼电商视觉营销设计技巧

8、【教师】通过多媒体展示“茶具店铺首页”图片（详见教材），并进行讲解下面以茶具店铺首页见图中为例，讲解电商视觉营销设计技巧在店铺中的应用。（1）色彩的运用。茶具店铺首页的背景图案、文字等大多使用不同明度的灰色、黑色，这些颜色像不同浓淡的墨色，能为整个画面增添古香古色之感，以体现茶具店铺的特点。另外，商品图片中的背景颜色大多纯度较低，与灰色、黑色搭配使用，可以获得平稳、和谐、统一的画面效果。（2）点线面的运用。该店铺首页的商品类目设计使用点元素，可以使其成为焦点，从而吸引消费者注意；背景图案和文字装饰都使用了线元素，可以使画面效果更加丰富；每一幅图片都可以视为一个面元素，这些面元素面积、形状不同，

9、可以形成一定的对比，使画面更具表现力。另外，点线面穿插使用，能为画面增添动态美感。（3）构图的运用。该店铺首页的商品图片大多采用对角线构图，能为画面增加延伸感、运动感；而海报大多一侧展示商品，另一侧添加商品文案，这种平衡构图方式可以使画面形成视觉上的稳定。这种既具动感、又具稳定感的画面能给消费者带来良好的视觉体验。俘生】盼反理解记T乙课堂实践【教师】通过多媒体展示“女装店铺促销海报资料”图片，简单介绍实训步骤，然后组织学生设计女装店铺促销海报【实训步骤】一、搜集资料。根据主题搜集文案、图片等资料，具体可参考图中。需要注意的是，图片素材可实际拍摄，也可从网上下载；且文案内容需紧紧围绕关键词促销”

10、进行搜集。二、确定配色方案。根据想要获得的视觉效果进行色彩搭配。例如，利用类似色紫色和红色搭配，能使整个画面给人既和谐又活泼的感觉；将画面中面积最大、作用最强的色彩设置为绿色，不仅能给人自然、清新的感觉，还能与服装颜色呼应。【教师】通过多媒体展示“采用中心构图的海报效果”和“采用平衡构图的海报效果”图片（详见教材），并进行讲解三、确定构图方式。根据想要获得的营销效果进行构图，此时需注意点、线、面的应用。例如，若想让消费者更多关注商品本身，可将图片摆放在中心位置，具体效果可参考图中；若想让消费者更多关注促销信息，可左侧放置主要促销文案，右侧放置图片，具体效果可参考图中0甦】婚、廨资就确谢色鼠三三t,将设训那畸雌诩狮【教师】根据学生的设计效果进行评价，并选出两幅设计最好的海报进行展示课堂小结【教师】简要总结本节课的要点打造最佳构图、让营销更有感染力赏析优秀店铺，提炼电商视觉营销设计技巧【学生】总结回顾知识点作业布置【教师】布置课后作业(1)总结本节课课堂内容，形成思维导图(2)利用所学知识，设计更多的海报【学生】完成课后任务教学反思