资源描述
店铺视觉规范
任务一 店铺风格定位
一、教学目标
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、店铺风格定位的方法
明白本节课自己要掌握的知识点
回顾所学知识
3
吸引眼球的海报设计
任务二 配色方案确定
一、教学目标
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家园网：
字由网址：
(2)字体安装：第一步：输入网址：
图1-51客户端下载界面
第二步：解压下载好的压缩包，进行安装，安装后出现可以选择的免费商用的字体。
第三步：打开photoshop cs6软件，快速应用字体，无需下载字体，点击商用免费字体预览区，点击激活字体，然后再选中设计软件中的字体，点击“文字工具”，就可以在下拉面板选择相应字体。（见图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～700px
2、自定义页面普通海报
宽：C店950px（B店990px）、高：400px～600px
3、宝贝详情页中的海报
宽：C店750px(B店790px）、高：200px～400px
二、海报的主题
1、店铺宣传
店铺宣传海报是以宣传店铺品牌为主的海报设计，旨在提升店铺形象、优化店铺结构等。
2、商品宣传
商品宣传海报指的是以某件或多件商品为主的海报设计，又可分为新品型海报、热卖型海报、促销型海报。
3、品牌宣传
品牌宣传海报旨在宣传品牌，提升品牌形象。
4、会员宣传
会员宣传主要有会员换购、会员日等。
三、海报的文案
1、文案的设计过程一般要经过4个层级：
战略层、感受层、内容层、表达层
通过海报了解哪个内容属于这四类层级。
2、海报中的文案可分：
主标题、副标题、正文
通过海报可以看出主标题：全网通
标题：小米NOTE新品首发2099
正文：同时支持联通、联通、电信4G网站
8月3日中午12点，晚上8点开售。
了解电脑端宝贝描述规范
能熟悉海报主要由哪些模块构成，每个模块的内容可为哪些？
能熟练分清哪个属于分案的层级和文案分类
让学生先行了解电脑端详情的基本知识
让学生对海报的整体组成模块有系统的了解，便于后面的策划
学生通过案例分析出层级和海报文案分类
4、学生实训
在淘宝网上去查找随手杯的海报，至少10款，写出海报内文案的层级和文案分类。
查找海报
通过对各个网店的同类海报对比，得出优秀的海报文案在哪里
5、课后小结
本节课要掌握的重点：
1、 了解海报的主题
2、海报文案的分类
明白本节课自己要掌握的知识点
18
引起购买欲的详情页
任务二 海报设计一
一、教学目标
1、知识目标
（1）掌握海报的设计流程。
（2）掌握海报的主题确定与构图。
2、技能目标
（1）能正确设计出海报排版。
（2）能根据海报内容进行构图
3、情感目标
（1）培养学生分析和处理、使用数据的能力。
（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。
（3）培养学生自主学习、协助学习的能力。
二、教学内容分析
海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。
教学重点：1、海报设计流程。
教学难点：1、海报构图的布局。
三、教学过程设计
教学步骤
教师活动
学生活动
设计意图
1、创设情景引入课题
你认为哪个部分是决定海报最重要的东西？为什么？
让学生说出自己理解的海报重要部分
强化详情的前期设计很重要
2、新课讲解
一、海报设计素材选择
1、需求沟通。
2、确定产品特点
举例海报中的护肤乳，主要的特点就是有一定花香的元素，还有就是一个清新淡雅的元素。
3、确定风格。
1）简约风格。
就是简单而有品位，以简洁的表现形式满足人们对画面感性的、本能的需求。主要以白、黑的纯色为主，一般用到生活用品类和高端品牌。
2）可爱风格。
是以卡通、可爱的元素构建的风格。会用到鲜艳的颜色，主要用在母婴或者是食品类。
3） 清新风格。
是一种以清新唯美、随意创作风格见长，深受女孩喜爱，是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着的。主要以浅色系为主。
4） 科技风格。
是具有科幻效果的风格体现。这种风格偏多男性喜欢。科技风格主要是以蓝色、黑色为主色调的居多。而元素的使用更是多样，会利用比较尖锐的几何图形、线条和光线的应用。主要应用在运动类或者是电器类。
4、主体图的选择。
（1）清晰。（2）饱满。（3）立体感、重量感。
分析海报的内容
二、海报的构图
（一）左右构图。
左右构图是指把产品和主题文案左右摆放。整张海报第一眼看到的是产品，第二眼看到的是主文案，其次才是渲染环境的元素。
（二）上下构图。
上下构图是指把产品和主题文案上下摆放。
（三）居中构图。
居中构图是指把主题文案放在中间位置，产品放在两边。
（四）几何形构图 。
（1）圆形构图法 （2）三角形构图法（3）菱形构图法 （4）矩形构图法（5）梯形构图法
熟悉海报的设计流程，要懂得每一步的作用和内容
熟练掌握海报的构图。熟练掌握不同的构图
让学生学会设计海报的流程，而不是拿到产品就开始乱做
让学生可以掌握海报的构图。
4、学生实训
1、找出不同风格的海报，标注海报的风格和构图方式。
2、根据海报的作品内容进行自行排版。
根据上面的知识点，完成海报的构图。
通过此任务的完成，懂得如何进行海报构图。
5、课后小结
本节课要掌握的重点：
2、 详情页的设计流程
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、课后小结
本节课要掌握的重点：
3、 海报的设计流程
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）进入稿定设计在线电商装修网站（
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、创设情景引入课题
展示两张不同设计排版的商品主图，哪一张更能吸引你的球，想点击进一步了解商品？为什么？
教师分析讲解
看展示两张相同产品不同设计的主图，角色为买家，会喜欢哪个？
由对比反差引出主图的重要性，从而有兴趣学
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
