5.2 店铺图片处理ppt课件电子教案.pptx

5.2 店铺图片处理电子课件2022图片处理与分类店铺图片处理湖南外国语职业学院01教学目标P302主图与详情页图片优化P503活动图与海报定制思路P18目录 CONTENTS第 4 页知识目标教学分析了解国际站主图与详情页制作要求；掌握卖点图与主题，海报优化技巧；了解活动海报制作流程能力目标能够完成主图和详情页的制作与优化思政目标提升审美能力，培养精益求精的工作品格，培养专注的工作态度，诚实守信的品行和精益求精的工作品质。点击此处添加标题内容LOGO01教学目标P302主图与详情页图片优化P503活动图与海报定制思路P18目录 CONTENTS第 6 页主图尺寸大小系统要求图片尺寸大于640640像素，建议制作主图尺寸为750750像素(它的尺寸可以更好的兼顾PC端和手机端)。产品主图必须保证清晰可见不模糊，640像素为手机可见高清像素，像素越大，图片越清晰，图片文件越大。主图格式选择图片的常见格式有JPEG、JPG、PNG、GIF等格式。JPEG和JPG是网络上最流行的图像格式文件，相对较小。PNG支持通道透明度保存，可以单独的保存产品图片，无背景。GIF动态图片文件相对较大。建议主图格式保存为JPEG和JPG格式，这样格式的图片文件较小。注意，PNG格式一般用于产品抠图后保存，GIF格式主图不支持上传，但可应用于旺铺装修。主图文件大小主图文件大小影响网页的加载速度。考虑到网速流量及用户的浏览体验，应该选择在保持产品图片清晰度的前提下尽量控制文件大小。系统要求单张图片文件大小不超过5M，但建议单张图片文件小于400KB。主图与详情页图片优化国际站主图基本要求国际站主图基本要求第 7 页基础门槛：为了给阿里巴巴的买家打造体验更佳的线上浏览环境，助力供应商更高效地网罗线上买家。阿里巴巴于2017年7月中旬开始，在搜索诊断中心增加提示，需优化主图，也就是商品第1张图片的产品，供大家定向优化，提升整体图片质量，同时在发布产品时会有三个基础门槛，要求行业化优图的建议，具体如下。三个基础门槛要求必须满足，否则无法发布商品。新发商品或编辑原有商品时，不满足以下任何一个条件，都将无法发布。已发商品，系统会检测出来，推送至搜索诊断中心产品诊断页面，卖家需要尽快做优化，优化详见如下：1）图片大小：不超过5M。2）图片比例：近似正方形，比例在1:1到1比1.3，或者1.3:1到1:1之间。3）图片像素。大于350350PX。（类似750750，10001000尺寸大点，近似正方形的都是可以的。）主图与详情页图片优化第 8 页主图背景与构图：背景：建议浅色底或虚化的素色自然场景，推荐使用白底，如浅色产品可以用深色背景。不建议彩色底及杂乱的场景背景。主体构图：商品主题展示大小合适，构图居中，组图展示商品正面，商品主题，暂时不宜过大、过小、不完整、多图拼接，能够突出商品主体为宜。合格的商品主图应该做到背景无干扰，商品清晰突出，同时商品主题展示大小合适，构图居中，展示商品正面。主图与详情页图片优化第 9 页主图背景与构图：有的产品图片要么背景杂乱，要么背景色和产品太接近，甚至有的图片里出现其它品牌logo，是不合格的背景图，如图5-2-2所示。还有的产品图片产品展示过小或者部分展示，或者有的产品过多导致主体商品不突出，这些都是需要被优化的产品主图。主图与详情页图片优化第 10 页主图Logo与文字边框：Logo的摆放位置为统一摆放在图片左上角，logo建议以英文为优。文字边框：主产品图片上不宜出现文字，水印促销类文字，二维码，认证标，边框等，干扰产品展示的信息。主图与详情页图片优化第 11 页主图Logo与文字边框：有的logo叠加在产品上或者没有展示在左上角，或者有的logo太贴边，是不符合logo要求的，如图5-2-5所示。有的主图有许多文字或者出现边框认证，二维码等信息，这些也是需要被优化的产品图主图与详情页图片优化第 12 页主图尺寸和 图片数量：图片尺寸：图片尺寸建议不小于640640PX。虚线框为产品展示区域，图片清楚不模糊，图片正方形，白底或纯色的需要4周预留边框。图片数量：建议三张图片以上，正面背面，侧面细节（产品或标签细节）。主图与详情页图片优化第 13 页主图尺寸和 图片数量：主图要求为正方形图片清晰，产品突出，展示有逻辑，但是实际操作过程中很多主图存在或多或少的问题，比如长宽比例非正方形、产品背景色过深产品不突出、产品图片不清晰、展示无逻辑无细节或者展示图片过少。主图与详情页图片优化第 14 页主图亮度对比度与图文信息：图片亮度对比度：图片的对比度和亮度能清晰展示商品主体。产品和主产品图片必须一致，产品图片和实际销售产品必须一致。主图与详情页图片优化第 15 页主图亮度对比度与图文信息：上传产品图片是亮度对比度和图文信息至关重要，偏暗商品能见度不高，图片对比度弱，商品识别困难；图片产品名和产品图片不一致造成客户认知混淆，这些都是直接影响客户购买决策的因素。主图与详情页图片优化第 16 页阿里巴巴国际站图片尺寸为750PX x 800PX。图片数量普通编辑不超过15张，智能编辑不超过30张。图片大小3M以内。图片格式支持JPEG、JPG、PNG。在详情图中PNG格式的图片，如果背景色为透明，上传后背景色会变为黑色。其它要求跟主图大致一致。国际站详情图基本要求主图与详情页图片优化第 17 页详情图没有产品主图要求那么严格，图片的风格可以多样化。详情图重点是需要突出产品卖点，可以针对产品卖点，做创意图片设计，也可以添加相应文字描述，方便买家快速理解产品核心优势或卖点。产品详情图优化建议主图与详情页图片优化01教学目标P302主图与详情页图片优化P503活动图与海报定制思路P18目录 CONTENTS第 19 页活动图与海报定制思路活动图与海报定制要点突出主题美化产品和模特做好视觉设计第 20 页突出主题主题可以是价格，折扣等促销内容，或是产品卖点和优势，核心信息应该放在视觉焦点上，让买家能快速懂得海报所表达的内容。活动图与海报定制思路第 21 页美化产品与模特产品图片要符合目标人群审美特征，包括国家性别，年龄，人群定位（学生，家长，上班族），符合目标人群的心理期望，模特应与目标人群特征相符，也要和产品特点吻合。关键是要形成投射效应，通过美化产品和模特，能够让消费者把自己想象成画面中的模特，想象自己使用产品后的效果，从而形成购买。活动图与海报定制思路第 22 页做好视觉设计1.字体确定字体类型、构成与编排。利用字体制造协调感、打造富有韵律美的协调版面；利用段落明确主次关系，呈现规律形态。例如：宋体是女性护肤品或珠宝一般常用的字体，这种字体比较有艺术感，给人一种谦虚的感觉。黑体则更适合于男性用品。活动图与海报定制思路第 23 页做好视觉设计色彩色彩可以通过人的双眼起到辅助认知的作用。利用色彩本身会产生的联想功能，让需要表达的产品能够引起视觉共鸣，这就是色彩的意义所在。所以公司产品上新要根据所想表达的意义或想要引起什么样的联想来确定画面主色与辅助色。主要注意三个方面：公司、产品适合什么主题色；色彩之间要相呼应和统一；色彩感情要与想要表达的内容相一致，不能冲突。根据主题来确定画面的主色和辅助色。大面积用色尽量不超过三种，注意好主色与辅助色的对比。色彩也是有感情的，一般图片都有主色调辅助色和对比色，大面积用色比较明显，小面积的颜色是辅助色，所以图片颜色看起来大致上市红色、橙色、黄色、绿色、蓝色、紫色、黑色和白色。我们看海报最多的就是红橙黄绿这样的颜色，跟清洁科技类相关的商品则更多选择蓝色。用的好的色彩可以使我们的主题表达更加出众，效果加倍。活动图与海报定制思路第 24 页做好视觉设计构图做海报时应特别注意集群展示，画面构图应与文字对齐，把关联性高的主要信息组合在一起，便于一次性传达。画面构图：常见画面构图有左中右结构、左右结构和三角构图三种方式。文字对齐：左对齐及居中对齐较为常用，也比较符合符合阅读习惯。在实际操作中，没有把握以及不熟悉的构图方式，尽量少用，整体构图和文字的排版保持和谐。如果构图是左中右的构图，文字是从上到下的构图，就容易给人参差不齐的这种感觉，会让顾客觉得我们做得很不专业很随意。如下图5-2-17所示：在海报的制作中，模特选择的是年轻女性的形象，蓝色和白色是主色调，蓝色给人一种整洁轻快的映像，搭配白色更显得清爽、明亮，符合年轻女性的特点。字体选择的是黑体，黑体比较粗大，白色字体颜色更加显得比较醒目，搭配黄色的辅助色和618字眼，整体给人的感觉促销力度大。活动图与海报定制思路第 25 页活动海报制作流程海报制作流程包含以下几个步骤：确定主题；根据主题确定产品、模特及风格；进行相关素材收集；最后将收集的素材与产品模特进行结合，制作海报。活动图与海报定制思路2022谢谢您的聆听