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

店铺视觉规范PAGE3任务一店铺风格定位 一、教学目标1、知识目标（1）了解店铺视觉规范的基础理论知识（2）掌握店铺风格定位的方法。2、技能目标（1）能正确理解店铺视觉规范。（2）能熟悉店铺风格定位的方法3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析在网络购物时，店铺装修给顾客的第一印象，就决定了其对店铺的直观感受。虽然品牌、价格等因素也是店铺定位的重要条件，但是排在首位的还是视觉印象。因此，店铺的视觉定位几乎就等于店铺的定位。所以店铺风格是一个重内容。教学重点：1、店铺风格规范的知识。2、店铺风格定位的方法。教学难点：1、店铺风格定位方法。2、店铺风格定位的原则。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示两家化妆品店铺的首页，看了这后，你会喜欢那个的店铺风格？为什么？1.教师分析看展示家化妆品店铺的首页，角色为买家，会喜欢哪个？由对比反差引出店铺风格定位的重要性2、新课讲解一、店铺风格的定义店铺风格是指网店给访客的直观感受。就像一个人，留什么样的发型，穿什么款式的衣服，甚至言行举止，都在向别人传递着许多信息，而这些信息会给人留下或好或坏的印象。店铺风格主要体现在网店主营商品类型、网店装修风格、网店商品价位、网店促销方式、网店顾客服务等方面。二、店铺风格定位的原则店铺风格定位需要遵循以下几个原则：（１）要有依据，不能仅凭个人喜好或猜测就给店铺做风格定位，要做到有理有据。（２）色彩搭配有主次、有对比，不能整个店铺通篇都是一种颜色，给人很单调、压抑的感觉。（３）色系不宜过多，太多会让人觉得乱，应控制在三种以内。（４）少用鲜艳色，尽量采用中间色。鲜艳色比较刺眼，可能喧宾夺主，会抢商品的风头。任何店铺，其真正的主角都是商品而不是装修，装修只是一个衬托。中间色比较温和，不张扬。三、店铺风格定位的方法１．行业特性根据行业特有的性质来确定店铺风格。例如：户外运动（见图１—３）的关键词：动感、大自然、健康、活力；推荐色系：蓝、绿、橙、红。孕婴用品（见图１—４）的关键词：温馨、希望、洁净、成长；推荐色系：浅粉、浅玫瑰、浅绿、浅蓝。２．商品特性（１）价格水平我们就可以从商品的档次上来定位装修风格，要显得精美、有档次。（２）消费群体可以从消费者的性别、年龄、职业、文化水平、收入水平等方面找出消费群体的特性和共性。（３）文化内涵根据商品不同的特性，可以在装修时选择具有不同文化内涵的主题，如茶具、茶叶、保健品等可以选用具有中国风、水墨复古的装修风格，（３．时节特性有时候还需要根据季节的不同，选择不同的店铺装修风格。春天春回大地，选择绿色为主色调来装修，秋冬季节，以橙色、红色等暖色进行装修。不同的节日，还可以更换不同的风格。四、通过对任务的分析及店铺风格定位的学习，制订店铺风格定位计划如下：分析店铺主营商品特征分析店铺主营商品特征分析店铺目标消费群体分析店铺目标消费群体定位店铺风格定位店铺风格（1）ＹＩＭＩ伊米生活用品店主营项目为水杯、毛巾、拖鞋等现代日用百货商品，此类商品注重实用又兼具美观。（2）分析店铺目标消费群体（3）本店的主要消费群体为１８～４９岁的时尚女性，一般在企事业单位工作，收入较高，工作稳定，消费特点为精打细算，在购物方面追求美观与实用性。因此，店铺的装修就要符合女性的审美习惯，要求重点突出功能、设计、性价比等。三、定位店铺风格店铺风格主要有时尚、简约、古典、非主流、酷炫、可爱、小清新、欧美、中国风、奢华、手绘、甜美、商务等。通过参考优秀日用百货网店的设计风格，分析行业特性，目标群体的爱好、特点，找出店铺想要表达的概念，明确体验关键词为简洁、时尚，以获得目标消费群体的信任和关注。五、店铺定位方法：方法一：参考同行业店铺，确定大致的范围。在淘宝店铺搜索“家居日用品”，把这个行业里经营得比较好的店铺找出来，进行参考、比较或部分模仿。方法二：根据确定的店铺风格，到淘宝网卖家服务装修市场，或者设计网站，如：90设计、千图网等找到合适的店铺模板，进行参考、比较或部分模仿。了解电脑端店铺首页描述规范。能熟悉店铺风格定位的方法。让学生先行了解店铺风格定位的方法。让学生对店铺规范知识有系统的了解，便于后面的配色4、学生实训一、在淘宝网上去查找不同的店铺首页设计，至少10款，挑出最能你最喜欢的，并说明为什么？二、发布任务：五一劳动节快到了，小熊电器店想重新装修店铺，以配合劳动节大促，请你定位店铺装修风格。1.查找店铺规范2.查找店铺风格通过对各个网店的同类产品的店铺对比，得出优秀的店铺优点在哪里5、课后小结本节课要掌握的重点：1.店铺风格规范的知识2、店铺风格定位的方法明白本节课自己要掌握的知识点回顾所学知识吸引眼球的海报设计PAGE8任务二配色方案确定 一、教学目标1、知识目标（1）掌握配色方案的概念与知识。（2）掌握配色方案的设计方法。2、技能目标（1）能正确使用配色方案。（2）色彩搭配的原理。3、情感目标（1）培养学生观察与分析的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析配色是店铺视觉规范的一个重要内容，网店整体配色，一定要给人统一和谐的感觉，是决定买单下单的一个重要因素，所以这是店铺视觉规范的一个重要内容。教学重点：1、色彩搭配的原理要素。教学难点：1、色彩搭配的技巧与方法。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题生活中，爱美的女性常常讨论，什么颜色的上衣搭配什么颜色的裙子，配什么颜色的包，戴什么颜色的项链或手链，才会好看，这其实就是在讨论配色方案。如下图网店。通俗地明白配色的概念，强化店铺配色设计重要性。2、新课讲解一、配色的元素：1.网店整体配色：一定要给人统一和谐的感觉，并不是越花哨越好，花哨只能使访客觉得混乱。2.配色总的应用原则应该是“总体协调、局部对比”。也就是说，页面的整体配色效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。3.色彩三要素：1.色彩是人脑识别反射光的强弱和不同波长所产生的差异的感觉，色彩具有色相、饱和度明度三种性质，也就是HSB模式。图1-13色彩三要素（1）色相(H)即色彩可呈现出来的质的与相貌，如红、橙、黄、绿、青、蓝、紫等。（2）饱和度(S)即纯度，是各色彩中包含的单种标准色成分的多少。饱和度用来表现色彩的鲜艳和深浅。（3）明度(B)，又称为色彩的亮度，即色彩的明暗差别,也即深浅差别。二、色彩心理优秀的颜色搭配可以延长顾客在店铺逗留的时间，顾客在店铺浏览的时间越长，下单的机会就越大。所以，选对颜色对店铺装修有着非常重要的作用。要选对颜色，必须了解不同颜色会给人带来什么不一样的感觉。（1）暖色色调（见图1-18）：包含红、橙、黄及这三种颜色的混合，是让人觉得温暖、愉悦、热情、激动的颜色。适合促销、女性、儿童、家居、食品等主题。图1-18暖色色调调色卡（2）冷色色调（见图1-19）：包含绿色、蓝色和紫色。是让人觉得清爽、稳重、舒缓、冷静的颜色。适合男性、户外、电器、数码、夏天、春天等主题。图1-19冷色色调色卡（3）暗色色调（见图1-20）：纯色加黑得到暗色系。是让人觉得成熟、高贵、尊贵、气势、高雅的颜色，体现能力感和高格调文化。适合男性、汽车、电器、数码、商务、奢侈品等主题。图1-20暗色色调色卡（4）明色色调（见图1-21）：纯色加白色得到。是让人觉得时尚、活泼的颜色。适合时尚、运动、年轻等主题。图1-21明色色调色卡（5）淡色色调（见图1-22）：明色加白色得到。是让人觉得清新、温柔的颜色，适合少女、幼儿主题。图1-22淡色色调色卡三、色彩搭配1、单一色彩配色：选择单一色彩，然后调整明度或者饱和度，将色彩变淡或加深，使得单一色彩页面也有丰富的画面变化和美感。图1-23单一色页面2、两种对比色彩配色先选定一种色彩，然后选择它的对比色，这个对比色就是第二种颜色。图1-24对比色页面3、使用邻近色彩配色邻近色彩不是同一色彩但是又非常接近，是在色相环上顺序相邻的色彩。图1-26邻近色页面四、确定好店铺风格后，根据色彩搭配方法，制定以下计划：选定主色选定主色确定辅色确定辅色找出突出色找出突出色制定配色方案制定配色方案五、设计决策：（1）根据总体协调、局部对比的配色原则，在为网店配色时，首先应确定网店的主色调。（2）根据主色确定辅色（按钮、标签、重要文字）根据两种邻近色彩配色方法找出网店的辅色（3）找出网店的突出色根据两种对比色彩配色方法找出网店的突出色。六：任务实施方法一：根据色相环确定配色方案。（1）设计决策确定了主色为蓝色，确定颜色明度与饱和度（2）根据邻近色原则，蓝色的邻近色是绿色或者紫色，可以确定辅色为紫色。（3）根据对比色原则，蓝色的对比色是黄色、红色、橙色，可以确定突出色为橙色。（4）得出配色方案，（见图1-24）。图1-27配色方案1方法二：从成功网店借鉴配色方案。对于新手来说，很难马上将这些色彩知识应用到自己的网店中，最便捷快速的方法就是学习借鉴其他成功网店中的配色方案。除了网店外，还可以借鉴网页，甚至世界名画。先找到一个借鉴的网店，（见图1-28）。熟悉配色方案的知识与设计技巧，掌握设计原理与设计的技巧。让学生多观察，并结合所学的知识进行设计方案。4、学生实训国庆节快到了，“飞利浦”小家电电器店铺重新装修店铺，以配合国庆节大促。请你根据店铺资料的消费群体与系列产品特征设计店铺的配色方案。1、店铺名称：飞利浦小家电器店2、产品服务与特色：实用小家电电器，系列产品包括吹风机、剃须刀、挂烫机、电动牙刷、空气净化器、电子美容仪、吸尘器等品类。公司网址：/3、消费群体:年轻群体4、品牌形象类型：实用小家电根据上面的知识点，完成小家电的设计。（没有弄清楚的地方可参看微课）通过此任务的完成，掌握配色方案的设计。5、课后小结本节课要掌握的重点：1、色彩搭配的原理要素。2、色彩搭配的技巧与方法。明白本节课自己要掌握的知识点回顾所学知识 任务三字体的规范 一、教学目标1、知识目标（1）了解店铺字体规范基础理论知识（2）掌握店铺字体风格的分类。2、技能目标（1）能正确理解店铺字体应用的规范。（2）能熟悉字体设计的风格。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析在网络购物时，设计师在创作中，什么情况下适合哪种字体，哪种风格适合哪些字体，都直接影响这个设计内容的视觉传达，值得设计师思考。如果在设计中应用了不合适的字体，不仅会使传递的信息大打折扣，严重的还会使其成为无效信息，影响转化率。因此，选对字体对我们的设计有着不可或缺的作用。教学重点：1、店铺字体规范的知识。2、店铺规范字体的分类。教学难点：1、店铺规范字体的使用。2、店铺规范字体的分类。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题搜索字体的相关知识，比较分析，思考不同字体应用不同消费者有哪些区别？包含哪些内容思考不同字体应用不同消费者有哪些区别。观看不同的字体。引出店铺字体规范的重要性2、新课讲解一、字体的理论知识（1）字体是有态度、有性格的。字体如同模特的一张脸，代表着一种风格，比如淘宝网上的知名店铺韩都衣舍、茵曼、七格格女装、裂帛、天使之城、阿芙、御泥坊……它们都有很多特别及有个性的字体，很多字体还是比较难找的，就是为了保证唯一性和独特性。（2）字体的使用在店铺设计字体中，不是所以字体都可以免费使用的。很多新手设计师可能会忽视字体版权问题，以为所有字体就可以免费应用到设计图上，虽然有些字体是免费的，但用于商业宣传还是有风险的，所以我们需尽量使用免费的商用字体。图1-32免费商用字体1图1-33免费商用字体2一般店铺中常用字体：中文字体不超过两种，一种用于标题，另一种用于宝贝描述；数字字体一种，英文字体一种，特殊字体一种（只在特定活动时用于渲染气氛）。同时，在选择字体的时候，还要根据自己的受众、媒介和行业来定。图1-34手工感强字体图1-35动感强的字体二、字体的应用（1）适合男性产品使用的字体男性产品就是消费和使用人群主要为男性的产品，如：体育运动类用品、车、剃须刀、游戏设备等。图1-36适合男性产品使用的字体（2）适合女性产品使用的字体女性产品就是消费和使用人群主要为女性的产品，如：女装、鲜花、珠宝配饰、护肤品、化妆品等。图1-37适合女性产品使用的字体（3）适合中性产品使用的字体中性产品就是消费和使用人群男性和女性都有的产品，如：数码产品、大家电、小家电、家装、厨卫产品等。图1-38适合中性产品使用的字体（4）适合促销类产品使用的字体因为促销类产品通常需要给用户传递非常亢奋而激烈的情绪，而这种情绪恰好与男性特征中激烈冲动且亢奋的特点相吻合，所以在促销和抢购等活动类设计中，男性化字体被普遍使用。 图1-39促销类产品使用的字体（5）适合孩童产品、童趣产品使用的字体孩童产品就是使用人群主要为幼儿和儿童的产品，如：婴幼产品、零食、玩具等。童趣产品就是那些有卡通人物设计、造型可爱的产品。图1-40适合孩童产品、童趣产品使用的字体（6）适合小清新、文艺、复古产品使用的字体小清新、文艺产品就是消费和使用人群主要为文艺青年的产品，如：文艺风服饰（茵曼、无印良品）、手工首饰、家居用品等。图1-41适合小清新、文艺、复古产品使用的字体（7）适合高端昂贵产品、奢侈品使用的字体高端昂贵产品、奢侈品就是消费和使用人群主要为商务精英、企业家、商人和社会名流的产品，如：名表、名贵首饰、高端包袋、高端服饰、香水、名酒等。图1-42高端昂贵产品、奢侈品使用的字体（8）适合中国传统相关产品使用的字体中国传统相关产品是指酒、茶、特产、旅游地等具有中国传统文化特质的产品。基于这类产品一般具有古典优雅、中国风、霸气、历史底蕴等特征，我们可以总结出文艺文字特征：书法字体、霸气洒脱、流畅等。图1-43适合中国传统相关产品使用的字体（9）自主设计字体淘宝店铺装修设计中，为了提升文字的整体感与空间感，个别字体会使用的一些自主设计的字体。自主设计字体主要有黑体拉长、横笔相连、化点为圆、方形圆弧化等四种方法.图1-44设计字体的常用方法图1-45黑体拉长效果图1-46字体相连效果在设计过程中，也会遇到文字效果欠佳，可以添加文字效果。图1-47描边效果图1-48斜面浮雕效果图1-49渐变效果图1-50画笔笔刷效果三、设计计划通过对任务的分析及字体规范的学习，制订字体设计的计划如下：分析产品或消费者的特性分析产品或消费者的特性选择相应的字体选择相应的字体字体下载字体下载字体应用字体应用四、设计决策ＹＩＭＩ伊米生活用品店主要销售家居日用品，属于消费和使用人群男性和女性都有的中性产品。基于中性干净、简洁、中性美、精致、平静等特征，我们可以总结出中性化文字特征：性别属性不强、并不需要很强烈的情感特征、偏中立、兼具男性字体和女性字体的特征，到字由/下载合适的免费商用的字体。（1）字体下载网址有：PS家园网：/pssc/fontxz/字由网址：/(2)字体安装：第一步：输入网址：/，点击客户端下载（见图1-51）。图1-51客户端下载界面第二步：解压下载好的压缩包，进行安装，安装后出现可以选择的免费商用的字体。第三步：打开photoshopcs6软件，快速应用字体，无需下载字体，点击商用免费字体预览区，点击激活字体，然后再选中设计软件中的字体，点击“文字工具”，就可以在下拉面板选择相应字体。（见图1-53）。图1-53增加字体样式了解店铺字体的应用规范。能熟悉店铺字体设计风格定位的方法。学生了解字体设计的常用方法学生理解各种产品使用字体的方法。学生学会辨别不同种类使用的方法。通过不同字体设计效果展示不同字体应用的范围。让学生先行了解店铺字体应用的规范。让学生对店铺字体规范知识有系统的了解，便于后面的字体风格的应用。学生通过对比的方法了解字体适用方法4、学生实训新店开张，需要为九阳厨房小家电电器店设计店铺的字体搭配。请你根据店铺资料的消费群体与系列产品特征选择店铺的字体搭配。1.查找店铺字体设计规范。2.查找店铺字体风格。让学生主动学习，查找资料5、课后小结本节课要掌握的重点：1、店铺字体规范的知识。2、店铺规范字体的分类。明白本节课自己要掌握的知识点回顾所学知识任务一海报文案 一、教学目标1、知识目标（1）了解海报文案的基础理论知识。（2）明白海报文案的模块组成。2、技能目标（1）能正确理解海报文案的作用。（2）能熟悉海报文案的制作方法3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报尺寸的规范。2、海报的主题分类。3、海报文案的结构。教学难点：1、海报文案的编写。2、海报文案主题定位。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示两个不同海报图，看了这后，哪张海报文字内容会吸引你？为什么？看展示的海报图，角色为买家，会买哪个？由对比反差引出海报的重要性2、新课讲解一、海报的常见尺寸1、首页全屏海报宽：1440px/1680px/1920px、高：300px～700px2、自定义页面普通海报宽：C店950px（B店990px）、高：400px～600px3、宝贝详情页中的海报宽：C店750px(B店790px）、高：200px～400px二、海报的主题1、店铺宣传店铺宣传海报是以宣传店铺品牌为主的海报设计，旨在提升店铺形象、优化店铺结构等。2、商品宣传商品宣传海报指的是以某件或多件商品为主的海报设计，又可分为新品型海报、热卖型海报、促销型海报。3、品牌宣传品牌宣传海报旨在宣传品牌，提升品牌形象。4、会员宣传会员宣传主要有会员换购、会员日等。三、海报的文案1、文案的设计过程一般要经过4个层级：战略层、感受层、内容层、表达层通过海报了解哪个内容属于这四类层级。2、海报中的文案可分：主标题、副标题、正文通过海报可以看出主标题：全网通标题：小米NOTE新品首发2099正文：同时支持联通、联通、电信4G网站8月3日中午12点，晚上8点开售。了解电脑端宝贝描述规范能熟悉海报主要由哪些模块构成，每个模块的内容可为哪些？能熟练分清哪个属于分案的层级和文案分类让学生先行了解电脑端详情的基本知识让学生对海报的整体组成模块有系统的了解，便于后面的策划学生通过案例分析出层级和海报文案分类4、学生实训在淘宝网上去查找随手杯的海报，至少10款，写出海报内文案的层级和文案分类。查找海报通过对各个网店的同类海报对比，得出优秀的海报文案在哪里5、课后小结本节课要掌握的重点：了解海报的主题2、海报文案的分类明白本节课自己要掌握的知识点引起购买欲的详情页PAGE8任务二海报设计一 一、教学目标1、知识目标（1）掌握海报的设计流程。（2）掌握海报的主题确定与构图。2、技能目标（1）能正确设计出海报排版。（2）能根据海报内容进行构图3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报设计流程。教学难点：1、海报构图的布局。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题你认为哪个部分是决定海报最重要的东西？为什么？让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、海报设计素材选择1、需求沟通。2、确定产品特点举例海报中的护肤乳，主要的特点就是有一定花香的元素，还有就是一个清新淡雅的元素。3、确定风格。1）简约风格。就是简单而有品位，以简洁的表现形式满足人们对画面感性的、本能的需求。主要以白、黑的纯色为主，一般用到生活用品类和高端品牌。2）可爱风格。是以卡通、可爱的元素构建的风格。会用到鲜艳的颜色，主要用在母婴或者是食品类。清新风格。是一种以清新唯美、随意创作风格见长，深受女孩喜爱，是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着的。主要以浅色系为主。科技风格。是具有科幻效果的风格体现。这种风格偏多男性喜欢。科技风格主要是以蓝色、黑色为主色调的居多。而元素的使用更是多样，会利用比较尖锐的几何图形、线条和光线的应用。主要应用在运动类或者是电器类。4、主体图的选择。（1）清晰。（2）饱满。（3）立体感、重量感。分析海报的内容二、海报的构图（一）左右构图。左右构图是指把产品和主题文案左右摆放。整张海报第一眼看到的是产品，第二眼看到的是主文案，其次才是渲染环境的元素。（二）上下构图。上下构图是指把产品和主题文案上下摆放。（三）居中构图。居中构图是指把主题文案放在中间位置，产品放在两边。（四）几何形构图。（1）圆形构图法（2）三角形构图法（3）菱形构图法（4）矩形构图法（5）梯形构图法熟悉海报的设计流程，要懂得每一步的作用和内容熟练掌握海报的构图。熟练掌握不同的构图让学生学会设计海报的流程，而不是拿到产品就开始乱做让学生可以掌握海报的构图。4、学生实训1、找出不同风格的海报，标注海报的风格和构图方式。2、根据海报的作品内容进行自行排版。根据上面的知识点，完成海报的构图。通过此任务的完成，懂得如何进行海报构图。5、课后小结本节课要掌握的重点：详情页的设计流程2、详情页的策划书的撰写明白本节课自己要掌握的知识点任务二海报设计二 一、教学目标1、知识目标（1）掌握海报的设计流程。（2）掌握海报的排版与色彩搭配。2、技能目标（1）能正确设计出海报排版。（2）能根据海报策划书布局制作海报3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报设计流程。教学难点：1、海报排版的布局。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题你认为一张海报包含哪些东西？哪个最重要？让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、文案的排版1．亲密亲密原则就是将相关的信息分在一组，物理位置的接近意味着它们存在关联。2.对齐任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则就是要找一条明确的对齐线，并坚持以它为基准，使依附于它的元素建立起除亲密以外的秩序。对齐主要有左对齐、居中对齐、右对齐。但是要避免在同一画面上混合使用多种文本对齐方式，也要尽量避免居中对齐，那样虽然会使画面显得正式，但也更乏味。3．重复设计中的某些方面需要在整个作品中重复。重复不仅对单页的作品很有用，对于多页文档或一套设计作品更是重要，通常称之为“一致性”。但要避免过多地重复一个元素，重复太多会让人生厌。重复有颜色重复出现、高度／宽度重复出现、元素间距重复出现等表现形式。4.对比对比要强烈才有效。如果两个元素不完全相同，就应当使它们不同，而且应当是截然不同。对比原则包含的内容很多，比如大字体与小字体、粗线条与细线条、冷色与暖色、平滑与粗糙、长宽与高窄、虚与实等。二、色彩搭配海报颜色占据画面的主要有三大元素：主体物、文案、背景。所以这三者的颜色决定了整个画面的色彩。1、提取主体物的色彩，根据产品找到本身的颜色，首先分析主体物都包含哪些颜色。2、接着进行应用。看一看哪种颜色占据最多，那就设定为主色，应用在背景中，其次就应用于文案和点缀色中。从案例中分析得到浅蓝色占据最多，其次是深蓝色和白色。3、而对于点缀色的使用，如果画面的色彩有点花，那么辅助元素就弱一点，采用和主色相同的色相，把画面稍微的压一压。4、反之，如果画面太平静，需要加强一下气氛，那么辅助元素就可以采用强对比色，或者反相色，来提升画面的对比度。三、细节点缀1、纹理背景2、几何图形3、主题相关的元素4、搭建小场景熟悉海报的设计流程，要懂得每一步的作用和内容熟练掌握海报的构图排版。熟练掌握不同的构图让学生学会设计海报的流程，而不是拿到产品就开始乱做让学生可以掌握海报的构图。4、学生实训制作小熊蒸煮凡客制作首页促销海报根据上面的知识点，完成海报设计。通过此任务的完成，懂得如何进行海报设计5、课后小结本节课要掌握的重点：海报的设计流程2、海报的排版和色彩搭配明白本节课自己要掌握的知识点任务三海报上传 一、教学目标1、知识目标（1）掌握海报上传的方法。（2）掌握海报上传类型。2、技能目标（1）能正确上传不同类型海报。（2）能根据平台正确上传海报3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、首页海报上传方法。教学难点：1、轮播汇报与首页全屏海报的不同上传方式。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题我们下面将海报上传到平台让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、常见首页海报的上传方式1.单张首焦海报上传2.轮播首焦海报上传3.首页全屏海报上传二、轮播首焦海报的应用（1）登录淘宝网，“卖家中心”—“店铺管理”—“店铺装修”。（2）拖动“图片轮播”，添加至首页。（3）“编辑”窗口，分别添加三张上传至图片空间，并设置商品链接。（4）修改“显示设置”。选项控制“显示标题”，切换效果按店铺需要设置，完成后进行保存。（5）发布轮播焦点海报。三、首页全屏海报的应用（1）上传全屏海报到图片空间。（2）“卖家中心”—“店铺管理”—“店铺装修”。（3）基础模块“自定义区”，添加至首页。（4）点击“编辑”，进入自定义内容区。（5）获取全屏海报代码。全屏海报代码获取方法：1）进入稿定设计在线电商装修网站（/dianshang/zhuangxiu）。2）点击进入“代码生成”类目下的“专业版”分类。3）打开“淘宝-全屏海报/视屏”页面，将店铺的素材中心里的海报进行复制，粘贴到生成器里的海报地址内，并将所链接的内容进行粘贴。4）点击生成全屏海报的代码，产生成全屏海报代码。（6）点击“自定义内容区”窗口的“编辑源代码”，进入代码编辑状态，粘贴全屏海报代码中修改完成的代码至“自定义内容区”窗口中，并设置不显示标题，按“确定”保存。（7）发布后，可以在店铺首页看到全屏海报。熟悉不同类型海报的上传方式，熟练掌握首页全屏海报的应用让学生学会制作海报的上传，让学生可以掌握首页全屏上传。4、学生实训将海报上传到平台中根据上面的知识点，完成海报上传。通过此任务的完成，懂得如何进行海报上传5、课后小结本节课要掌握的重点：1、不同海报的上传方式2、海报的上传方式明白本节课自己要掌握的知识点任务一商品主图认识 一、教学目标1、知识目标（1）了解主图的定义和作用。（2）掌握主图的要求及规格尺寸。（3）掌握主图素材的选择。2、技能目标（1）能正确理解主图的定义和作用。（2）能熟悉主图的规格尺寸、要求，选择符合要求的主图素材。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析主图是买家进入商品页面的必经之路，无论买家是通过自然搜索还是类目搜索，展现在眼前的第一张图片就是商品主图。主图能在第一时间吸引买家的注意，并让买家产生兴趣和好感，以获取点击，从而有效的提高点击率，增加流量。同时一张吸引点击的主图可以节省一大笔推广费用，吸引更多流量，因此主图的学习就显得非常重要。教学重点：1、主图的定义和作用。2、主图的要求及规格尺寸。教学难点：1、五张主图的顺序及要求。2、主图素材的选择。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示两张不同设计排版的商品主图，哪一张更能吸引你的球，想点击进一步了解商品？为什么？教师分析讲解看展示两张相同产品不同设计的主图，角色为买家，会喜欢哪个？由对比反差引出主图的重要性，从而有兴趣学习主图的相关知识。2、新课讲解一、主图的定义和作用1、定义：主图主要出现在淘宝搜索页、店铺首页、商品详情页、宝贝分类页。好的主图能在第一时间吸引买家的注意，并让买家产生兴趣和好感，以获取点击，从而有效的提高点击率，增加流量。2、主图的作用：（1）提高点击率。（2）提高自己店铺的辨识度，提高客户认知度。风格不统一的主图风格统一的主图风格不统一的主图风格统一的主图主图的要求及规格尺寸1、主图的要求第一张主图：在商品的五张主图中，第一张主图也被称为首图。首图是买家在平台搜索商品的时候出现在搜索页中的图片。第二张主图：负责解决买家的需求。如果是功能型产品就介绍商品核心的功能，如果是外观型的产品就多角度的展示外观。第三张主图：负责获取买家的信任。解决买家购物风险问题，功能型的可以是多角度展示商品细节、保修售后等信息。第四张主图：负责给予买家优惠。展示商品促销信息，促使买家决定购买。第五张主图：建议根据官方要求放置白底商品图，且不加任何文字，上手淘首页使用。主图的规格尺寸淘宝可上传的主图规范尺寸最小为310×310像素，不能放大；但700×700像素以上尺寸通常会附带放大镜功能，因此一般行业主图的尺寸基本是800×800像素，具体主图的类型、大小要求参看下图。主图素材的选择主图对素材要求是很严格的，有高品质的素材图片，才能更好地展示产品的优点和卖点，才能勾起买家的点击欲望。1、主图清晰度2、主图的曝光度3、主图的像素大小了解主图的定义和作用能熟悉五张主图的要求掌握主图的规格及尺寸大小掌握素材选择的要求让学生先行了解主图的定义和作用。让学生掌握五张主图按顺序的要求能够根据实际判断所需平台的主图大小尺寸能够为主图选择符合要求的素材3、学生实训一、茶花随手杯主图素材选择和美化1、从9张茶花随手杯图片中，根据主图素材选择的要求，选出五张作为商品发布的主图。2、确定一张首图图片3、美化五张商品图片根据主图的要求，从拓展任务的小家电商品图中选出5张作为商品主图素材，裁剪好大小，调整好亮度及色调，并调整好顺序。查找主图顺序及要求通过练习，将学习到的理论知识转化为实践，真正掌握知识点，能根据主图的要求去选择所需要的素材。4、课后小结本节课要掌握的重点：1、主图的定义和作用。2、主图的要求及规格尺寸。3、主图素材的选择。明白本节课自己要掌握的知识点回顾所学知识任务二商品主图设计 一、教学目标1、知识目标（1）了解主图设计注意的事项。（2）掌握主图设计的思路。（3）掌握主图打标的方法。2、技能目标（1）能理解主图设计注意的事项。（2）能熟悉主图设计的思路。（3）会给主图进行打标。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析好的主图能有效的提高点击率，增加流量。那么好的主图应该怎么来设计和制作呢？有什么注意的事项和设计的方法呢？本节课将带领大家一起学习主图设计的注意事项、思路，以及主图打标的方法。教学重点：1、主图设计注意的事项。2、主图设计的思路。教学难点：1、主图设计的思路。2、主图打标三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题好的主图能有效的提高点击率，增加流量。那么好的主图应该怎么来设计和制作呢？有什么注意的事项和设计的方法呢？教师分析讲解思考教师提出的问题。由问题引发学生思考，引出学习内容。2、新课讲解一、主图设计注意事项1、主图中的商品要突出2、主图与商品的主关键词、大流量词要保持一致。3、主图上展现商品的核心属性词。4、主图卖点文案要直击买家需求。5、主图上避免出现无价值的文案6、主图要迎合目标消费者主图设计的思路1、确定精准消费人群2、了解消费人群的真实需求挑选商品图3、添加卖点文案（1）价格优惠卖点赠品卖点功能卖点根据差异化选择主图背景或细节点（1）背景颜色差异化（2）角度视觉差异化（3）细节差异化（4）场景差异化5、主图排版6、主图的信息分层7、主图的品牌宣传三、主图打标1、主图打标要注意事项（1）活动图标内容要与店铺内活动及商品信息一致，避免引起不必要纠纷。（2）设置时一定要注意图标的形式以及自主打标后是否违规。2、主图打标的步骤：第一步：进入鹿班打标工具第二步：选择模版第三步：创建投放任务第四步：编辑模板第五步：导入商品第六步：确认商品、修改商品价格第七步：合图第八步：投放了解主图设计的注意事项能熟悉主图设计的思路掌握主图打标的方法让学生了解主图设计的注意事项，避免或者减少设计中出现问题。让学生掌握七个主图设计思路，能设计出具有营销信息的主图。能够根据实际为主图进行打标3、学生实训制作茶花随手杯主图（一）首图要求：1、确定精准消费人群：青年2、挑选商品图：防漏水商品图3、添加卖点文案：玻璃运动防漏耐热包邮4、差异化处理：由于是运动水杯，所以场景为水中杯5、主图排版：采用左右排版的构图方式6、信息分层7、确定字体：微软雅黑确定配色：蓝色和橙色（蓝色与场景融合，橙色突出卖点）制作四张辅图：添加商标和文字水印，其中第二张主图通过文字强调功能，第三张主图突出商品细节，第四张主图通过贴图标签展示优惠，第五张主图纯白底图，只完整展示商品正面图。根据上一任务中挑选出来的五张主图素材，设计制作5张用于新品发布的主图。要求：1、第一张主图要有吸引眼球的背景、文案和促销信息2、第二张到第四张主要展示产品的功能、细节图、优惠信息，在左上角要有产品Logo信息。3、第五张为白底图。查找主图设计的要求、思路通过练习，将学习到的理论知识转化为实践，真正掌握知识点，能根据主图设计的注意事项及思路去设计制作五张主图。4、课后小结本节课要掌握的重点：主图设计注意的事项。主图设计的思路。主图打标明白本节课自己要掌握的知识点回顾所学知识任务三商品主图上传 一、教学目标1、知识目标（1）了解素材中心。（2）掌握上传图片到素材中心的方法。（3）掌握商品发布中主图上传的方法。2、技能目标（1）能快速打开素材中心。（2）能正确上传需要的主图。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析设计制作好的主图如何将其上传到店铺中呢？下面以淘宝平台为例，讲解五张主图的上传方法。教学重点：1、打开素材中心方法。2、上传图片到素材中心的方法。教学难点：1、正确又快速上传主图。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题设计制作好的主图如何将其上传到店铺中呢？教师分析讲解思考教师提出的问题由问题引发思考，同时也明确学习目标2、新课讲解一、素材中心介绍1、素材中心登录方式（1）登录（2）登录淘宝网，点击“千牛卖家中心”进入千牛卖家工作台，点击左边“店铺管理”中的图片空间进入素材中心。素材中心界面二、上传图片到素材中心的方法1、首先登录淘宝网，进入千牛卖家工作台。2、点击图左边“店铺管理”中的“图片空间”会跳到下图所示的素材中心界面，这时我们单击右上角的“上传”按钮。3、单击“上传图片”按钮会出现下图所示，这时可以点击“新建文件夹”来更改图片存储的位置，另外还可以设置水印。为了保证图片的正常使用，仅支持3M以内jpg、jpeg、gif、png格式图片上传。4、完成后效果如下图：三、商品发布（从实训中掌握）了解素材中心将图片上传到素材中心了解素材中心界面能够正确地将图片上传到素材中心3、学生实训一、茶花随手杯主图上传1、将五张茶花随手杯主图上传到素材中心的茶花随手杯主图文件夹里。2、登录淘宝网，进入千牛卖家工作台。3、点击左边“宝贝管理”中的“发布宝贝”。4、宝贝类目默认发布的是“一口价”。5、填写宝贝基本信息。6、在图文描述的电脑端宝贝图片中，点“+”号按顺序添加五张茶花随手杯商品主图。7、点击“提交宝贝信息”完成商品的发布二、将上一任务设计好的5张小家电主图上传到淘宝店铺中查找素材中心打开，上传图片方法通过练习，将学习到的理论知识转化为实践，真正掌握知识点，能将所需的五张主图正确上传到平台。4、课后小结1、打开素材中心方法。2、上传图片到素材中心的方法。3、正确又快速上传主图。明白本节课自己要掌握的知识点回顾所学知识任务一详情页策划一 一、教学目标1、知识目标（1）了解网店详情页的基础理论知识。（2）明白网店详情页的模块组成。2、技能目标（1）能正确理解详情页的作用。（2）能熟悉详情页每个模块的制作方法3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析宝贝详情是美工的一个重要内容，详情页的设计是否真实有吸引力，是决定买单下单的一个重要因素，所以这是美工的一个重内容。教学重点：1、电脑端详情描述的规范。2、详情描述的主要模块。3、详情描述的模块排序。教学难点：1、详情页的组成模块。2、详情页的布局。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示马克杯两个不同详情图，看了这后，你会买哪个？为什么？看展示的详情图，角色为买家，会买哪个？由对比反差引出详情的重要性2、新课讲解一、在发布宝贝时，淘宝对电脑端宝贝描述规范。图片尺寸宽度：750像素(淘宝个人店)，790像素（天猫店）高度：未限制（不建议太长）单张图片大小不大于3M图片格式支持jpg、jpeg、gif、png格式文字字数不多于25000字源代码不多于200000字符二、详情描述的主要模块1、关联促销关联营销是指在一个宝贝详情页里放入另外一款到几款其他产品的促销信息、搭配推荐或店铺优惠信息等。1）热销产品推荐2）店铺促销活动如收藏店铺返优惠，优惠券领取，抽奖活动，打折活动、满减活动等。3）搭配推荐可以放搭配套餐、同款推荐、穿搭建议2、宝贝焦点图主要是展示品牌与产品特色的意境图、热销盛况、产品升级、买家痛点、宝贝促销信息，以海报形式展示，能够引发顾客购买冲动的图片3、使用场景图使用场景图就是宝贝的使用场景、使用效果的展示，让买家了解宝贝是否适合自己，产品有什么用处。以衣服为例，最普遍的就是模特穿着效果图4、宝贝实拍图以突出产品为主，通过简单的背景对宝贝多角度进行摆拍展示，宝贝的正面图、反面图、侧面图至少各一张，比较适合家居，数码，鞋，包等小件物品。如果宝贝有多个颜色时，以主推颜色为主，其他颜色为辅，少量展示，保持整体风格统一。5、宝贝基本信息又称宝贝规格参数，主要包含型号、品牌名、产地、颜色、材质、规格、重量等。针对不同类目的产品，会有不同的基本信息，但必须放用户关注的内容，才能有效地减轻客服工作量。可使用实物与产品对比，让顾客更直观地了解产品的实际尺寸。6、宝贝细节图放大产品某处细节展示产品卖点，通过细节实拍图和简短文字，清晰富有质感地展示宝贝的材质、图案、做工、功能等各细小部分。好的细节展示能使买家直观感受到你的宝贝，犹如线下购物一般当即下单，从而提高转化率。7、同类产品对比图由于广告法，过去以贬低别人产品来提升自己产品的PK方式属于违规操作，所以我们可以以升级产品的方式，与自己店铺的普通产品进行对比，或采用材质及技术的对比，强化宝贝卖点，证明自己的产品优势，物有所值。8、买家反馈信息包括宝贝好评的相关截图、网红的使用体验和买家秀展示。虽然很多时候买家会更愿意自己去看评价，但如果你把买家的评论、买家秀直接放详情页，不就能让买家更方便地获取重要信息9、品牌说明通过一系列的理念、品牌介绍、资质证书，让买家觉得品牌质量可靠，烘托出品牌实力。品牌说明模块主要有以下3个部分组成：1）品牌介绍主要包含“品牌优势”、“荣获的奖项”、“品牌故事”等内容。2）媒体推荐第三方的态度词：名人推荐、网红推荐丶媒体广告的介绍3）资质证书运用权威来打消买家的顾虑。10、包装展示一个好的包装不仅可以体现店铺的实力，还能让顾客更放心购物我们的商品。展示精细精美严密的包装，保证商品在运输途中不受损坏，不仅体现卖家诚意，还体现了店铺的品牌文化与专业11、使用说明也称温馨提示、注意事项、常见问题等，包括产品的使用方法、安装方法、保养维护等信息。12、购物需知也称物流问题、售后问题等，包括邮费、发货、退换货等信息的说明。这一块做好可以有效减轻客服的工作量。如果商品存在物流问题，比如易碎品或可能液体侧漏等，还需提前在此提醒买家，以免收到货物后给店铺带来不好的评分。了解电脑端宝贝描述规范能熟悉详情主要由哪些模块构成，每个模块的内容可为哪些？让学生先行了解电脑端详情的基本知识让学生对详情的整体组成模块有系统的了解，便于后面的策划4、学生实训在淘宝网上去查找户外随手杯的详情，至少10款，挑出最能让你看了就想下单的那个，并说明为什么？查找宝贝详情通过对各个网店的同类产品的详情对比，得出优秀的详情优在哪里5、课后小结本节课要掌握的重点：详情页的主要模块2、详情页的模块的排序明白本节课自己要掌握的知识点店铺首页PAGE8任务一详情页策划二 一、教学目标1、知识目标（1）掌握网店详情页的设计流程。（2）掌握网店详情页的策划。2、技能目标（1）能正确设计出详情描述策划书。（2）能根据详情策划书布局详情模块3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析宝贝详情是美工的一个重要内容，详情页的设计是否真实有吸引力，是决定买单下单的一个重要因素，所以这是美工的一个重内容。教学重点：1、详情页的策划流程。教学难点：1、详情页策划书的撰写。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题根据《天下网商》做的调查显示，仅有20%的买家会在详情页停留2分钟以上。明白详情页的设计是有流程，不是随意设计强化详情的前期设计很重要2、新课讲解一、详情描述的模块排序详情页的成交五部曲：引发兴趣②激发需求③产生信任④信赖到占有⑤打消顾虑成交根据以上成交五部曲的分析，详情页的模块排序建议：二、电脑端详情策划书的撰写电脑端详情策划书的撰写分为以下两个步骤：（一）根据详情设计流程选取需要的模块（二）根据详情成交五部曲决定每个模块内容1、详情描述的设计流程买家定位买家定位产品形象同行调查详情描述策划1、买家定位每种商品都应相对应的消费人群，而每个消费人群都有其特征，如：性别、年龄、消费能力、职业特征等。本任务以新品茶花随手杯详情页设计为例。1）先进入生意参谋的客群洞察，查看产品所在行业的热门消费人群特质如下图。2）在新版阿里指数中的行业指数，查询户外饮水用具的热门地区（如图4-19）、买家概况（如图4-20），结合茶花随手杯的实际情况，分析搜索杯具的买家的所在地区、性别、年龄、爱好等特点，定位消费人群。图4-19搜索杯具的热买地区图4-20搜索杯具的买家概况3）进入旧版阿里指数中的属性细分（），查询随手杯的热门基础属性（如图4-21）、热门营销属性（如图4-22），结合茶花随手杯的实际情况，分析随手杯的热门属性，定位消费人群。图4-21随手杯的热门基础属性图4-22随手杯的热门营销属性4）通过阿里指数，推算出随手杯的消费人群，整理出顾客群肖像表：顾客群肖像表地域性别年龄爱好商品属性广东、浙江等沿海地区为主男性与女性相当青年、青壮年、中年收纳、运动、养生、音乐卡通、ins风、创意身份推测沿海地区爱运动爱生活清新干净的年轻人二、产品形象产品的外观、包装、功能、使用方法、作用等不同方面，会影响描述的风格策划。这款茶花随手杯，外观设计偏向清新、运动感，以柠檬绿色为主色调，设计简约时尚。三、全网调查所谓知己知彼，百战不殆。我们可以通过分析全网销量最前的几款随手杯的详情页，看看他们的定位、文案和风格等等，然后做出相应的调整。四、详情描述策划通过以上操作，最后策划如下：详情描述策划风格大气、清新、自然简约的风格；色调采用明朗柔和、清新环保的颜色；排版风格采用简约版式。布局1、关联营销：热卖爆款推荐2、引发兴趣：产品氛围焦点图，体现随手杯的核心卖点。3、激发需求：随手杯的使用场景图，围绕产品优势。4、产生信任：随手杯的宝贝实拍图、宝贝基本信息、宝贝细节图。着重强调杯的细节卖点提炼。5、信赖到占有：茶花的品牌介绍、资质证书。6、打消顾虑成交：随手杯包装展示、使用说明、购买需知。熟悉详情页的设计流程，要懂得每一步的作用和内容让学生学会设计详情的流程，而不是拿到产品就开始乱做4、学生实训发布实训任务：小家电手机端详情描述的设计小熊电器旗舰店的一款小熊蒸煮饭盒需要上新手机端详情页：请你根据产品特点和买家需求，对原先做好的电脑端详情筛选出手机端详情模块，并写出需要调整的内容。使用PS对详情重新排版，调整文字，修改成适合手机端的详情并切片上传至店铺。根据上面的知识点，完成小家电手机的详情策划书的撰写。（没有弄清楚的地方可参看微课）通过此任务的完成，懂得如何撰写详情策划书5、课后小结本节课要掌握的重点：详情页的设计流程2、详情页的策划书的撰写明白本节课自己要掌握的知识点任务一店铺首页策划一 一、教学目标1、知识目标（1）了解店铺首页装修的基础理论知识。（2）掌握店铺首页装修的创作方法。2、技能目标（1）能正确理解首页的作用。（2）能熟悉首页每个模块的制作方法3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。。教学重点：1、电脑端首页的规范。2、首页的主要模块。教学难点：1、首页的组成模块。2、首页的布局。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题思考什么是首页？首页的作用？看展示的首页，思考问题。引出首页装修的重要性。2、新课讲解一、一个正常营业的店铺首页主要由店招、导航、海报、产品分类、客服旺旺、产品展示、店铺页尾、店铺背景以及满返、满减、红包、购物券等营销模块。店铺首页的标准布局图：二、首页布局内容解析1、店招顾名思义是店铺的招牌，店招的尺寸为950*150PX含自定义导航部分，950*120PX其导航为系统自带。店招一般展示的内容是店铺的名称、logo标志、口号等，详细一些的也可以展示1-2款主推的产品，还有领取优惠券的设计，收藏店铺的图标。店招是店铺上唯一各个页面都能展示出现的模块，所以一些重点推广信息可以设计在店招上。2、导航条导航条可分为淘宝系统自带和自定义导航条设计，主要功能是可以快速链接到相应的指定页面。一般内容为所有分类、首页等，丰富一些的有会员制度、购物须知、品牌故事等等，具体可根据自己店铺内容而定。3、全屏海报或轮播海报全屏海报主要用于店铺重大公告、折扣优惠、主打产品推荐，让客户一进入首页就能看到店铺的重点，一般全屏海报尺寸1920*600PX（建议高度在400-600PX间较好）。轮播海报主要用于推广产品的促销内容，可以做成促销海报吸引买家。尺寸为950*500PX（建议高度在400-500PX间较好）。4、产品分类产品分类方便买家根据自己的需求在店铺快速找到想要的产品。分类主要可按价格分类，产品功能分类，产品属性分类等。本模块尺寸可根据自己店铺规划大小来定义。活动促销区将店铺的促销活动，显示在店铺首页，可提升店铺的转化率。在旺铺的基础模块中，可供使用的促销工具有：满返、红包、优惠券、满减、满赠。以上营销服务，可起到主动营销买家，提升回头客的效果。我们所说的设计，是通过平面图片的设计展示在店铺的首页，让买家一目了然的看到。设计尺寸950*200PX内。6、商品展示区是指产品通过平面图片展示设计，更能突出产品的性价比，更能融化到店铺的风格里，极大提生产品的视觉展示效果（此非淘宝系统宝贝推荐的豆腐块式的产品展示）。本模块尺寸可根据自己店铺规划大小来定义。7、店铺页尾主要展示的内容如关于快递包装物流，关于售后等，尺寸950*300PX内8、店铺背景一个店铺的风格确立，店铺的背景占据了大部分，背景主要设计的内容店铺的背景图片，店铺手机二维码或店铺一些重要的折扣信息都可以加入到店铺背景上。三、店铺首页案例展示案例：小熊电器官方旗舰店（见图5-2），以简约大气的风格凸显产品多样、高档，排版布局合理紧凑，无需过多的文字修饰，凸显高端家电品质。了解电脑端首页的布局能熟悉首页主要由哪些模块构成，每个模块的内容可为哪些？让学生先行了解电脑端首页的基本知识让学生对首页的整体布局有系统的了解，便于后面的策划4、学生实训任务名称为店铺首页进行模块策划任务要求根据本任务学习的知识，进行小家电店铺首页各模块进行策划。使用Excel工具，进行模块策划。制作规范首页各模块策完整，能反馈出各区域的主要涉及要点，以文字及图片的形式进行表达。首页宽：1920像素，核心内容需要放置在页面中心950像素内。产品资料店招主推商品2个：网红轻食早餐机、智能加湿器海报商品1个：旋钮式破壁机店长推荐商品5个：大容量空气炸锅、紫外线消毒柜、轻食三明治机、双盖炖煮养生壶、多功能电煮锅新品4个：迷你电烤箱、萌潮养生壶、双层电饭盒、便携榨汁杯店铺资料店名：“小熊电器”小家电专卖店店标：自己设计，突出店名、主营类目，色彩搭配合理。店铺口号：健康生活每一天。优惠券：买满199减10元、买满380减20元、买满750减40元促销活动：秋季滋补产品特价优惠。根据上面的知识点，完成小家电首页策划书的撰写。（没有弄清楚的地方可参看微课）通过此任务的完成，懂得如何撰写首页策划书5、课后小结本节课要掌握的重点：店铺首页布局2、店铺首页模块明白本节课自己要掌握的知识点任务二店标设计 一、教学目标1、知识目标（1）店标的定义、作用。（2）店标的和规格尺寸。2、技能目标（1）根据店标的规格尺寸和类型设计店铺店标。3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。教学重点：1、店标规格尺寸。教学难点：1、根据店标的规格尺寸和类型设计店铺店招。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题常见的店标有哪些？思考为什么你们都能记住它？思考回答问题强化店标设计很重要2、新课讲解一、店标的定义及作用1、店标的定义店铺的标志，是指网店中起到识别和推广店铺作用的图案，通过店标可以让消费者记住店铺主体和品牌文化，是店铺标识的图形记号。一个网店的店标可作为一个店铺的形象参考，给人的感觉是最直观的。可以代表着你店铺的风格，店主的品位，产品的特性，也可起到宣传的作用。2、店标的作用网店店标是公众识别网店的指示器。店标是一种“视觉语言”。它通过一定的图案、颜色来向消费者传输商店信息，以达到识别商店、促进销售的目的。二、店标要求1、文件格式GIF、JPG、JPEG、PNG2、文件大小80K以内3、建议尺寸80PX*80PX三、店标设计的步骤（1）提取店名关键字，取得关键字的首字母。（2）抽象选择可替代该行业的图案。（3）将字母和图案结合，完成标志的设计。聆听讲解，店标的定义、作用、规格及分类。提升自主学习和专注听讲的能力。4、学生实训发布实训任务：为小家电店铺设计店标。参考网上电器店标，用Photoshop制作店铺店标。利用所学知识，分析任务，讲练结合，学以致用5、课后小结本节课要掌握的重点：1、店标的定义2、店标的作用3、店标要求4、店标设计的步骤明白本节课自己要掌握的知识点任务三店招设计 一、教学目标1、知识目标（1）店招的定义、作用。（2）店招的和规格尺寸。2、技能目标（1）根据店招的规格尺寸和类型设计店铺店标。3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。教学重点：1、店招规格尺寸。教学难点：1、根据店招的规格尺寸和类型设计店铺店招。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题常见的店标有哪些？思考为什么你们都能记住它？思考回答问题强化店标设计很重要2、新课讲解一、店招的定义及作用1、店招的定义店招就是商店的招牌，有的地方叫“招子”。古人称为“幌子”、“望子”。近年来随着网络交易平台的发展，店招也延伸到网店中，即虚拟店铺的招牌。网店的招牌相当于传统商铺的“门头”一样，具有同样的含义。2、店招的作用（1）店招可以表明商店所售物品或服务项目的标志；

（2）可以传递商店的经营理念以及品牌优势等；（3）可以展示出店铺的优势产品及服务。二、店招的大小店招尺寸990/950x120PX，C店和商城的店招尺寸是有区别的，如图所示：三、店招的分类以店招的主要功能进行分类的话，店招主要分为下面三大类：1、以品牌宣传为目的的店招这类店招首先要考虑的内容是店铺名、店铺logo、店铺口号因为这是品牌宣传的最基本的内容；其次是关注按钮、关注人数、收藏按钮、店铺资质，可以侧面反映店铺实力；再次是搜索框、第二导航条等方便用户体验的内容。2、以活动促销为目的的店招这类店铺的特点是店铺活动、流量集中增加，有别于店铺正常运营。所以店招首要考虑的因素是活动信息/时间/倒计时、优惠券、促销产品等活动或者促销信息；其次是搜索框、旺旺、第二导航条等方便用户体验的内容；再次才是店铺名、店铺logo、店铺口号等品牌宣传为主的内容。3、以产品推广为目的的店招表现突出、对店铺有贡献。店铺特点是有主推产品、想要主推一款或几款产品。在店招上，这类店铺要主打促销产品、促销信息、优惠券、活动信息等促销信息；其次是店铺名、店铺logo、店铺口号等品牌宣传为主的内容；再次是搜索框、第二导航条等方便用户体验的内容。四、制作店招要注意的事项1、首先视觉重点不宜过多，有1-2个就够了，太多了导致店招没有核心。2、其次根据店铺现阶段的情况来分析，如果现阶段是做大促，可以着重突出促销信息，但是品牌性也不能忽略，反之则刚好相反。3、店招一定要凸显品牌的特性，让客户很容易就清楚你是卖什么的，包括风格，品牌文化等等。这些元素需要我们对自己的品牌有一定的理解之后，方可以应用至店招中，避免对自己的品牌定位出现偏差。4、颜色不要复杂，颜色一定要保持整洁性，不要使用过多的颜色，店铺本来需要表达的信息量就不大，不需要把店招作得太花哨，给买家造成视觉疲劳很可能就会流失了客户的关注度，尽量只使用1-3种颜色，减少使用过于刺激的颜色。聆听讲解，听取老师讲解，正确回答出店招包含的元素。以学习者为中心，突出学生主体地位，教师的引导。4、学生实训发布实训任务：为小家电店铺设计店招。参考网上电器店招，用Photoshop制作店铺店招。利用所学知识，分析任务，讲练结合，学以致用5、课后小结本节课要掌握的重点：1、店招的定义及作用2、店招的大小3、店招的分类4、制作店招要注意的事项明白本节课自己要掌握的知识点任务四海报设计 一、教学目标1、知识目标（1）海报的大小。（2）海报的类型。2、技能目标（1）海报设计共同标准。（2）海报整体构图。3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。教学重点：1、海报整体构图。教学难点：1、海报设计共同标准。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题对比两个店铺，思考哪一个流量会更多？思考回答问题强化全屏海报很重要2、新课讲解一、海报的大小全屏海报尺寸：宽1920px中间部分950px(C店)990px（天猫）高400-540px二、海报的类型1、产品型海报主要展现产品卖点的海报2、促销型海报主要展现促销信息的海报三、海报设计共同标准1、主题突出2、目标明确3、形式美观四、海报整体构图1、左图右字型（左右构图）2、右图左字型（左右构图）3、两边图中间字型（居中构图）聆听讲解，听取老师讲解，正确回答出海报的尺寸、类型。以学习者为中心，突出学生主体地位，教师的引导。4、学生实训发布实训任务：为小家电店铺设计全屏海报。参考网上电器全屏海报，用Photoshop制作店铺店招。利用所学知识，分析任务，讲练结合，学以致用5、课后小结本节课要掌握的重点：1、海报的大小2、海报的类型3、海报设计共同标准4、海报整体构图明白本节课自己要掌握的知识点任务五促销区设计 一、教学目标1、知识目标（1）促销区的类型。（2）促销区设计要点。2、技能目标（1）促销区设计四步骤3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。教学重点：1、促销区设计要点。教学难点：1、促销区设计四步骤。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题思考优惠券的好处？思考回答问题强化促销区设计很重要2、新课讲解一、常见的网店促销区1、优惠券2、促销活动：折扣活动、会员活动、抽奖活动、满赠活动二、促销区设计要点（1）促销活动,罗列清晰（2）区域划分,明确独立（3）核心内容,突出显示（4）颜色鲜艳,吸引眼球三、促销区设计四步骤（1）梳理优惠规则：时间、优惠价格（2）确定元素组合形式：中英文、数字（3）确定构图和配色：上下/左右构图、主辅色调（4）选合适平台和软件：ps工具、智能工具聆听讲解，听取老师讲解，正确回答出促销区类型、促销区设计要点等。以学习者为中心，突出学生主体地位，教师的引导。4、学生实训发布实训任务：为小家电店铺设计促销区。参考网上电器促销区，用Photoshop制作店铺店招。利用所学知识，分析任务，讲练结合，学以致用5、课后小结本节课要掌握的重点：1、常见的网店促销区2、促销区设计要点3、促销区设计四步骤明白本节课自己要掌握的知识点任务六产品分类导航设计 一、教学目标1、知识目标（1）产品分类导航的定义及作用。（2）产品的分类标准。2、技能目标（1）产品分类导航的种类。3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。教学重点：1、产品的分类标准。教学难点：1、分类导航的设计。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题对比两个导航，思考哪一个点击量会更多？思考回答问题强化分类导航很重要2、新课讲解一、产品分类导航的定义及作用定义：淘宝店铺的分类导航是指引顾客更快找到自己购买物品位置的指向灯，相当于超市中标明各类商品位置的指示牌，其重要性不言而喻。作用：1、引导顾客快速的找到所需要购买的商品，起到了路径的作用。2、还可以提高顾客在店铺里的访问深度，增加浏览流量。3、有助于顾客对整个店铺的商品全面了解，提高客单价。二、产品的分类标准1、按商品类目2、按商品价位3、按商品上架时间4、按店铺促销活动三、产品分类导航的种类1、店招导航2、页中分类导航3、左侧分类导航4、页尾导航聆听讲解，听取老师讲解，正确回答出促销区类型、促销区设计要点等。以学习者为中心，突出学生主体地位，教师的引导。4、学生实训发布实训任务：为小家电店铺设计分类导航。参考网上分类导航，用Photoshop制作店铺店招。利用所学知识，分析任务，讲练结合，学以致用5、课后小结本节课要掌握的重点：1、产品分类导航的定义及作用2、产品的分类标准3、产品分类导航的种类明白本节课自己要掌握的知识点任务七商品陈列区设计 一、教学目标1、知识目标（1）商品陈列区定义。（2）传统超市和电商商品陈列对比。2、技能目标（1）如何进行商品陈列。3、情感目标（1）培养学生美感审美的能力，美的情操。（2）培养学生积极思考、大胆探索的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析网店首页的美观程度，直接决定进店顾客的主观感受，可以延长顾客进店停留时间，关系到顾客能否在店铺下单购物。美观的店铺装修会给客户好的第一印象，顾客会更愿意多花时间浏览店铺的商品，增加顾客下单的概率。教学重点：1、商品陈列区定义。教学难点：1、如