3-3 项目三任务三 电商海报设计

视觉营销设计VisualMarketingDesign

项目三任务三电商海报设计目标知识目标：能力目标：素养目标：1.遵循职业规范与平台规则，实事求是，不做虚假广告宣传。2.海报设计选取我国固有资源，增强民族自豪感，培养爱国情怀。1.能够根据店铺实际需求完成网店海报设计制作。1.概述电商海报的分类。2.了解电商海报的布局技巧。3.说出电商海报的结构版式与配色技巧。

海报具有高端、大气的特点，客户进入店铺时看到的最醒目区域，也是网店视觉和营销设计的重点。很多人会觉得淘宝促销海报很简单，但实际上，符合电商视觉营销要求的促销海报设计并不容易。海报视觉设计效果好，可以极大提高店铺整体的美观度，对店铺中的主推商品起到积极的推广作用。一则好的网店视觉海报设计，能够使客户第一时间了解店铺的活动和促销信息，能够提供必要的点击唤醒，唤醒浏览者的点击欲望。

本任务将对海报的布局技巧、设计要点和表现手法进行介绍，并与大家分享当我们拿到一个产品的素材时，如何更快速地设计出更为实用的视觉海报。任务导读3.1电商海报设计要点3.1电商海报设计要点3.1.1电商海报的分类整店海报单品海报01整店海报也叫通栏海报，一般放在店铺首页轮播图的位置，主要用于店铺形象宣传或活动宣传，常见尺寸为宽1920像素、高600像素，也可以根据实际需要调整高度，但一般不超过1100像素。02单品海报即可放置在首页轮播，也可以应用在商品详情页中，作为主推商品的关联营销，其宽度与所在平台有关，比如淘宝为750像素，天猫为790像素，高度一般不超过1500像素。3.1电商海报设计要点3.1.1电商海报的分类整店海报01整店海报占据首页最重要的区域，主要展现店铺风格、商品类型及活动等，用于加深买家对店铺的印象、提高对店铺的认知度，它对热销商品或新推商品进行优先展示，可以通过海报快速链接到对应的商品页。单品海报即可放置在首页轮播，也可以应用在商品详情页中，作为主推商品的关联营销，其宽度与所在平台有关，比如淘宝为750像素，天猫为790像素，高度一般不超过1500像素。3.1电商海报设计要点3.1.1电商海报的分类单品海报02单品海报主要针对具体某一款商品的风格、卖点、营销活动等进行展示，有时通过营造商品使用场景，将买家带入其中，从而促使买家产生购买欲。元素排列有序，分主次123布局凸显主体适当留白3.1电商海报设计要点3.1.2电商海报的布局技巧元素排列有序，分主次海报的主体一般从背景、商品和文案中体现，设计师首先需要对这些混杂在一起的素材进行有条理的分类整理，然后精简提炼，突出主要信息。此外，海报布局要分清主次，促销信息应醒目显示，背景不能比主体突出。13.1电商海报设计要点3.1.2电商海报的布局技巧布局凸显主体海报主体商品不宜太多，否则会造成画面杂乱无章的感觉，影响店铺整体的视觉效果。在细节上，海报应前后呼应，不添加无谓的细节。如图3-43为杂乱海报和常规海报展示对比效果。23.1电商海报设计要点3.1.2电商海报的布局技巧适当留白留白即在图像设计中留出一定的空间不放置任何视觉元素。留白能够增加图片的层次感和空间感，使整体布局更加简洁、舒适和优雅，便于理解、阅读，减少视觉干扰，减轻浏览者的视觉负担，提高观众的阅读效率；通过留白使主体元素更加突出，从而增强视觉冲击力，使浏览者能够更专注于图像中的重要信息，更易于消费者记忆和识别。33.1电商海报设计要点3.1.2电商海报的布局技巧3.1电商海报设计要点3.1.3电商海报结构版式与配色背景、商品和文案是海报设计的三要素，通过调整这些视觉要素的表现形式和组合方式，可以使海报画面达到美观和稳定的视觉效果。海报的结构通常分为双栏结构、三栏结构、上下结构、居中结构和斜切结构5种形式。结构版式01上下结构海报斜切结构海报3.1电商海报设计要点3.1.3电商海报结构版式与配色海报设计应保持色调的统一。重要的文字信息使用突出醒目的颜色进行强调。配色不宜使用太多颜色，一般不超过三种颜色的搭配，主色调一般占总色彩面积的60%以上。此外，色彩的选择要考虑是否与营销主题、产品类目和产品特点相符。如图所示，金黄色系很直观地营造了“秋季”的氛围感，是比较通用的搭配效果。02配色3.2电商海报视觉营销要素3.2电商海报视觉营销要素3.2.1突出主题，提炼卖点突出主题，提炼卖点按照产品的属性进行提炼。如名称、产地、重量、形态、材质等属性，凸显产品特征。如图所示重点突出了螺蛳粉的产地，让消费者将产品与特定地区联系起来，增加产品的信誉和吸引力。按照产品的功效进行提炼。在日益讲究产品差异化的电商时代，通过产品功效让浏览者了解产品、进行对比，从而快速做出比较实惠的选择，也是设计师常用的技巧根据活动类型筛选主题。围绕平台或商家所开展的各种促销活动来确定海报主题，例如节假日、店庆、新品上市、答谢会员、开业、折扣等。通过渲染促销活动氛围，吸引浏览者的注意力和点击率都十分有效3.2电商海报视觉营销要素3.2.2为浏览者提供购买理由为浏览者提供购买理由呈现产品能够给浏览者带来的利益，或是基于浏览者的痛点和疑问进行设计，给浏览者一个购买的理由，引发共鸣感、危机感、紧迫感或代入感等，从而引发点击说服购买设计师要考虑在海报中通过哪些方式为用户的烦恼和困难进行精准的注释，通过什么途径为用户解决难题。如为肥胖人士提供的显瘦服装、为特殊饮食需求者提供低糖食品、为汽车驾驶员提供手机支架等如图所示，一句“解放双手，还妈妈们诗和远方”将打动多少家庭主妇的心3.2电商海报视觉营销要素3.2.3“点名”潜在顾客“点名”潜在顾客广告应具有“针对性”。人们最关心的是自己，让潜在顾客在看到广告后产生一种“说的就是我”的感觉，也就是在广告中筛选潜在顾客是非常重要的一点例如，在针对成熟女性的护肤品海报中明确写出“30~38岁女性专属”，如图所示，会让处于40岁这个年龄段的女性顾客产生一种商品与自己相关的感觉这种设计不仅点击率高，且转化率也比较高3.2电商海报视觉营销要素3.2.4顺应用户浏览视线顺应用户浏览视线无论PC端还是移动端，浏览者浏览店铺的视线基本都保持与界面的垂直设计师在设计页面时要考虑用户视线的“流动轨迹”，即“视线流”，将事先梳理好的信息按照设计好的视觉顺序展开，依次传达给用户，让用户按照设计好的顺序浏览信息，并快速获取自己想要的信息如图所示，视线流由“商品图片移动到功能介绍，再移动到物流信息，最后落在价格上”，整个浏览过程流畅自然3.3任务实践活动：零食店铺海报设计3.3任务实践活动：零食店铺海报设计

请为某零食店铺设计一个商品上新的的整店宣传海报，效果如图所示。要求：1.文案简洁，卖点突出。2.主次分明，布局合理，符合浏览者视线流规律。3.可以参考如下效果图，也可以自主创意。活动要求3.3任务实践活动：零食店铺海报设计

本案例为整店海报设计，采用棕色为主色调，辅助黄色提亮画面，色彩对比鲜明有较强的视觉冲击力；画面留白得当，整体设计的呈现简洁、干净，主次分明、重点突出，较好地传达了品牌风格。营销要素上紧扣“上新打折”一个宣传点来展现，产品特征明显，较好地激发了浏览者的食欲和购买欲。活动分析

本任务围绕电商海报设计展开，对海报的布局技巧、设计要点和表现手法进行了介绍，内容涵盖了电商海报的分类，包括首页整店海报和单品详情海报，了解到整店海报主要用于店铺形象或活动宣传，而单品海报则聚焦于具体商品的展示与营销。其次，学习了电商海报的布局技巧，如元素排列有序、分主次，布局凸显主体，