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