《电子商务视觉设计》课件(共11章)第6章高点击率推广图片视觉设计

图片是电商营销的基础与灵魂，尤其是推广图片，其设计的重要性不言而喻。可以说优质的推广图片是吸引流量、促进点击、提高转化率的必需品，也是视觉设计的关键点。本章将以直通车图、钻展图、直播封面图、聚划算主图为例来介绍如何设计出有吸引力和高点击率的推广图片。高点击率

推广图片视觉设计第6章推广图片构图法则6.1目录CONTENTS直通车图片设计6.2钻展图设计6.3直播封面图设计6.4聚划算主图设计6.5推广图片构图法则6.1在图片设计中，构图有着自己独特的形式规律。一幅成功的推广图片在进行布局构图时是十分讲究的，需要符合人们的心理和视觉习惯。下面将就构图问题进行探讨。6.1.1变化式构图变化式构图

变化式构图又称留白式构图。设计者将商品图安排在某一角落或某一边，同时留出大部分空白。6.1.2对角线构图对角线构图

对角线构图就是把商品图安排在对角线上，利用画面对角线来整体统一画面元素，同时也能使陪体与主体区分明显。6.1.3对称式构图

对称式构图给人一种画面平衡、稳定、商品突出的感觉，缺点是画面比较呆板、缺少变化。6.1.4平衡式构图

平衡式构图给人一种祥和、平静的感觉，缺点是缺乏创新，没有新意。平衡式构图不像对称式构图那样老气、呆板，所以很多电商设计者都会选择这种构图方法。6.1.5紧凑式构图紧凑式构图

紧凑式构图就是将商品以特写的形式加以放大，布满画面，具有紧凑、细腻、微观等特点。6.1.6X形构图X形构图X形构图是对角线构图的升级版，也称放射式构图。它是将视觉焦点放置在画面的中央位置，让每一条放射线的中点都位于视觉焦点之上。直通车图片设计6.2直通车图片的视觉效果不容忽视。消费者通过搜索关键词进入页面，最先从直通车展示位看到的就是图片和标题，并且图片占了绝大部分位置，所以极大地影响了点击率。优秀的直通车图片能够吸引消费者进行点击，有点击才可能有转化，从而提升直通车推广的效果。6.2.1图片整体风格设计

在制作促销图片之前，第一步要做的就是根据文案或商品等因素来进行风格定位。我们可以根据直通车的投放计划确定自身直通车商品推广所投放的位置（第几页，第几个商品），以便对周边商品进行分析，从而在设计上更为突出，以引起消费者的注意。直通车图片应用案例6.2.1图片整体风格设计

设计时，要确定推广的商品所针对的消费群体，同时分析他们的喜好，以确定设计风格及颜色；分析他们的消费能力，以确定什么样的促销方式是其最容易接受的；分析他们的生活习惯，合理调整投放时间和策略，与竞争对手形成差异，以提高投放效率。针对年轻消费群体的直通车图针对商务群体的直通车图6.2.1图片整体风格设计

确定图片风格定位以后，就可以进行直通车图的制作了。在制作直通车图时，可以参考以下技巧。

在设计直通车图时，可以：选择合适的背景颜色，或者在拍摄时选择使用与商品本身色彩差异较大的背景颜色。同时，注意背景的颜色切勿太杂太乱，否则会影响商品在图片中的主导地位。也可以把图片的背景进行适当的模糊处理，以突出商品形象。运用适当的背景01背景模糊处理6.2.1图片整体风格设计

确定图片风格定位以后，就可以进行直通车图的制作了。在制作直通车图时，可以参考以下技巧。

在进行图片设计时，较暗的图片可以用色阶调亮，模糊的图片可以适当锐化。在缩放商品图片时，商品会相应地变模糊，因此在缩小商品后适当锐化一次（不可超过两次），这样商品看上去更有质感。需要注意的是，缩小了的图片切勿放大，如果觉得商品缩放得太小了，就用高精度原图重新缩放。保证图片清晰度02用色阶调亮背景6.2.1图片整体风格设计

确定图片风格定位以后，就可以进行直通车图的制作了。在制作直通车图时，可以参考以下技巧。

商品不能被任何素材及文字覆盖，要保证图片与素材或文字的间距至少为10像素。对于展示文案的具体内容，店主必须分析商品及消费群体，提炼出精髓予以展示。精简文字，去除“牛皮癣”03突出促销价格6.2.1图片整体风格设计

确定图片风格定位以后，就可以进行直通车图的制作了。在制作直通车图时，可以参考以下技巧。

在做商品展示和拍摄时，可以找一些“配角”进行搭配，但要注意它们的主次关系。消费者会自动根据图片中的比例关系来区分商品，因此主角要占约2/3的位置，以避免给消费者带来误解。巧用素材搭配04素材搭配6.2.2突出商品卖点的设计

在店铺推广直通车主图中可以放置更多的内容来展示店铺信息，利益点的说明也可以偏向于整体店铺的利益点。突出利益点的直通车主图不仅有针对所展示单品的利益点信息说明，也通过“顺丰包邮”表明了店铺的利益点钻展图设计6.3考察钻展图投放性价比的关键在于点击率。在同样成本支出与展现量的情况下，钻展图的点击率越高，其所起到的引流效果就越明显。要想提高钻展图的点击率，就离不开让图片更有吸引力的视觉处理。6.3.1博取眼球的创意设计从不同角度拍摄的商品图片正面与侧面相结合的拍摄角度，尤其是正面角度给人以迎面冲来的视觉感受，富有视觉冲击力侧面拍摄角度是较为常规的拍摄角度，少了几分新鲜感与吸引力6.3.1博取眼球的创意设计不同造型商品摆设6.3.2统一图片设计风格

通过图片背景的设计可以烘托出图片的整体氛围与设计风格。钻展图背景的设计主要有两种方式：一种是通过拍摄道具构建出背景，从而营造图片的气氛；另一种是合成背景。简约风格图片整体的设计风格非常大方，选择粉色为主的背景彰显了其简洁的设计风格。通过对元素颜色的控制，突出“免费送”的宣传主题，激发消费者潜在的购买欲望不同的图片背景设计风格典雅风格家具的摆放富有情景感，背景使用了与家具相近的颜色，图片整体体现出典雅的风格。图片突出了商品“家具”，文案又突出了“1元抢”，主题明确，能够激发消费者的点击冲动6.3.3确定重点表现元素重点突出优惠价格元素实惠的价格是图片重点突出的对象，能够迅速吸引消费者的眼球，因此该元素色彩明亮、尺寸较大直播封面图设计6.4封面图是直播的门面，可以提升观众的观看欲望，因此封面图成为直播间流量高低的直接关联因素。这就要求直播封面图要足够吸引人。据相关统计表明，精心设计了封面图的直播间，其流量要比使用默认头像的直播间大得多。6.4.1直播封面图尺寸要求

直播封面图不宜过大也不能太小，做到清晰、美观很重要。以淘宝直播封面图为例：它没有固定的尺寸，只要是正方形即可，一般为750像素×750像素，最小不能低于500像素×500像素。6.4.2直播封面图设计原则符合直播主题01童鞋店直播封面图男装店直播封面图6.4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02童鞋店直播封面图女包店直播封面图6.4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02色彩要适当03带有“牛皮癣”的直播封面图6.4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02色彩要适当03不要妨碍重要内容的展现04禁用合成图05采用合成图的直播封面图6.4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02色彩要适当03不要妨碍重要内容的展现04禁用合成图05拒绝不当信息06封面图不要雷同07聚划算主图设计6.5聚划算是目前互联网上最大的团购平台，是淘宝内部优质流量的汇合处。对于卖家来说，聚划算用得好不仅可以为自家店铺与商品带来丰富的真实流量，还能打造爆款、提升店铺销售额。因此，聚划算主图的设计就显得尤为重要，只有设计出有吸引力的聚划算主图，才能吸引消费者进行点击。6.5.1聚划算主图设计思路

拍摄角度不限，建议选用商品最大展示面积的角度进行拍摄，以保证主题商品明确，商品在画面中能够完整显示。注意，商品图片应该像素清晰、色彩准确，白色或浅色商品可以考虑在深色背景下进行拍摄。商品拍摄016.5.1聚划算主图设计思路

建议图片背景只选择真实拍摄的实景，或者单色背景中的一种（包括同一色调的渐变）。不建议使用多色或者多个实拍背景，也不建议出现水印。背景的选择应该是为了衬托主题商品，建议运用虚化背景、突出主题的方式，或者使用同一色系或渐变色背景。商品背景026.5.1聚划算主图设计思路

多色商品展示尽量使用实拍图，没有实拍图时也可以使用色卡。尽量在主图展示上不出现细节图，否则只会喧宾夺主。如果选用模特，那么同一画面中的模特不要多于两位，要把商品和模特放在统一场景中进行拍摄，尽量不出现拼图现象。商品构图036.5.2聚划算主图设计案例

下面将结合前面所