在网络购物时，店铺装修给顾客的第一印象，就决定了对店铺的直观感受。小清新？中国风？抑或是现代简约？质量好不好？售后怎么样？等等……，买家已对你有了基本判断，虽然品牌、价格等因素也是定位的重要条件，但是排在首位的还是视觉印象。因此，店铺的视觉定位几乎就等于店铺的定位。因新接手一销售日用百货的淘宝店铺，设计部主管陈明发出一任务单（见表1-1），要求对YIMI伊米生活日用百货店进行店铺装修视觉规范。通过各个店铺视觉页面的设计，优化店铺视觉效果，提升网店整体形象。细文档：
对YIMI伊米生活日用百货店从店铺装修风格、店铺配色、字体规范等方面进行店铺装修视觉规范。
具体要求：
主题独立页
官方承接页
主图
直通车图
钻展图
详情基础优化
详情深度优化
官方引流图
新品上新
常规活动营销策划主题活动策划
大型活动策划
商品运营策划
其他：对YIMI伊米生活日用百货店进行店铺装修视觉规范自我检查
确认签名
组长检查
验收人按要求完成是
否确认签名
表1-1任务单1、知识目标2、技能目标了解网店视觉规范的基础理论知识掌握店铺风格定位的方法掌握店铺颜色搭配的方法能够定位店铺风格能够为店铺配色
图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。
店铺风格定位
引入店铺风格定位任务一举个例子，两家化妆品的店铺，对比一下，如图1-1图1-2
一、店铺风格定义店铺风格定位任务一1.店铺风格是指网店给访客的直观感受。2.店铺风格主要体现在网店主营的商品类型、网店的装修风格、网店商品的价位、网店促销的方式、网店顾客的服务等方面。
店铺风格定位任务一二、店铺风格定位的原则3、色系不宜过多，3种以内。4、少用鲜艳色，尽量采用中间色。1、要有依据。2、色彩搭配有主次、有对比。
店铺风格定位任务一三、店铺风格定位的方法1、行业特性
根据行业特有的性质来确定店铺风格，如：户外运动
关键词：动感、大自然、健康、活力。
推荐色系：蓝、绿、橙、红
店铺风格定位任务一三、店铺风格定位的方法孕婴用品
关键词：温馨、希望、洁净、成长
推荐色系：浅粉、浅玫瑰、浅绿、浅蓝
店铺风格定位任务一三、店铺风格定位的方法2、商品特性
根据商品本身的特点，来确定店铺风格，主要可以从以下几方面入手:1)价格水平
像钻石、珠宝首饰此类需要花费上千甚至上万购买的贵重商品，就可以从商品的档次上来定位装修风格，要显得精美、有档次。
店铺风格定位任务一三、店铺风格定位的方法2)消费群体
消费群体可以从消费者的性别、年龄、职业、文化水平、收入水平等方面找出消费群体的特性和共性。
店铺风格定位任务一三、店铺风格定位的方法3)文化内涵
根据宝贝不同的产品特性，可以在装修时选择具有不同文化内涵的主题
店铺风格定位任务一三、店铺风格定位的方法3、时节特性
有时候还需要根据季节的不同，选择不同的店铺装修风格，
不同的节日，更换不同的风格，如图1-9。
店铺风格定位任务一通过对任务的分析及店铺风格定位的学习，制定店铺风格定位计划如下：店铺主营项目找出本店目标消费群体
定位店铺风格店铺风格定位任务一一、自己店铺的主营项目YIMI伊米生活日用百货店主营项目为水杯、毛巾、拖鞋等日用百货商品二、找出本店目标消费群体本网店的主要消费群体为18-49岁时尚女性，一般工作于企业事业单位，收入较高，工作稳定，表现为生活节俭，精打细算，在购物方面追求美观与实用性，因此店铺的装修就要符合女性的审美习惯，要求重点突出功能、设计、性价比等。
三、定位店铺主体风格
明确目标消费群体的共同爱好。
结合劳动节定位店铺风格。
记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、
2、
3、
配色方案确定
引入网店整体配色，一定要给人统一和谐的感觉。不是越花哨就越好，花哨只能引起访客的混乱。当然统一的网店配色，并不是说只能用一种颜色，而是指只有一种主色调，在此基础上搭配一些其他颜色。配色方案确定任务二
配色方案确定任务二配色总的应用原则应该是“总体协调、局部对比”。也就是说，页面的整体配色效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。下面介绍一些常用配色方法。想要配色和谐、舒服，先了解色彩的三个重要属性，弄清色相，亮度和饱和度之间的联系。
配色方案确定任务二一、色彩属性色彩是人脑识别反射光的强弱和不同波长所产生的差异的感觉，色彩具有色相、饱和度明度三种性质，也就是HSB模式，HSB分别代表色相(H)、饱和度(S)、明度(B)。（见图1-13）。
配色方案确定任务二1.色相(H)，即色彩可呈现出来的质的与相貌，如红、橙、黄、绿、青、蓝、紫等。它是区分色彩的主要依据,是色彩的最大特征。它在Photoshop中,可以单击前景色打开拾色器进行相应的选择。
配色方案确定任务二2.饱和度(S)，即纯度，是各色彩中包含的单种标准色成分的多少。饱和度用来表现色彩的鲜艳和深浅。饱和度是深色、浅色等色彩鲜艳度的判断标准。饱和度最高的色彩就是原色，随着饱和度的降低，色彩就会变的暗淡。饱和度高的色色感强，即色度强，所以饱和度亦是色彩感觉强弱的标志。它在Photoshop中,可以单击前景色打开拾色器进行相应的选择。
配色方案确定任务二3.明度(B)，又称为色彩的亮度，即色彩的明暗差别,也即深浅差别。比如，淡绿、草绿、翠绿、深绿、墨绿等绿颜色在明度上就不一样，深红、玫瑰红、大红、朱红、桔红等红颜色在亮度上也不尽相同。这些颜色在明暗、深浅上的不同变化，也是色彩的又一重要特征一一明度变化。它在Photoshop中,可以单击前景色打开拾色器进行相应的选择。
配色方案确定任务二4.色彩作为商品的最明显的特征，是最容易引起消费者的注意的。它的冷暖色调、明度饱和度、色彩对比等，会给人造成视觉冲击的不同的效果。如高饱和度的橙色页面代表的是个性鲜明，具有挑战性、令人振奋、赏心悦目，配上光亮的白色，意味着清新、充满活力与朝气。
配色方案确定任务二冷色色调（如图1-18）：包含绿色、蓝色和紫色。让人清爽、稳重、舒缓、冷静的颜色。适合男性、户外、电器、数码、夏天、春天等主题。暗色色调（如图1-19）：纯色加黑得到暗色系。让人成熟、高贵、尊贵、气势、高雅的颜色，体现能力感和高格调文化。适合男性、汽车、电器、数码、商务、奢侈品等主题。
配色方案确定任务二明色色调（如图1-20）：纯色加白色得到。让人时尚、活泼的颜色。适合时尚、运动、年轻等主题。淡色色调（如图1-21）：明色加白色得到。让人清新、温柔的颜色，适合少女、幼儿主题。
配色方案确定任务二三、色彩搭配1、单一色彩配色
配色方案确定任务二三、色彩搭配2、两种对比色彩配色
配色方案确定任务二如何才能找了对比最强烈的颜色呢？可用色相环辅助完成，色相环中（如图1-15），180度对立的两种色彩，对比是最强烈的，这个角度范围内，角度越大的两种颜色，对比越强，反之就越弱。
2、明确目标消费群体的共同爱好。
3、结合国庆节定位店铺配色方案。（1）确定主色
（2）确定辅助色
（3）确定突出色
字体的规范
字体的规范任务三字体的规范一般店铺中常用字体：中文字体不超过2种，一种用于标题，一种用于宝贝描述。数字字体一种、英文字体一种、特殊字体一种（只在特定活动时用于渲染气氛）。同时，在选择字体的时候，还要根据自己的产品和行业来定。
字体的规范任务三字体的规范一般店铺中常用字体：中文字体不超过两种，一种用于标题，另一种用于宝贝描述；数字字体一种，英文字体一种，特殊字体一种（只在特定活动时用于渲染气氛）。同时，在选择字体的时候，还要根据自己的受众、媒介和行业来定。不同的行业，选用的字体也不一样，如餐饮行业在字形选择会选择手工感强的字体，这样可以增加食欲，运动行业产品字形会选择动感性或碰撞感的字体。
字体的规范任务三字体的规范一、适合男性产品使用的字体
字体的规范任务三字体的规范二、适合女性产品使用的字体
字体的规范任务三字体的规范三、适合中性产品使用的字体
字体的规范任务三字体的规范四、适合促销类产品使用的字体
字体的规范任务三字体的规范五、适合孩童产品、童趣产品使用的字体
字体的规范任务三字体的规范六、适合小清新、文艺、复古产品使用的字体
字体的规范任务三字体的规范七、适合高端昂贵产品奢侈品使用的字体
字体的规范任务三字体的规范九、自主设计字体
字体的规范任务三字体的规范九、自主设计字体通过对任务的分析，字体设计的计划如下字体的规范任务三分析产品或消费者的特性选择相应的字体字体的下载字体应用ＹＩＭＩ伊米生活用品店主要销售家居日用品，属于消费和使用人群男性和女性都有的中性产品。基于中性干净、简洁、中性美、精致、平静等特征，我们可以总结出中性化文字特征：性别属性不强、并不需要很强烈的情感特征、偏中立、兼具男性字体和女性字体的特征，到字由/下载合适的免费商用的字体。字体的规范任务三字体的规范任务三（1）字体下载网址有：PS家园网：/pssc/fontxz/字由网址：/字体的规范任务三（2）字体安装任务名称店铺设计字体任务要求新店开张，需要为九阳厨房小家电电器店设计店铺的字体搭配。请你根据店铺资料的消费群体与系列产品特征选择店铺的字体搭配。字体规范字体确定店铺资料1.店铺名称：九阳小家电电器店2、产品服务与特色：实用小家电电器，系列产品包括豆浆机、面条机、原汁机、电压力煲、电磁炉、料理机、电炖锅、开水煲、电饭煲等品类。公司网址：/3.消费群体:中年群体4品牌形象类型：厨房实用性小家电字体选定1.根据消费群体确定合适字体
2.字由下载、安装
3.设计字体确定记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、
色彩搭配15分色彩应用符合店铺风格的视觉识别要求，有视觉冲击力
字体选择15分字体搭配合理，符合店铺风格的视觉要求
工作心态10分抱有信心，努力做好工作，能完成工作
3、团队合作（20分）沟通分析10分主动提问题，快捷有效的明确设计意图和需求
计分
总分（按自我评价20%，小组评价30%，教师评价50%计算）通过对本情境的学习，请你为自己的店铺从店铺风格、配色方案、字体选择等方面做店铺视觉规范。
在网店装修中，店铺海报占据重要的位置，它可以让商品信息更加一目了然，个性化展示店铺，点击后快速进入主推单品，便于将主推商品展现给买家。很多商家都喜欢采用全屏轮播的方式，全屏轮播能整体上很大气且容易突出店铺风格，视觉上让人感觉很舒服。海报的设计讲究号召力和感染力，文案简洁鲜明，引起买家共鸣。
表2-1任务单细文档：
上新品，为茶花随手杯（如图3-1）制作一张网店首页海报
设计要求主题突出、寓意深刻。表现要求简约大气，设计感强、有吸引力。作品风格要根据网店首页背景颜色一致。设计规格均为950×450像素，jpg格式必须是彩色原稿，能以不同的
比例尺寸清晰显示。
其他：自我检查
1、知识目标2、技能目标掌握网店海报的设计流程能够独立完成网店海报设计了解网店海报的基础理论知识掌握海报的设计流程掌握店铺海报的上传方法
海报的常见尺寸
引入海报文案任务一这两张海报图，哪张海报文字内容会吸引你？为什么？
海报的常见尺寸海报文案任务一1）首页全屏海报（如图2-2）宽：1440px/1680px/1920px(越大越兼容）高：300px～700px（仅建议）
海报文案任务一2）自定义页面普通海报（如图2-3）宽：C店950px（B店990px）高：400px～600px（仅建议）
海报文案任务一3）宝贝详情页中的海报（如图2-4）宽：C店750px(B店790px）高：200px～400px（仅建议）
海报的主题
海报的主题海报文案任务一1）店铺宣传
店铺宣传海报是以宣传店铺品牌为主的海报设计，旨在提升店铺形象、优化店铺结构等。
海报文案任务一2）商品宣传
商品宣传海报指的是以某件或多件商品为主的海报设计，又可分为新品型海报、热卖型海报、促销型海报。
海报文案任务一3）品牌宣传
品牌宣传海报旨在宣传品牌，提升品牌形象。
海报文案任务一4）会员宣传
会员宣传主要有会员换购、会员日等。
海报的文案
海报的文案海报文案任务一文案的设计过程一般要经过4个层级：1、战略层：2、感受层：3、内容层：4、表达层：
海报文案任务一海报中的文案可分1、主标题：2、副标题：3、正文：确定海报主题撰写海报主标题撰写海报副标题撰写海报正文通过对任务的分析及海报设计的学习，制定海报文案撰写计划如下：海报文案任务一一、确定海报主题此次海报的任务是为新店铺开张的茶花随手杯设计一幅海报，根据海报主题的分类，我们可以选择新品上市主题。二、撰写海报文案根据文案设计过程的4个层级分析得出：1、战略层：新店开张，推出新品，让消费者记住我们这一店铺2、感受层：针对这款水杯，挖掘消费者的痛点：外出水杯放旅游包中有漏水，塑料材质的食品安全卫生问题3、内容层：随手杯的密封圈设计，安全无侧漏，玻璃材质安全无毒4、表达层：倒立不漏从而确定了海报文案的主标题：倒立不漏副标题：无铅玻璃，硅胶防烫海报文案任务一1、新建图像海报文案任务一海报文案任务一2、输入海报文案3、保存图像记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、
素材选择
海报设计任务二素材选择1、需求沟通。2、确定产品特点。
例如海报中的护肤乳，主要的特点就是有一定花香的元素，还有就是一个清新淡雅的元素，如图2-12所示。
3、确定风格。（1）简约风格。
就是简单而有品位，以简洁的表现形式满足人们对画面感性的、本能的需求。主要以白、黑的纯色为主，一般用到生活用品类和高端品牌。海报设计任务二
（2）可爱风格。
是以卡通、可爱的元素构建的风格。会用到鲜艳的颜色，主要用在母婴或者是食品类。海报设计任务二
（3）清新风格。
是一种以清新唯美、随意创作风格见长，深受女孩喜爱，是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着的。主要以浅色系为主。海报设计任务二
（4）科技风格。
是具有科幻效果的风格体现。这种风格偏多男性喜欢。科技风格主要是以蓝色、黑色为主色调的居多。而元素的使用更是多样，会利用比较尖锐的几何图形、线条和光线的应用。主要应用在运动类或者是电器类。海报设计任务二
4、主体图的选择。（1）清晰。
更高清的主体图更加精致，有品质感，会让用户感受到更多的细节，也能激发用户的购买冲动。海报设计任务二
（2）饱满。
饱满是指在有限的版面空间中，主体一定要占据最大的视觉比例，让用户感受到主体的重要性。可以采取放大主体，或者多角度展示的方式，来看主体图显得更饱满。
海报设计任务二
（3）立体感、重量感。具有立体感、重量感的东西比较具有品质感。如果画面上的商品图只能有一个角度展示，那就尽量选择30-45度左右的侧面海报设计任务二
5、背景的选择。
（1）拍摄图。商品与场景搭配拍摄，直接用作背景使用。免去了不知用哪个背景挑选的困扰。海报设计任务二
（2）自制背景。将商品/模特抠取出来，根据商品/模特的颜色和需求中要求的风格来选择背景。海报设计任务二
海报设计任务二举例说明，中秋主题的海报
海报的构图
海报设计任务二海报的构图（一）左右构图。
左右构图是指把产品和主题文案左右摆放。整张海报第一眼看到的是产品，第二眼看到的是主文案，其次才是渲染环境的元素。
（二）上下构图。上下构图是指把产品和主题文案上下摆放。
（三）居中构图。居中构图是指把主题文案放在中间位置，产品放在两边。海报设计任务二
（四）几何形构图。
（1）圆形构图法
圆形构图法是商品、模特、文案构成相对完整的椭圆形，文字及图形更加内向集中，这种构图画面更加完整，有一种自然、放松、热闹、趣味、韵律感的效果。海报设计任务二
（2）三角形构图法三角形构图是指商品、模特、文案构成相对完整的三角形的外向对齐的构图，具有平稳、庄重、力量感，倾斜的三角图视觉上更活泼、动感。
（3）菱形构图法菱形构图法是以指商品、模特、文案构成相对完整的平行四边形的构图方式，更具有运动感，有强烈的视觉张力。
（4）矩形构图法矩形构图法是商品、模特、文案构成相对完整的长方形，文字及图形更加内向集中，这种构图画面完整利落。
（5）梯形构图法梯形构图法和三角构图类似，比三角形更平稳。
文案的排版
海报设计任务二文案的排版1．亲密
2.对齐
任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则就是要找一条明确的对齐线，并坚持以它为基准，使依附于它的元素建立起除亲密以外的秩序。对齐主要有左对齐、居中对齐、右对齐。但是要避免在同一画面上混合使用多种文本对齐方式，也要尽量避免居中对齐，那样虽然会使画面显得正式，但也更乏味。海报设计任务二
3．重复
设计中的某些方面需要在整个作品中重复。重复不仅对单页的作品很有用，对于多页文档或一套设计作品更是重要，通常称之为“一致性”。但要避免过多地重复一个元素，重复太多会让人生厌。重复有颜色重复出现、高度／宽度重复出现、元素间距重复出现等表现形式。海报设计任务二
4.对比
对比要强烈才有效。如果两个元素不完全相同，就应当使它们不同，而且应当是截然不同。对比原则包含的内容很多，比如大字体与小字体、粗线条与细线条、冷色与暖色、平滑与粗糙、长宽与高窄、虚与实等。海报设计任务二
色彩搭配
海报设计任务二色彩搭配
海报颜色占据画面的主要有三大元素：主体物、文案、背景。所以这三者的颜色决定了整个画面的色彩。
1、提取主体物的色彩，根据产品找到本身的颜色，首先分析主体物都包含哪些颜色。2、接着进行应用。看一看哪种颜色占据最多，那就设定为主色，应用在背景中，其次就应用于文案和点缀色中。从案例中分析得到浅蓝色占据最多，其次是深蓝色和白色。3、而对于点缀色的使用，如果画面的色彩有点花，那么辅助元素就弱一点，采用和主色相同的色相，把画面稍微的压一压。4、反之，如果画面太平静，需要加强一下气氛，那么辅助元素就可以采用强对比色，或者反相色，来提升画面的对比度。海报设计任务二
细节点缀
海报设计任务二细节点缀
1、纹理背景
相对于纯色背景，纹理在质感上更丰富细腻。
由相同元素重复平铺构成的纹理背景，背景上的元素可以与主题呼应起来。
变化的色块也具有纹理的作用.
2、几何图形
几何图形几乎就是万金油，在任何主题的设计上都可以使用。点线元素是最常用作装饰作用的，任何几何元素都适合用来点缀画面，如小圆圈、三角形、小段曲线等。海报设计任务二
4、搭建小场景
隐藏文案图层，将素材抠好图放在海报内，背景调整为随手杯相近的颜色，并给随手杯添加底纹。详情页设计任务二4、文字排版配色
把文案层显示出来，调整位置，居中对齐，调整行间距；颜色为深绿色，突出“倒立不漏”，添加深绿色底色，正文部分使用白色。详情页设计任务二5、细节点缀
将素材拖动到图像上，调整到适合的位置，适当变形调整大小。6、保存文档把文件保存到海报文件夹中。详情页设计任务二记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、
常见首页海报的上传方式详情页上传任务三1.单张首焦海报上传
淘宝网提供的自定义区默认的宽度为950像素，最大容纳950像素宽的图片，一般店铺会在首页焦点位置放置一张950像素宽的单张海报。
常见首页海报的上传方式
2.轮播首焦海报上传
除了自定义区可以放置海报外，淘宝网还提供了图片轮播的功能，可同时放置多张950像素宽的海报，以轮播的形式展示，在下方会有图片的序号显示，点击序号即显示对应的海报图片。详情页上传任务三
3.首页全屏海报上传
为了使呈现效果更佳、用户体验更好，可将海报宽度设为1920像素，这样基本上所有的显示器都可以完全铺满。但是，主要产品信息应在1280像素之内或950像素，这样就可以保证设计的主要内容，小屏幕显示器也能完全显示。详情页上传任务三
轮播首焦海报的应用
（3）图片轮播模块添加成功后，点击“编辑”，进入图片轮播编辑窗口，分别添加三张已经上传至图片空间的海报图（三张海报的宽和高必须一致），并设置各自对应的商品链接。详情页上传任务三
（4）添加完链接之后，修改“显示设置”。“显示标题”选项控制是否显示本自定义区的标题，如果显示的话，海报上方会有一个白条，影响整体美观，所以一般选择不显示；模块高度设置为三个图片的共同高度（我们的图片高450像素）；切换效果按店铺需要设置，一般情况下是左右滚动。完成后进行保存。（5）发布后，可以在店铺首页看到三幅轮播焦点海报。详情页上传任务三
首页全屏海报的应用
（4）自定义区模块添加成功后，点击“编辑”，进入自定义内容区。详情页上传任务三
（5）获取全屏海报代码。全屏海报代码获取方法：1）进入稿定设计在线电商装修网站（/dianshang/zhuangxiu）。2）点击进入“代码生成”类目下的“专业版”分类。详情页上传任务三
3）打开“淘宝-全屏海报/视屏”页面，将店铺的素材中心里的海报进行复制，粘贴到生成器里的海报地址内，并将所链接的内容进行粘贴。详情页上传任务三
4）点击生成全屏海报的代码，产生成全屏海报代码。详情页上传任务三
3、一、海报文案1、海报的常见尺寸。1）首页全屏海报宽：1440px/1680px/1920px(越大越兼容）高：300px～700px（仅建议）2）自定义页面普通海报宽：C店950px（B店990px）高：400px～600px（仅建议）3）宝贝详情页中的海报宽：C店750px(B店790px）高：200px～400px（仅建议）2、海报的主题：1）店铺宣传、2）商品宣传、3）品牌宣传、4）会员宣传3、海报的文案：主标题：副标题：正文：二、海报设计1、素材选择（1）需求沟通。（2）确定产品特点。（3）确定风格。1）简约风格。2）可爱风格。3）清新风格。4）科技风格。（4）主体图的选择1）清晰。2）饱满。3）立体感、重量感。（5）背景的选择。1）拍摄图。2）自制背景。2、海报的构图（1）左右构图。（2）上下构图。（3）居中构图（4）几何形构图1）圆形构图法。2）三角形构图法。3）菱形构图法。4）矩形构图法。5）梯形构图法。3、文案的排版
版面设计10分主题突出醒目，有突出重点的主题位置和空间，空间布局新颖，能够吸引受众的注意力
色彩应用10分色彩应用符合主题的视觉识别要求
制作技术10分文件尺寸符合店铺需要，图像制作精美，在制作过程中对软件善于加以利用
海报创意10分构思巧妙，能激发想象力
工作心态10分抱有信心,并始终积极努力的做好工作
3、团队合作（20分）沟通分析10分思路较清晰，主动提出问题，快捷有效的明确设计意图和需求
总分（按自我评价20%，小组评价30%，教师评价50%计算）
一张吸引点击的主图可以节省一大笔推广费用，吸引更多流量，设计部主管陈明针对新品上新的需要，发出一任务单（见表3-1），要求设计制作茶花随手杯的有吸引力的主图五张。
表3-1任务单任务指派人陈明发出日期
任务名称茶花随手杯的主图制作任务用途首页
0主题独立页
0官方承接页
0主图
R直通车图
0钻展图
0详情基础优化
0详情深度优化
0
0新品上新
R
常规活动营销策划0主题活动策划
0大型活动策划
0商品运营策划
其他：任务要求1、要求要有好的构图、清晰、能进行品牌宣传，可以有一定的场景表现。2、从产品的角度和消费者的角度提取产品卖点来设计图片，勾起点击欲。3、从卖点、排版、文案、色彩等结合设计以提高点击率，而不要简单粗暴地：“顺丰包邮”“四折秒杀”“直降10元”等。风格偏好□普通简洁，中规中矩R大气简约，商业气息浓□古典文化，怀旧经典□年轻时尚，青春活力，另类□热烈奔放，情趣□其他:__________________制作规范800×800像素，jpg格式自我检查
验收人按要求完成
是
否确认签名1、知识目标2、技能目标了解认识商品主图掌握商品主图设计的方法掌握商品主图设计的设计流程能够独立完成商品主图的设计能够独立设计商品主图能够完成商品主图的上传
商品主图认识
引入商品主图认识任务一举个例子，两张相同商品的主图，作为买家，你会更喜欢哪一张？
一、主图的定义和作用商品主图认识任务一主图的作用：第一、提高点击率。
一、主图的定义和作用商品主图认识任务一主图的作用：第一、提高点击率。第二、提高自己店铺的辨识度，提高客户认知度。风格不统一的主图风格统一的主图
一、主图的定义和作用商品主图认识任务一主图的作用：第一、提高点击率。第二、提高自己店铺的辨识度，提高客户认知度。第三、全面完整地展示产品，便于客户了解详情，提升转化率。
二、主图的要求及规格尺寸商品主图认识任务一1、主图的要求第一张主图：在商品的五张主图中，第一张主图也被称为首图。首图是买家
在平台搜索商品的时候出现在搜索页中的图片。
二、主图的要求及规格尺寸商品主图认识任务一1、主图的要求第二张主图：负责解决买家的需求。如果是功能型产品就介绍商品核心的功能，
如果是外观型的产品就多角度的展示外观。
二、主图的要求及规格尺寸商品主图认识任务一第三张主图：负责获取买家的信任。解决家购物风险问题，功能型的可以是多
角度展示商品细节、保修售后等信息。
二、主图的要求及规格尺寸商品主图认识任务一1、主图的要求第四张主图：负责给予买家优惠。展示商品促销信息，促使买家决定购买。
二、主图的要求及规格尺寸商品主图认识任务一1、主图的要求第五张主图：建议根据官方要求放置白底商品图，且不加任何文字，上手淘
首页使用。
二、主图的要求及规格尺寸商品主图认识任务一2、主图的规格尺寸
淘宝可上传的主图规范尺寸最小为310×310像素，不能放大；但700×700像素以上尺寸通常会附带放大镜功能，因此一般行业主图的尺寸基本是800×800像素，具体主图的类型、大小要求参看书本中表3-2所示。
三、主图素材的选择商品主图认识任务一
主图对素材要求是很严格的，有高品质的素材图片，才能更好地展示产品的优点和卖点，才能勾起买家的点击欲望。1、主图清晰度2、主图的曝光度3、主图的像素大小通过对任务的分析及商品主图知识的学习，制定主图素材选择和美化计划如下：商品主图认识任务一选择五张商品图片确定一张首图图片美化五张主图图片一、选择五张商品图片在图3-1的9张茶花随手杯图片中，根据主图素材选择的要求，选出五张作为商品发布的主图。二、确定一张首图图片在上面选出的五张茶花随手杯主图中再选出一张作为首图，另4张就自动成为辅助主图。三、美化五张商品图片1、裁剪主图大小为：800×800像素，再调整图片的亮度和曝光度，使其明亮清晰。2、其他四张辅助的主图符合要求，不需要美化。商品主图认识任务一
操作要求1、从上面商品图片中选出五张主图并确定好顺序2、确定一个为首图3、对五张主图进行基础美化记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、
3、商品主图认识任务一
商品主图设计
引入商品主图设计任务二好的主图能有效的提高点击率，增加流量。那么好的主图应该怎么来设计和制作呢？有什么注意的事项和设计的方法呢？
一、主图设计注意事项商品主图设计任务二1、主图中的商品要突出
主图中商品主体一定要清晰，占比一定要高，要让消费者一眼就能看清楚店铺卖的是什么。
一、主图设计注意事项商品主图设计任务二2、主图与商品的主关键词、大流量词要保持一致。
每个买家搜索关键词都是带着目的，比如买家搜索碎花裙子，那么就是要碎花的；搜索长筒袜，短袜就是不需要的。因此要让主图与宝贝的主关键词、大流量词、特别是成交词保持一致。3、主图上展现商品的核心属性词。
主图不是越美观越大气就越好，而是要把宝贝的核心属性词展示出来。比如商品的关键词是“婴儿可用消毒水”，那就可以在主图上直接标明此消毒水可用于有婴儿的家庭，写明医用级别，让家长更加放心购买使用。
一、主图设计注意事项商品主图设计任务二4、主图卖点文案要直击买家需求。商品的卖点不需要很多，太多会让消费者记不住，只要展现核心的卖点就可以了。
一、主图设计注意事项商品主图设计任务二5、主图上避免出现无价值的文案。
营销学上有个三秒法则，就是消费者看到商品宝贝最多给三秒做决定，是忽视还是停留，三秒钟根本看不了太多的文案，所以不要在首图上同时突出太多的卖点，不得不加的卖点可以缩小，合理地进行排版。6、主图要迎合目标消费者。
首图其实是为了迎合一部分的人，而不是迎合所有的人，也没有任何的首图能够迎合所有的人。
二、主图设计的思路商品主图设计任务二1、确定精准消费人群
开始制作主图之前，要考虑产品的对应人群，要了解对应人群的偏好、兴趣爱好、消费能力及消费水平等等。因此，要做针对对应人群的风格图片，一张图片不可能把所有的人群都覆盖了，假如把所有人群都覆盖到，那很容易变成四不像，最后谁都看不上。
二、主图设计的思路商品主图设计任务二2、了解消费人群的真实需求挑选商品图
消费人群确定好之后，接下来要了解消费人群的真实需求。消费者的需求往往隐藏在关键词中，但是在做主图的时候，无意间忽略消费者的需求，忽略消费者在搜索关键词时真正想要看到的东西，导致最终主图的点击率不高。
二、主图设计的思路商品主图设计任务二3、添加卖点文案
文案是直接表达卖点的方式，卖点要简单明了，用最少的字表达出商品最重要的信息。一针见血，找到消费者最关心地方，是打折优惠、产品功能、或者是快递优势等等，找到这些卖点之后挑选最重要的放到主图上，吸引消费者目光，促成点击。（1）价格优惠卖点（2）赠品卖点（3）功能卖点
二、主图设计的思路商品主图设计任务二4、根据差异化选择主图背景或细节点
根据关键词抓住消费者需求然后展示产品，是做主图的第一步，在搜索页面非常多的主图中，同款、甚至同图片的都非常多，如果没有差异化，很难让消费者最先看到你的商品。那么如何才能做到差异化呢？（1）背景颜色差异化（2）角度视觉差异化（3）细节差异化（4）场景差异化
二、主图设计的思路商品主图设计任务二5、主图排版
在主图画面中，起最主导地位的是什么？没错，就是构图！构图是商品效果直接呈现的主要因素。主图的构图方式可以参考学习情境二海报的构图，根据各种不同的商品，主图构图有所不同。6、主图的信息分层
信息分层就是将主图中的信息按照一定的计划进行一层由一层地优先展示，比如主图中包括3层信息，那么先将什么信息进行重点展示，其次展示什么，最后展示什么。
二、主图设计的思路商品主图设计任务二7、主图的品牌宣传
三、主图打标商品主图设计任务二
在经营淘宝店铺的过程中，新品主图最好进行打标处理。它可以获得较高的权重，如果到了下架日，新品打标权重加淘宝上下架权重以及标题权重等等叠加起来，那时候宝贝一定会排到前4页，甚至首页，从而给店铺带来很多的流量以及销量，提升店铺权重。主图打标要注意以下事项：（1）活动图标内容要与店铺内活动及商品信息一致，避免引起不必要纠纷。（2）设置时一定要注意图标的形式以及自主打标后是否违规。1、主图打标要注意事项
三、主图打标商品主图设计任务二2、主图打标的步骤：第一步：进入鹿班打标工具第二步：选择模版第三步：创建投放任务第四步：编辑模板第五步：导入商品第六步：确认商品、修改商品价格第七步：合图第八步：投放根据主图制作的要点和方法，制定以下计划：商品主图设计任务二确定精准消费人群挑选商品图
添加卖点文案
差异化处理主图排版信息分层商品主图设计任务二一、
制作主图1、确定精准消费人群：青年2、挑选商品图：防漏水商品图3、添加卖点文案：玻璃运动防漏耐热