电子商务视觉设计教案VIP免费

1第1章初识电商视觉设计教学内容一、视觉设计的定义二、电商视觉设计前的准备三、电商视觉设计黄金构图法教学要求【知识目标】1.了解视觉设计的定义及其类型。2•了解电商视觉设计前的准备工作。3•掌握电商视觉设计黄金构图法。【技能目标】1•熟悉电商视觉设计刖的准备工作。2•掌握并运用电商视觉设计黄金构图法。教学重点熟练掌握并运用电商视觉设计黄金构图法教学难点熟练运用电商视觉设计黄金构图法教学方法讲授法、案例法课时数6课时教学内容第一节什么是视觉设计一、视觉识别设计视觉识别设计来源于企业形象识别系统，简称为CIS。企业形象识别系统一般分为三个方面，即企业的理念识别MindIdentity(MI)，行为识别BehaviorIdentity(BI)和视觉识别VisualIdentity(VI)。2视觉识别系统规范手册就是用来规范企业形象的图书，内容主要分为基本设计要素和应用设计要素两个部分。二、视觉传达设计视觉传达设计是以视觉媒介为载体，以文字、图形和色彩作为创作要素，利用视觉形象传达特定的信息给受众，从而使被传达对象产生影响的过程。视觉传达的作用是让人与人之间利用“看”的形式进行交流，是通过视觉语言进行表达传播的方式。第二节电商视觉设计前的准备―、网店的视觉定位视觉定位，就像人的风格定位一样。不同的产品对应不同的视觉定位，不同的消费群体有着不同的视觉偏好，关键是要将产品的定位和卖家的视觉偏好进行整合，使店铺在风格上能够呈现出一种整体的效果。（一）营销型网店的视觉定位原则在于营造促销氛围，主要体现在通过对比强烈的颜色突出显示打折、包邮、半价等优惠活动的字眼。（二）品牌型网店的视觉定位原则是突出品牌优势，整体设计风格偏向于简洁、干净,重点突出品牌Logo的形象代言等元素。（三）服务关系型网店的视觉定位原则是包装服务形象。二、明确视觉规范的作用制定视觉规范有以下几个方面的意义：统一识别：视觉规范可以确保网店在整体风格、售前售后服务和产品包装形象等方面都保持整体风格的一贯性，既有利于买家识别和区分店铺，也可以避免买家在浏览时出现理解困难,甚至是理解错误的现象。节约资源：除了活动海报等个性模块之外，其他的页面和模块参照规范进行设计可以极大地减少设计时间，从而达到节约资源的目的。重复利用：设计相同属性的模块或页面时，执行视觉规范有利于减少无关的信息，方便买家的阅读和信息传递。同时，视觉规范也有利于美工之间的协调工作。标准化的视觉规范不但可以节约设计时间，还可以避免出错。第三节电商视觉设计黄金构图法3归纳提―、对称切割构图法对称切割构图法的前提一般是将内容分为主次两部分，并且这两部分是对立关系的情况下，将整个页面一分为二，内容划分明确，也更加具有视觉冲击力，可以使画面具有平衡不失重的效果。二、组合切割构图法组合切割构图法是通过集中而有规律的排列，从整体上抓住人们的视觉，让整个页面设计更具有立体感。这种构图方式适合每个区块中的内容属于平级关系产品的展示，用这种组合的排列能够保持各种内容的关系，也能让布局更具创意三、整体场景构图法整体场景构图法专题内容不多，适用于促销、节日、活动等页面。整体场景构图法可以将目标客户快速地带入到页面氛围中，使宝贝信息更加精准、流畅。四、多重切割构图法多重切割构图法，其不规则的构图稳定而锐利，干净的排版易于识别，让单一的页面变得生动，复杂的页面变得时尚，能够避免画面出现生硬感，不宜产生审美疲劳。五、简单切割构图法使用简单的线条或图案整齐地分割整个页面，使画面瞬间变得有趣、生动起来，内容区域也能得到有效的划分。这类构图方式对内容没有过多的要求，可以随意安排，具体排版可根据内容来处理。六、流程构图法专题运用这种构图方式能够将步骤、关系、各个节点以及整体流向展示清楚，再配合图片进行展示，一个枯燥的流程瞬间变得个性十足，用户浏览起来简单而又明了，并且充满了趣味性。七、放射构图法放射构图法能展示出由一个中心点向四周扩散的效果，起到导向的作用，让整体页面呈现出立体与空间感，画面冲击力强，富有动感。需要注意的是，放射状的排版不太适合文字阅读，要注意文字排...