3-1 项目三 任务一 商品主图设计

视觉营销设计VisualMarketingDesign

项目三任务一商品主图设计目标知识目标：能力目标：素养目标：1.遵循职业规范与平台规则，实事求是，不做虚假广告宣传。2.提升创意思维和审美能力。1.能够根据视觉营销要素给网店设计商品主图。1.了解商品主图的尺寸。2.了解商品主图的设计要点。

商品主图是用户在电商购物平台浏览商品时最先映入眼帘的视觉元素，也是用户在搜索栏输入商品关键词后，点击搜索结果出现的第一个页面。一张设计精美的商品主图，能够通过展示商品的外观、功能、卖点和促销等信息，第一时间抓住用户的眼球、唤起客户的兴趣，促使用户点击商品以进一步了解其特点和优势，增加客户下单购买的可能性。因此，商品主图在为店铺引流和辅助转化方面发挥着至关重要的作用。

本任务将对主图的设计要点和主图的营销逻辑进行详细的介绍，并通过一个具体主图的设计制作加以巩固，重点是掌握如何根据消费者心理，有针对性地设计出符合消费者需求的主图，从而有效提升商品的点击率。任务导读3.1商品主图设计要点3.1商品主图设计要点长方形主图02长方形主图的宽高比例要求为3:4，像素要求为宽750像素、高1000像素，图片大小同样不超过3M正方形主图01正方形主图的宽高比例要求为1:1，像素要求为宽800像素、高800像素，图片大小不超过3M3.1.1商品主图的尺寸正方形主图01正方形主图在视觉上的焦点相对集中在图片中心区域，整体给人较为规整、平衡的感觉。用户在浏览时，注意力比较聚焦在中心部分，所以商品的展示图和核心卖点一般会放在中心位置，以吸引用户的注意力。3.1.1商品主图的尺寸3.1商品主图设计要点长方形主图02长方形主图在视觉上更具有垂直延伸感，能够引导用户的视线由上至下浏览，长方形主图更适合完整地展示一系列商品，在充分展示每款商品主题的同时，还可以强调相关的活动信息。单品海报即可放置在首页轮播，也可以应用在商品详情页中，作为主推商品的关联营销，其宽度与所在平台有关，比如淘宝为750像素，天猫为790像素，高度一般不超过1500像素。3.1商品主图设计要点3.1.1商品主图的尺寸中心构图123左右构图对角线构图3.1商品主图设计要点商品主图布局技巧3.1.2商品主图的布局技巧中心构图是将产品主体置于画面的中心位置，同时将产品文案、价格和促销等辅助信息分别置于画面的顶部和底部。这种布局方式巧妙地利用了当人们观察一个画面时，视线最先被中心位置所吸引的视觉习惯，将用户的注意力不由自主地聚焦到产品本身。13.1商品主图的设计要点3.1.2商品主图的布局技巧中心构图例如右图所示，一款高档的钻石戒指，将戒指放置在画面中心，钻石切割面的光泽和精致的戒指造型就能得到充分展示，钻石的卖点信息则分别放于画面的上方和下方位置。3.1商品主图的设计要点3.1.2商品主图的布局技巧中心构图左右构图是将画面一分为二，左侧展示产品卖点文案，右侧则呈现产品图片。左右构图主要遵循人们从左到右的阅读习惯，使得用户在浏览主图时能够自然地先了解产品的核心优势，再通过图片直观感受产品的外观和质感。左右两部分各司其职，相辅相成，共同为用户传递清晰的、丰富的产品信息，提升用户的购买欲望。2左右构图3.1.2商品主图的布局技巧3.1商品主图的设计要点例如右图所示，一款头戴式耳麦的主图，左侧的文案直接列出了耳机的核心卖点，包括“多色可选”、“超长续航”和“多档音效”等信息，右侧倾斜放置耳麦图片，使其设计和材质得到展示。左右构图3.1.2商品主图的布局技巧3.1商品主图的设计要点对角线构图是一种将商品主体置于画面对角线上的布局方式，这种设计能够赋予画面更强的立体感和层次感，有效地引导用户的目光沿着对角线在画面中流动。在对角线构图中，产品文案一般放在对角线的左右两端，避免遮挡商品主体。3对角线构图3.1.2商品主图的布局技巧3.1商品主图的设计要点例如右图所示，一款时尚手表，通过沿对角线放置手表，使其呈现倾斜角度，再搭配与商品色系相近的深色系几何方块设计，能够凸显手表的高级感和精致感，从而吸引潜在买家的注意。对角线构图3.1.2商品主图的布局技巧3.1商品主图的设计要点3.2商品主图视觉营销要素满足“与我相关”的消费需求123.2商品主图营销要素商品主图营销要素激发“寻宝心态”的消费动机商品主图营销要素包括：视觉营销设计需满足“与我相关”的消费心理以精准击中用户痛点，或激发“寻宝心态”动机，引起用户的兴趣与注意。用户往往最关心的是，商品是否满足他们的核心需求，所以一张高转化率的商品主图，设计师应当遵循着让用户感受到“与我相关”的第一视觉吸引法则，精准地击中他们的痛点。以沙发为例，意向购买沙发的用户往往在意其尺寸，以确保家中有足够空间摆放，同时，因大件家具的配送和安装相对麻烦用户还会考虑到其使用的持久性和材质的耐用性，以及售后服务是否完善，因此设计师在主图中应重点突出家具的尺寸、材质和售后服务以打消用户的疑虑满足“与我相关”的消费需求01沙发主图3.2商品主图营销要素“寻宝心态”的消费动机是指大部分用户在线上浏览商品时往往没有明确的购物目的，而是像寻宝一样随意浏览。一旦发现折扣力度大或有限时促销活动的商品，他们就会感到较为兴奋，进而冲动下单，尽管这些商品并不是他们当下急需的。为了激发“寻宝心态”用户的消费动机，设计师应巧妙地把店铺的优惠政策展示在主图上，例如一款有几重优惠力度的防晒霜套装，设计时应把折扣力度、赠品等信息一一罗列，还可加上“立即抢购”等字眼提升用户下单的紧迫感，02激发“寻宝心态”的消费动机防晒霜套装主图3.2商品主图营销要素3.3任务实践活动：便携音箱主图设计3.3任务实践活动：零食店铺海报设计

请为“乐乐”音箱店铺的双十一活动主推款商品“便携音箱”设计一张主图，效果如图所示，要求：1.主图体现该商品的核心卖点；2.主图体现“乐乐”音箱店铺在本次双十一的促销力度，以吸引用户下单购买。活动要求便携音箱主图3.3任务实践活动：零食店铺海报设计

电商大促活动的商品主图，除了需要考虑充分展示商品的卖点外，更重要的是多维度地体现店铺在此次大促的活动力度，以在价格竞争异常激烈的大促活动中得以生存。本案例将介绍一款淘宝商城便携式迷你音箱在双十一大促活动中的商品主图设计。该主图主色调为蓝灰色，与音箱的灰色调相得益彰，同时运用红色、橙色等鲜艳色彩突出重点信息，蓝灰主色调搭配鲜艳色彩的设计，既保证了视觉上的舒适感，又有效吸引了用户对促销信息的关注。在构图方式上，该主图采用左右对称的构图方式，左侧突出音箱的核心卖点文案和活动力度，右侧展示音箱的正面主体图片，底部栏则展示商品的价格和售后保证政策，这种设计充分利用了主图的有限空间，向用户全面展示商品卖点、促销信息和优质的售后服务，极富吸引力，可有效刺激浏览者进一步了解商品，提升转化率。活动分析

本任务围绕商品主图设计展开，对商品主图的设计要点、商品主图视觉营销要素进行了介绍，内容涵盖了商品主图的布局技巧，包括中心构图、左右构图和对角线构图，了解到不同的构图方法在视觉上形成的不同效果及突出