《网店装修》主图设计2任务1:主图设计知识目标1.知道产品主图的定义;2.理解产品主图的作用;3.能说出产品主图的制作规范;4.能根据行业标准挑选合适的主图;5.知道主图背景、商品的处理、文案的提炼、排版的设计技巧;技能目标1.能说出产品主图的制作规范;2.能根据商品的特点设计主图。情感目标1.培养学生的审美能力;2.培养遵守行规,公平竞争的意识;3.培养细致耐心的工作态度。学习目标3任务1:主图设计任务描述乐享办公用品店新进了一批办公用品,需要将这一批产品发布到店铺上,就在李东一筹莫展的时候,王力师傅告诉李东,主图是店铺引流的主要途径,它的好坏直接决定产品的点击率,进而影响商品的购买率。王力师傅告诉李东先认识主图,了解主图的制作规范和设计技巧,最后制作主图。4任务1:主图设计一、认识产品主图活动一:主图的定义及制作规范产品主图是指位于商品详情页左侧上部的图片(如图5-1-1所示)。主图由首图(第一张图)和辅图(第二张及以后的图)两部分组成。其中首图还会出现在商品列表页和搜索页(如图5-1-2所示)等重要位置,是顾客的第一印象,因此非常重要。淘宝一般抓取第一张图片用于搜索页面的显示。图5-1-1图5-1-25任务1:主图设计二、主图的作用抓住眼球•醒目、美观激发兴趣•突出宝贝卖点,展示促销信息促成点击•增加流量,提升转化率6任务1:主图设计三、制作规范(一)主图大小有规定,四四方方才是真。310*310像素最小800*800像素(有放大镜功能)标准7任务1:主图设计三、制作规范(二)主图必须是实物拍摄图,增加顾客的信任度。实物拍摄图的定义是该件商品本身的拍摄图片,不包括杂志图片、官方网站图片及宣传图。实物拍摄图8任务1:主图设计三、制作规范(三)商品主体突出,不“牛皮癣”。9任务1:主图设计三、制作规范(四)遵守不同类目的商品行业标准,合理挑选主图。天猫针对不同类目有不同的主图标准,上传张数、背景颜色、LOGO大小和位置、细节图等要求都不同。第一张主图自定义设计,用于引流。第二张主图必须是清晰的白底图,图片不得拼接、不得出现水印,不得包含促销、夸大描述等文字说明,该文字说明包括但不限于秒杀、限时折扣、包邮、*折、满*送*等。如果是强制3C认证的商品,必须在第三张主图展示3C认证标志。如果是强制要求有能效标志的商品,必须在第四张主图展示能效标志。其余主图由商家自定义设计。推荐展示:商品品牌信息、产品细节图、强制认证信息商品卖点促销等信息。1234510任务1:主图设计三、制作规范(五)利用主图展示商品卖点与细节,激发顾客的兴趣。例:好孩子的一款湿巾,第一张主图:显示促销信息,淘宝将抓取此页面用于搜索。第二张主图:遵守天猫家居生活用品行业标准,采用纯白色背景。第三张主图:总结湿巾的用途,第四张主图:产品的卖点,第五张主图:产品的包装。1234511任务1:主图设计一、背景活动二:产品主图的设计技巧(一)纯色背景纯色背景可以更加突出商品,给人清晰干净的感觉,更容易添加商品卖点与促销信息。但要注意背景和商品本身的颜色要有差异化,要对商品进行抠图。如图5-1-7所示。(二)功能场景背景搭建功能场景,立体感强、层次丰富,满足消费者的心理需求和想象,吸引眼球。如图5-1-8所示。纯色背景功能场景背景12任务1:主图设计二、商品(一)保证商品的重要位置商品尽量不要被任何素材及文字覆盖,要保证图片与素材或文字的间距至少10像素。商品的面积占比至少为30%或以上。(二)保证图片的清晰度作为产品主图,清晰度是最为重要的。清晰的图片能给人一种很强的品质感。因此在做图片设计的时候,要注意较暗的图片可以用色阶调亮,模糊的图片可以适当锐化,让它变的更清晰。商品处于中间位置保证图片的清晰度13任务1:主图设计三、文案(一)精准提炼产品卖点不管是产品的功能卖点还是价格,都要清楚地展示出来,清晰的告诉消费者这个商品的功能,“放大”了商品的功效,给消费者一种错觉,有助于吸引消费者点击。如图5-1-12所示。(二)文字排版整齐统一产品主图的设计需要整齐、统一,缺一不可。整齐即所有文字左或中或右对齐。所谓统一,就是字体、样式、颜色、大小、行距、字间距等统一,对于其中重点信息可以通过改变字体大小或颜色来体现主次。如图5-1-13所示。图5-1-12图5-1-1314任务1:主图设计三、文案提炼了卖点之后,需要设计卖点的展现方式。如图5-1-14所示。用烟雾体现鞋子的透气性15任务1:主图设计活动三:乐享办公用品主图的设计乐享办公用品店针对的消费者主要是办公室人员,消费者大多比较理智,且注重商品实用性,所以店铺的整体风格是天蓝色,目前公司运营部针对新品有一定的促销折扣。根据店铺的整体形象以及营销计划、产品的特点,乐享办公用品店的产品主图设计思路如下:设计定位突出商品与背景颜色的差异保证保证商品的重要位置优化文字信息,提炼卖点16任务1:主图设计任务拓展根据前面所学知识,总结下图的设计技巧。