网店装修第二版全书电子教案

《网店装修第二版全书电子教案》由会员分享，可在线阅读，更多相关《网店装修第二版全书电子教案（88页珍藏版）》请在装配图网上搜索。

1、店铺视觉规范任务一 店铺风格定位 一、教学目标1、知识目标（1）了解店铺视觉规范的基础理论知识（2）掌握店铺风格定位的方法。2、技能目标（1）能正确理解店铺视觉规范。（2）能熟悉店铺风格定位的方法3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析在网络购物时，店铺装修给顾客的第一印象，就决定了其对店铺的直观感受。虽然品牌、价格等因素也是店铺定位的重要条件，但是排在首位的还是视觉印象。因此，店铺的视觉定位几乎就等于店铺的定位。所以店铺风格是一个重内容。教学重点：1、店铺风格规

2、范的知识。 2、店铺风格定位的方法。教学难点：1、店铺风格定位方法。 2、店铺风格定位的原则。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示两家化妆品店铺的首页，看了这后，你会喜欢那个的店铺风格？为什么？1.教师分析看展示家化妆品店铺的首页，角色为买家，会喜欢哪个？由对比反差引出店铺风格定位的重要性2、新课讲解一、店铺风格的定义店铺风格是指网店给访客的直观感受。就像一个人，留什么样的发型，穿什么款式的衣服，甚至言行举止，都在向别人传递着许多信息，而这些信息会给人留下或好或坏的印象。店铺风格主要体现在网店主营商品类型、网店装修风格、网店商品价位、网店促销方式、网店顾客服

3、务等方面。二、店铺风格定位的原则店铺风格定位需要遵循以下几个原则：（）要有依据，不能仅凭个人喜好或猜测就给店铺做风格定位，要做到有理有据。（）色彩搭配有主次、有对比，不能整个店铺通篇都是一种颜色，给人很单调、压抑的感觉。（）色系不宜过多，太多会让人觉得乱，应控制在三种以内。（）少用鲜艳色，尽量采用中间色。鲜艳色比较刺眼，可能喧宾夺主，会抢商品的风头。任何店铺，其真正的主角都是商品而不是装修，装修只是一个衬托。中间色比较温和，不张扬。 三、店铺风格定位的方法行业特性根据行业特有的性质来确定店铺风格。例如：户外运动（见图）的关键词：动感、大自然、健康、活力；推荐色系：蓝、绿、橙、红。孕婴用品（见图

4、）的关键词：温馨、希望、洁净、成长；推荐色系：浅粉、浅玫瑰、浅绿、浅蓝。商品特性（）价格水平我们就可以从商品的档次上来定位装修风格，要显得精美、有档次。（）消费群体可以从消费者的性别、年龄、职业、文化水平、收入水平等方面找出消费群体的特性和共性。（）文化内涵根据商品不同的特性，可以在装修时选择具有不同文化内涵的主题，如茶具、茶叶、保健品等可以选用具有中国风、水墨复古的装修风格，（时节特性有时候还需要根据季节的不同，选择不同的店铺装修风格。春天春回大地，选择绿色为主色调来装修，秋冬季节，以橙色、红色等暖色进行装修。不同的节日，还可以更换不同的风格。四、通过对任务的分析及店铺风格定位的学习，制订店

5、铺风格定位计划如下：分析店铺主营商品特征分析店铺目标消费群体定位店铺风格（1）伊米生活用品店主营项目为水杯、毛巾、拖鞋等现代日用百货商品，此类商品注重实用又兼具美观。（2）分析店铺目标消费群体（3）本店的主要消费群体为岁的时尚女性，一般在企事业单位工作，收入较高，工作稳定，消费特点为精打细算，在购物方面追求美观与实用性。因此，店铺的装修就要符合女性的审美习惯，要求重点突出功能、设计、性价比等。三、定位店铺风格店铺风格主要有时尚、简约、古典、非主流、酷炫、可爱、小清新、欧美、中国风、奢华、手绘、甜美、商务等。通过参考优秀日用百货网店的设计风格，分析行业特性，目标群体的爱好、特点，找出店铺想要表达

6、的概念，明确体验关键词为简洁、时尚，以获得目标消费群体的信任和关注。五、店铺定位方法：方法一：参考同行业店铺，确定大致的范围。在淘宝店铺搜索“家居日用品”，把这个行业里经营得比较好的店铺找出来，进行参考、比较或部分模仿。方法二：根据确定的店铺风格，到淘宝网卖家服务装修市场，或者设计网站，如：90设计、千图网等找到合适的店铺模板，进行参考、比较或部分模仿。了解电脑端店铺首页描述规范。能熟悉店铺风格定位的方法。让学生先行了解店铺风格定位的方法。让学生对店铺规范知识有系统的了解，便于后面的配色4、学生实训一、在淘宝网上去查找不同的店铺首页设计，至少10款，挑出最能你最喜欢的，并说明为什么？二、发布任

7、务：五一劳动节快到了，小熊电器店想重新装修店铺，以配合劳动节大促，请你定位店铺装修风格。1.查找店铺规范2.查找店铺风格通过对各个网店的同类产品的店铺对比，得出优秀的店铺优点在哪里5、课后小结本节课要掌握的重点：1.店铺风格规范的知识2、店铺风格定位的方法明白本节课自己要掌握的知识点回顾所学知识3吸引眼球的海报设计任务二 配色方案确定 一、教学目标1、知识目标（1）掌握配色方案的概念与知识。（2）掌握配色方案的设计方法。2、技能目标（1）能正确使用配色方案。（2）色彩搭配的原理。3、情感目标（1）培养学生观察与分析的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生

8、自主学习、协助学习的能力。二、教学内容分析配色是店铺视觉规范的一个重要内容，网店整体配色，一定要给人统一和谐的感觉，是决定买单下单的一个重要因素，所以这是店铺视觉规范的一个重要内容。教学重点：1、色彩搭配的原理要素。教学难点：1、色彩搭配的技巧与方法。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题生活中，爱美的女性常常讨论，什么颜色的上衣搭配什么颜色的裙子，配什么颜色的包，戴什么颜色的项链或手链，才会好看，这其实就是在讨论配色方案。如下图网店。通俗地明白配色的概念，强化店铺配色设计重要性。2、新课讲解一、配色的元素：1.网店整体配色：一定要给人统一和谐的感觉，并不是越花哨

9、越好，花哨只能使访客觉得混乱。2.配色总的应用原则应该是“总体协调、局部对比”。也就是说，页面的整体配色效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。3.色彩三要素：1.色彩是人脑识别反射光的强弱和不同波长所产生的差异的感觉，色彩具有色相、饱和度明度三种性质，也就是HSB模式。图1-13色彩三要素（1）色相(H)即色彩可呈现出来的质的与相貌，如红、橙、黄、绿、青、蓝、紫等。（2）饱和度(S)即纯度，是各色彩中包含的单种标准色成分的多少。饱和度用来表现色彩的鲜艳和深浅。（3）明度(B)，又称为色彩的亮度，即色彩的明暗差别,也即深浅差别。二、色彩心理优秀的颜色搭配可以延长顾客

10、在店铺逗留的时间，顾客在店铺浏览的时间越长，下单的机会就越大。所以，选对颜色对店铺装修有着非常重要的作用。要选对颜色，必须了解不同颜色会给人带来什么不一样的感觉。（1）暖色色调（见图1-18）：包含红、橙、黄及这三种颜色的混合，是让人觉得温暖、愉悦、热情、激动的颜色。适合促销、女性、儿童、家居、食品等主题。图1-18暖色色调调色卡（2）冷色色调（见图1-19）：包含绿色、蓝色和紫色。是让人觉得清爽、稳重、舒缓、冷静的颜色。适合男性、户外、电器、数码、夏天、春天等主题。图1-19冷色色调色卡（3）暗色色调（见图1-20）：纯色加黑得到暗色系。是让人觉得成熟、高贵、尊贵、气势、高雅的颜色，体现能力

11、感和高格调文化。适合男性、汽车、电器、数码、商务、奢侈品等主题。图1-20暗色色调色卡（4）明色色调（见图1-21）：纯色加白色得到。是让人觉得时尚、活泼的颜色。适合时尚、运动、年轻等主题。图1-21明色色调色卡（5）淡色色调（见图1-22）：明色加白色得到。是让人觉得清新、温柔的颜色，适合少女、幼儿主题。图1-22淡色色调色卡三、色彩搭配1、单一色彩配色：选择单一色彩，然后调整明度或者饱和度，将色彩变淡或加深，使得单一色彩页面也有丰富的画面变化和美感。图1-23单一色页面2、两种对比色彩配色先选定一种色彩，然后选择它的对比色，这个对比色就是第二种颜色。图1-24对比色页面3、使用邻近色彩配色

12、邻近色彩不是同一色彩但是又非常接近，是在色相环上顺序相邻的色彩。图1-26邻近色页面四、确定好店铺风格后，根据色彩搭配方法，制定以下计划：选定主色确定辅色找出突出色制定配色方案五、设计决策：（1）根据总体协调、局部对比的配色原则，在为网店配色时，首先应确定网店的主色调。（2）根据主色确定辅色（按钮、标签、重要文字）根据两种邻近色彩配色方法找出网店的辅色（3）找出网店的突出色根据两种对比色彩配色方法找出网店的突出色。六：任务实施方法一：根据色相环确定配色方案。（1）设计决策确定了主色为蓝色，确定颜色明度与饱和度（2）根据邻近色原则，蓝色的邻近色是绿色或者紫色，可以确定辅色为紫色。（3）根据对比色

13、原则，蓝色的对比色是黄色、红色、橙色，可以确定突出色为橙色。（4）得出配色方案，（见图1-24）。图1-27配色方案1方法二：从成功网店借鉴配色方案。对于新手来说，很难马上将这些色彩知识应用到自己的网店中，最便捷快速的方法就是学习借鉴其他成功网店中的配色方案。除了网店外，还可以借鉴网页，甚至世界名画。先找到一个借鉴的网店，（见图1-28）。熟悉配色方案的知识与设计技巧，掌握设计原理与设计的技巧。让学生多观察，并结合所学的知识进行设计方案。4、学生实训国庆节快到了， “飞利浦”小家电电器店铺重新装修店铺，以配合国庆节大促。请你根据店铺资料的消费群体与系列产品特征设计店铺的配色方案。1、店铺名称：

14、飞利浦小家电器店2、产品服务与特色：实用小家电电器，系列产品包括吹风机、剃须刀、挂烫机、电动牙刷、空气净化器、电子美容仪、吸尘器等品类。公司网址：3、消费群体:年轻群体4、品牌形象类型：实用小家电根据上面的知识点，完成小家电的设计。（没有弄清楚的地方可参看微课）通过此任务的完成，掌握配色方案的设计。5、课后小结本节课要掌握的重点：1、色彩搭配的原理要素。2、色彩搭配的技巧与方法。明白本节课自己要掌握的知识点回顾所学知识任务三 字体的规范 一、教学目标1、知识目标（1）了解店铺字体规范基础理论知识（2）掌握店铺字体风格的分类。2、技能目标（1）能正确理解店铺字体应用的规范。（2）能熟悉字体设计的

15、风格。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析在网络购物时，设计师在创作中，什么情况下适合哪种字体，哪种风格适合哪些字体，都直接影响这个设计内容的视觉传达，值得设计师思考。如果在设计中应用了不合适的字体，不仅会使传递的信息大打折扣，严重的还会使其成为无效信息，影响转化率。因此，选对字体对我们的设计有着不可或缺的作用。教学重点：1、店铺字体规范的知识。 2、店铺规范字体的分类。教学难点：1、店铺规范字体的使用。 2、店铺规范字体的分类。三、教学过程设计教学步骤教师活

16、动学生活动设计意图1、创设情景引入课题搜索字体的相关知识，比较分析，思考不同字体应用不同消费者有哪些区别？包含哪些内容思考不同字体应用不同消费者有哪些区别。观看不同的字体。引出店铺字体规范的重要性2、新课讲解一、字体的理论知识（1）字体是有态度、有性格的。字体如同模特的一张脸，代表着一种风格，比如淘宝网上的知名店铺韩都衣舍、茵曼、七格格女装、裂帛、天使之城、阿芙、御泥坊它们都有很多特别及有个性的字体，很多字体还是比较难找的，就是为了保证唯一性和独特性。（2）字体的使用在店铺设计字体中，不是所以字体都可以免费使用的。很多新手设计师可能会忽视字体版权问题，以为所有字体就可以免费应用到设计图上，虽然

17、有些字体是免费的，但用于商业宣传还是有风险的，所以我们需尽量使用免费的商用字体。图1-32免费商用字体1图1-33免费商用字体2一般店铺中常用字体：中文字体不超过两种，一种用于标题，另一种用于宝贝描述；数字字体一种，英文字体一种，特殊字体一种（只在特定活动时用于渲染气氛）。同时，在选择字体的时候，还要根据自己的受众、媒介和行业来定。 图1-34手工感强字体 图1-35 动感强的字体二、字体的应用（1）适合男性产品使用的字体男性产品就是消费和使用人群主要为男性的产品，如：体育运动类用品、车、剃须刀、游戏设备等。图1-36适合男性产品使用的字体（2）适合女性产品使用的字体女性产品就是消费和使用人群

18、主要为女性的产品，如：女装、鲜花、珠宝配饰、护肤品、化妆品等。图1-37适合女性产品使用的字体（3）适合中性产品使用的字体中性产品就是消费和使用人群男性和女性都有的产品，如：数码产品、大家电、小家电、家装、厨卫产品等。图1-38适合中性产品使用的字体（4）适合促销类产品使用的字体因为促销类产品通常需要给用户传递非常亢奋而激烈的情绪，而这种情绪恰好与男性特征中激烈冲动且亢奋的特点相吻合，所以在促销和抢购等活动类设计中，男性化字体被普遍使用。图1-39促销类产品使用的字体（5）适合孩童产品、童趣产品使用的字体孩童产品就是使用人群主要为幼儿和儿童的产品，如：婴幼产品、零食、玩具等。童趣产品就是那些有

19、卡通人物设计、造型可爱的产品。图1-40适合孩童产品、童趣产品使用的字体（6）适合小清新、文艺、复古产品使用的字体小清新、文艺产品就是消费和使用人群主要为文艺青年的产品，如：文艺风服饰（茵曼、无印良品）、手工首饰、家居用品等。图1-41适合小清新、文艺、复古产品使用的字体（7）适合高端昂贵产品、奢侈品使用的字体高端昂贵产品、奢侈品就是消费和使用人群主要为商务精英、企业家、商人和社会名流的产品，如：名表、名贵首饰、高端包袋、高端服饰、香水、名酒等。图1-42高端昂贵产品、奢侈品使用的字体（8）适合中国传统相关产品使用的字体中国传统相关产品是指酒、茶、特产、旅游地等具有中国传统文化特质的产品。基于

20、这类产品一般具有古典优雅、中国风、霸气、历史底蕴等特征，我们可以总结出文艺文字特征：书法字体、霸气洒脱、流畅等。图1-43适合中国传统相关产品使用的字体（9）自主设计字体淘宝店铺装修设计中，为了提升文字的整体感与空间感，个别字体会使用的一些自主设计的字体。自主设计字体主要有黑体拉长、横笔相连、化点为圆、方形圆弧化等四种方法.图1-44设计字体的常用方法图1-45黑体拉长效果图1-46字体相连效果在设计过程中，也会遇到文字效果欠佳，可以添加文字效果。 图1-47描边效果图1-48斜面浮雕效果图1-49渐变效果图1-50画笔笔刷效果三、设计计划通过对任务的分析及字体规范的学习，制订字体设计的计划如

21、下：分析产品或消费者的特性选择相应的字体字体下载字体应用四、设计决策伊米生活用品店主要销售家居日用品，属于消费和使用人群男性和女性都有的中性产品。基于中性干净、简洁、中性美、精致、平静等特征，我们可以总结出中性化文字特征：性别属性不强、并不需要很强烈的情感特征、偏中立、兼具男性字体和女性字体的特征，到字由 下载合适的免费商用的字体。（1）字体下载网址有：PS家园网：字由网址： (2)字体安装：第一步：输入网址：图1-51客户端下载界面第二步：解压下载好的压缩包，进行安装，安装后出现可以选择的免费商用的字体。第三步：打开photoshop cs6软件，快速应用字体，无需下载字体，点击商用免费字体

22、预览区，点击激活字体，然后再选中设计软件中的字体，点击“文字工具”，就可以在下拉面板选择相应字体。（见图1-53）。图1-53增加字体样式了解店铺字体的应用规范。能熟悉店铺字体设计风格定位的方法。学生了解字体设计的常用方法学生理解各种产品使用字体的方法。学生学会辨别不同种类使用的方法。通过不同字体设计效果展示不同字体应用的范围。让学生先行了解店铺字体应用的规范。让学生对店铺字体规范知识有系统的了解，便于后面的字体风格的应用。学生通过对比的方法了解字体适用方法4、学生实训新店开张，需要为九阳厨房小家电电器店设计店铺的字体搭配。请你根据店铺资料的消费群体与系列产品特征选择店铺的字体搭配。1.查找店

23、铺字体设计规范。2.查找店铺字体风格。让学生主动学习，查找资料5、课后小结本节课要掌握的重点：1、店铺字体规范的知识。2、店铺规范字体的分类。明白本节课自己要掌握的知识点回顾所学知识任务一 海报文案 一、教学目标1、知识目标（1）了解海报文案的基础理论知识。（2）明白海报文案的模块组成。2、技能目标（1）能正确理解海报文案的作用。（2）能熟悉海报文案的制作方法3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决

24、定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报尺寸的规范。 2、海报的主题分类。 3、海报文案的结构。教学难点：1、海报文案的编写。 2、海报文案主题定位。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示两个不同海报图，看了这后，哪张海报文字内容会吸引你？为什么？看展示的海报图，角色为买家，会买哪个？由对比反差引出海报的重要性2、新课讲解一、海报的常见尺寸1、首页全屏海报宽：1440px/1680px/1920px、高：300px700px2、自定义页面普通海报宽：C店950px（B店990px）、高：400px600px3、宝贝详情页中的海报宽

25、：C店750px(B店790px）、高：200px400px二、海报的主题1、店铺宣传店铺宣传海报是以宣传店铺品牌为主的海报设计，旨在提升店铺形象、优化店铺结构等。2、商品宣传 商品宣传海报指的是以某件或多件商品为主的海报设计，又可分为新品型海报、热卖型海报、促销型海报。3、品牌宣传 品牌宣传海报旨在宣传品牌，提升品牌形象。4、会员宣传 会员宣传主要有会员换购、会员日等。三、海报的文案1、文案的设计过程一般要经过4个层级：战略层、感受层、内容层、表达层通过海报了解哪个内容属于这四类层级。2、海报中的文案可分：主标题、副标题、正文通过海报可以看出主标题：全网通标题：小米NOTE新品首发2099正

26、文：同时支持联通、联通、电信4G网站8月3日中午12点，晚上8点开售。了解电脑端宝贝描述规范能熟悉海报主要由哪些模块构成，每个模块的内容可为哪些？能熟练分清哪个属于分案的层级和文案分类让学生先行了解电脑端详情的基本知识让学生对海报的整体组成模块有系统的了解，便于后面的策划学生通过案例分析出层级和海报文案分类4、学生实训在淘宝网上去查找随手杯的海报，至少10款，写出海报内文案的层级和文案分类。查找海报通过对各个网店的同类海报对比，得出优秀的海报文案在哪里5、课后小结本节课要掌握的重点：1、 了解海报的主题2、海报文案的分类明白本节课自己要掌握的知识点19引起购买欲的详情页任务二 海报设计一 一、

27、教学目标1、知识目标（1）掌握海报的设计流程。（2）掌握海报的主题确定与构图。2、技能目标（1）能正确设计出海报排版。（2）能根据海报内容进行构图3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报设计流程。教学难点：1、海报构图的布局。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题你认为哪个部分是决定海报最重要的东西

28、？为什么？让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、海报设计素材选择1、需求沟通。2、确定产品特点举例海报中的护肤乳，主要的特点就是有一定花香的元素，还有就是一个清新淡雅的元素。3、确定风格。1）简约风格。就是简单而有品位，以简洁的表现形式满足人们对画面感性的、本能的需求。主要以白、黑的纯色为主，一般用到生活用品类和高端品牌。2）可爱风格。是以卡通、可爱的元素构建的风格。会用到鲜艳的颜色，主要用在母婴或者是食品类。3） 清新风格。是一种以清新唯美、随意创作风格见长，深受女孩喜爱，是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着的。主要以浅色系为主。4） 科技风格。

29、是具有科幻效果的风格体现。这种风格偏多男性喜欢。科技风格主要是以蓝色、黑色为主色调的居多。而元素的使用更是多样，会利用比较尖锐的几何图形、线条和光线的应用。主要应用在运动类或者是电器类。4、主体图的选择。（1）清晰。（2）饱满。（3）立体感、重量感。分析海报的内容二、海报的构图（一）左右构图。左右构图是指把产品和主题文案左右摆放。整张海报第一眼看到的是产品，第二眼看到的是主文案，其次才是渲染环境的元素。（二）上下构图。上下构图是指把产品和主题文案上下摆放。 （三）居中构图。居中构图是指把主题文案放在中间位置，产品放在两边。 （四）几何形构图 。（1）圆形构图法 （2）三角形构图法（3）菱形构图

30、法 （4）矩形构图法（5）梯形构图法 熟悉海报的设计流程，要懂得每一步的作用和内容熟练掌握海报的构图。熟练掌握不同的构图让学生学会设计海报的流程，而不是拿到产品就开始乱做让学生可以掌握海报的构图。4、学生实训1、找出不同风格的海报，标注海报的风格和构图方式。2、根据海报的作品内容进行自行排版。根据上面的知识点，完成海报的构图。通过此任务的完成，懂得如何进行海报构图。5、课后小结本节课要掌握的重点：2、 详情页的设计流程2、详情页的策划书的撰写明白本节课自己要掌握的知识点任务二 海报设计二 一、教学目标1、知识目标（1）掌握海报的设计流程。（2）掌握海报的排版与色彩搭配。2、技能目标（1）能正确

31、设计出海报排版。（2）能根据海报策划书布局制作海报3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报设计流程。教学难点：1、海报排版的布局。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题你认为一张海报包含哪些东西？哪个最重要？让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、文案的排版1亲密 亲

32、密原则就是将相关的信息分在一组，物理位置的接近意味着它们存在关联。2.对齐 任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则就是要找一条明确的对齐线，并坚持以它为基准，使依附于它的元素建立起除亲密以外的秩序。对齐主要有左对齐、居中对齐、右对齐。但是要避免在同一画面上混合使用多种文本对齐方式，也要尽量避免居中对齐，那样虽然会使画面显得正式，但也更乏味。3重复 设计中的某些方面需要在整个作品中重复。重复不仅对单页的作品很有用，对于多页文档或一套设计作品更是重要，通常称之为 “一致性”。但要避免过多地重复一个元素，重复太多会让人生厌。 重复有颜色重复出现、高度

33、宽度重复出现、元素间距重复出现等表现形式。 4.对比 对比要强烈才有效。如果两个元素不完全相同，就应当使它们不同，而且应当是截然不同。对比原则包含的内容很多，比如大字体与小字体、粗线条与细线条、冷色与暖色、平滑与粗糙、长宽与高窄、虚与实等。二、色彩搭配海报颜色占据画面的主要有三大元素：主体物、文案、背景。所以这三者的颜色决定了整个画面的色彩。1、提取主体物的色彩，根据产品找到本身的颜色，首先分析主体物都包含哪些颜色。2、接着进行应用。看一看哪种颜色占据最多，那就设定为主色，应用在背景中，其次就应用于文案和点缀色中。从案例中分析得到浅蓝色占据最多，其次是深蓝色和白色。3、而对于点缀色的使用，如果

34、画面的色彩有点花，那么辅助元素就弱一点，采用和主色相同的色相，把画面稍微的压一压。4、反之，如果画面太平静，需要加强一下气氛，那么辅助元素就可以采用强对比色，或者反相色，来提升画面的对比度。三、细节点缀 1、纹理背景2、几何图形3、主题相关的元素4、搭建小场景熟悉海报的设计流程，要懂得每一步的作用和内容熟练掌握海报的构图排版。熟练掌握不同的构图让学生学会设计海报的流程，而不是拿到产品就开始乱做让学生可以掌握海报的构图。4、学生实训制作小熊蒸煮凡客制作首页促销海报根据上面的知识点，完成海报设计。通过此任务的完成，懂得如何进行海报设计5、课后小结本节课要掌握的重点：3、 海报的设计流程2、海报的排

35、版和色彩搭配明白本节课自己要掌握的知识点任务三 海报上传 一、教学目标1、知识目标（1）掌握海报上传的方法。（2）掌握海报上传类型。2、技能目标（1）能正确上传不同类型海报。（2）能根据平台正确上传海报3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、首页海报上传方法。教学难点：1、轮播汇报与首页全屏海报的不同上传方式。 三、教学过程设计教学步

36、骤教师活动学生活动设计意图1、创设情景引入课题我们下面将海报上传到平台让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、常见首页海报的上传方式 1.单张首焦海报上传2.轮播首焦海报上传3.首页全屏海报上传二、轮播首焦海报的应用 （1）登录淘宝网， “卖家中心”“店铺管理” “店铺装修”。 （2）拖动 “图片轮播”，添加至首页。 （3） “编辑”窗口 ，分别添加三张上传至图片空间，并设置商品链接 。（4）修改 “显示设置”。选项控制“显示标题”，切换效果按店铺需要设置，完成后进行保存。 （5）发布轮播焦点海报。三、首页全屏海报的应用 （1）上传全屏海报到图片空间。 （2）“

37、卖家中心” “店铺管理”“店铺装修”。 （3）基础模块 “自定义区”，添加至首页。（4）点击 “编辑”，进入自定义内容区。 （5）获取全屏海报代码。全屏海报代码获取方法：1）进入稿定设计在线电商装修网站（ 2）点击进入 “代码生成”类目下的 “专业版”分类。3）打开 “淘宝-全屏海报/视屏”页面，将店铺的素材中心里的海报进行复制，粘贴到生成器里的海报地址内，并将所链接的内容进行粘贴。 4）点击生成全屏海报的代码，产生成全屏海报代码。（6）点击 “自定义内容区”窗口的 “编辑源代码”，进入代码编辑状态，粘贴全屏海报代码中修改完成的代码至 “自定义内容区”窗口中，并设置不显示标题，按 “确定”保存

38、。（7）发布后，可以在店铺首页看到全屏海报。熟悉不同类型海报的上传方式，熟练掌握首页全屏海报的应用让学生学会制作海报的上传，让学生可以掌握首页全屏上传。4、学生实训将海报上传到平台中根据上面的知识点，完成海报上传。通过此任务的完成，懂得如何进行海报上传5、课后小结本节课要掌握的重点：1、不同海报的上传方式2、海报的上传方式明白本节课自己要掌握的知识点任务一 商品主图认识 一、教学目标1、知识目标（1）了解主图的定义和作用。（2）掌握主图的要求及规格尺寸。（3）掌握主图素材的选择。2、技能目标（1）能正确理解主图的定义和作用。（2）能熟悉主图的规格尺寸、要求，选择符合要求的主图素材。3、情感目标

39、（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析主图是买家进入商品页面的必经之路，无论买家是通过自然搜索还是类目搜索，展现在眼前的第一张图片就是商品主图。主图能在第一时间吸引买家的注意，并让买家产生兴趣和好感，以获取点击，从而有效的提高点击率，增加流量。同时一张吸引点击的主图可以节省一大笔推广费用，吸引更多流量，因此主图的学习就显得非常重要。教学重点：1、主图的定义和作用。 2、主图的要求及规格尺寸。教学难点：1、五张主图的顺序及要求。 2、主图素材的选择。三、教学过程设计教学步骤教

40、师活动学生活动设计意图1、创设情景引入课题展示两张不同设计排版的商品主图，哪一张更能吸引你的球，想点击进一步了解商品？为什么？教师分析讲解看展示两张相同产品不同设计的主图，角色为买家，会喜欢哪个？由对比反差引出主图的重要性，从而有兴趣学习主图的相关知识。2、新课讲解一、主图的定义和作用1、定义：主图主要出现在淘宝搜索页、店铺首页、商品详情页、宝贝分类页。好的主图能在第一时间吸引买家的注意，并让买家产生兴趣和好感，以获取点击，从而有效的提高点击率，增加流量。2、主图的作用：（1）提高点击率。（2）提高自己店铺的辨识度 ，提高客户认知度。风格不统一的主图风格统一的主图（3）全面完整地展示产品，便于

41、客户了解详情，提升转化率。二、 主图的要求及规格尺寸1、主图的要求第一张主图：在商品的五张主图中，第一张主图也被称为首图。首图是买家在平台搜索商品的时候出现在搜索页中的图片。 第二张主图：负责解决买家的需求。如果是功能型产品就介绍商品核心的功能，如果是外观型的产品就多角度的展示外观。第三张主图：负责获取买家的信任。解决买家购物风险问题，功能型的可以是多角度展示商品细节、保修售后等信息。第四张主图：负责给予买家优惠。展示商品促销信息，促使买家决定购买。 第五张主图：建议根据官方要求放置白底商品图，且不加任何文字，上手淘首页使用。2、 主图的规格尺寸淘宝可上传的主图规范尺寸最小为310310像素，

42、不能放大；但700700像素以上尺寸通常会附带放大镜功能，因此一般行业主图的尺寸基本是800800像素，具体主图的类型、大小要求参看下图。三、 主图素材的选择主图对素材要求是很严格的，有高品质的素材图片，才能更好地展示产品的优点和卖点，才能勾起买家的点击欲望。1、主图清晰度2、主图的曝光度3、主图的像素大小了解主图的定义和作用能熟悉五张主图的要求掌握主图的规格及尺寸大小掌握素材选择的要求让学生先行了解主图的定义和作用。 让学生掌握五张主图按顺序的要求能够根据实际判断所需平台的主图大小尺寸能够为主图选择符合要求的素材3、学生实训一、茶花随手杯主图素材选择和美化1、从9张茶花随手杯图片中，根据主图

43、素材选择的要求，选出五张作为商品发布的主图。2、确定一张首图图片3、美化五张商品图片二、 根据主图的要求，从拓展任务的小家电商品图中选出5张作为商品主图素材，裁剪好大小，调整好亮度及色调，并调整好顺序。查找主图顺序及要求通过练习，将学习到的理论知识转化为实践，真正掌握知识点，能根据主图的要求去选择所需要的素材。4、课后小结本节课要掌握的重点：1、主图的定义和作用。2、主图的要求及规格尺寸。3、主图素材的选择。明白本节课自己要掌握的知识点回顾所学知识任务二 商品主图设计 一、教学目标1、知识目标（1）了解主图设计注意的事项。（2）掌握主图设计的思路。（3）掌握主图打标的方法。2、技能目标（1）能

44、理解主图设计注意的事项。（2）能熟悉主图设计的思路。（3）会给主图进行打标。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析好的主图能有效的提高点击率，增加流量。那么好的主图应该怎么来设计和制作呢？有什么注意的事项和设计的方法呢？本节课将带领大家一起学习主图设计的注意事项、思路，以及主图打标的方法。教学重点：1、主图设计注意的事项。 2、主图设计的思路。教学难点：1、主图设计的思路。 2、主图打标三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题好的主图

45、能有效的提高点击率，增加流量。那么好的主图应该怎么来设计和制作呢？有什么注意的事项和设计的方法呢？教师分析讲解思考教师提出的问题。由问题引发学生思考，引出学习内容。2、新课讲解一、主图设计注意事项1、主图中的商品要突出2、主图与商品的主关键词、大流量词要保持一致。3、主图上展现商品的核心属性词。4、主图卖点文案要直击买家需求。 5、主图上避免出现无价值的文案6、主图要迎合目标消费者二、 主图设计的思路1、确定精准消费人群2、了解消费人群的真实需求挑选商品图3、添加卖点文案（1）价格优惠卖点 （2） 赠品卖点（3） 功能卖点4、 根据差异化选择主图背景或细节点（1）背景颜色差异化（2）角度视觉差

46、异化（3）细节差异化（4）场景差异化 5、主图排版6、主图的信息分层 7、主图的品牌宣传三、主图打标1、主图打标要注意事项（1）活动图标内容要与店铺内活动及商品信息一致，避免引起不必要纠纷。（2）设置时一定要注意图标的形式以及自主打标后是否违规。2、主图打标的步骤：第一步：进入鹿班打标工具第二步：选择模版第三步：创建投放任务第四步：编辑模板第五步：导入商品第六步：确认商品、修改商品价格第七步：合图第八步：投放了解主图设计的注意事项能熟悉主图设计的思路掌握主图打标的方法让学生了解主图设计的注意事项，避免或者减少设计中出现问题。 让学生掌握七个主图设计思路，能设计出具有营销信息的主图。能够根据实际

47、为主图进行打标3、学生实训一、 制作茶花随手杯主图（一）首图要求：1、确定精准消费人群：青年2、挑选商品图：防漏水商品图3、添加卖点文案：玻璃 运动 防漏耐热 包邮4、差异化处理：由于是运动水杯，所以场景为水中杯5、主图排版：采用左右排版的构图方式6、信息分层7、确定字体：微软雅黑确定配色：蓝色和橙色（蓝色与场景融合，橙色突出卖点）（二） 制作四张辅图：添加商标和文字水印，其中第二张主图通过文字强调功能，第三张主图突出商品细节，第四张主图通过贴图标签展示优惠，第五张主图纯白底图，只完整展示商品正面图。三、 根据上一任务中挑选出来的五张主图素材，设计制作5张用于新品发布的主图。要求：1、第一张主

48、图要有吸引眼球的背景、文案和促销信息2、第二张到第四张主要展示产品的功能、细节图、优惠信息，在左上角要有产品Logo信息。3、第五张为白底图。查找主图设计的要求、思路通过练习，将学习到的理论知识转化为实践，真正掌握知识点，能根据主图设计的注意事项及思路去设计制作五张主图。4、课后小结本节课要掌握的重点：1、 主图设计注意的事项。2、 主图设计的思路。3、 主图打标明白本节课自己要掌握的知识点回顾所学知识任务三 商品主图上传 一、教学目标1、知识目标（1）了解素材中心。（2）掌握上传图片到素材中心的方法。（3）掌握商品发布中主图上传的方法。2、技能目标（1）能快速打开素材中心。（2）能正确上传需

49、要的主图。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析设计制作好的主图如何将其上传到店铺中呢？下面以淘宝平台为例，讲解五张主图的上传方法。教学重点：1、打开素材中心方法。 2、上传图片到素材中心的方法。教学难点：1、正确又快速上传主图。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题设计制作好的主图如何将其上传到店铺中呢？教师分析讲解思考教师提出的问题由问题引发思考，同时也明确学习目标2、新课讲解一、素材中心介绍1、素材中心登录方式 （1）登录

50、（2）登录淘宝网，点击“千牛卖家中心”进入千牛卖家工作台，点击左边 “店铺管理”中的图片空间进入素材中心。2、 素材中心界面二、上传图片到素材中心的方法1、首先登录淘宝网，进入千牛卖家工作台。2、点击图左边“店铺管理”中的“图片空间”会跳到下图所示的素材中心界面，这时我们单击右上角的“上传”按钮。3、单击“上传图片”按钮会出现下图所示，这时可以点击“新建文件夹”来更改图片存储的位置，另外还可以设置水印。为了保证图片的正常使用，仅支持3M以内jpg、jpeg、gif、png格式图片上传。4、完成后效果如下图：三、商品发布（从实训中掌握）了解素材中心将图片上传到素材中心了解素材中心界面 能够正确地将图片上传到素材中心3、学生实训一、茶花随手杯主图上传1、将五张茶花