电商视觉设计课件 第3章 商品营销推广图设计.pptxVIP

第3章

商品营销

推广图设计;了解主图的设计概况

了解直通车图的设计概况

了解钻展图的设计概况;明确营销推广图的设计思路

掌握营销推广图的制作方法;培养良好的营销推广图设计操作习惯

培养对营销推广图的审美鉴赏能力

培养对营销推广图的设计创意能力;主图设计概述

主图的设计尺寸

主图的设计技巧

应用案例——设计嘉兴肉粽主图;3.1.1主图设计概述;主图的设计尺寸分为两种，一种是正主图，尺寸为800像素×800像素；另一种是配合主图视频方便移动端观看的竖图，尺寸为750像素×1000像素。另外主图的大小必须控制在500KB以内。;1．文字层级的设计技巧

电商视觉设计师在进行主图设计时，需要明确文字层级，通常会对文字进行三种层级的设计。第一层体现品牌形象。第二层提炼商品卖点。第三层展示促销活动。;2．主图背景的设计技巧

主图的背景通常以图片场景和纯色背景为主。图片场景大部分使用的是生活类场景，可以令消费者产生代入感。纯色背景需要使用干净的颜色，不建议使用大量饱和度高的颜色，这样可以起到烘托商品的作用。;使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“添加图层样式”命令为图像添加效果，使用“矩形”工具、“圆角矩形”工具绘制基本形状，使用“创建剪贴蒙版”命令调整图片显示区域。;直通车图设计概述

直通车图的设计尺寸

直通车图的设计技巧

应用案例——设计静音风扇直通车图;1．搜索页的直通车展位

这类展位是指提示有“掌柜热卖”的1-3位展示位、右侧的16个竖向展示位和底部的5个横向展示位。;2．其他高关注、高流量的直通车展位

这类展位是指首页下方的“猜我喜欢”展示位、“我的淘宝”页面中的购物车下方展示位、“我的淘宝”里“已买到的宝贝”页面中下方的“热卖单品”展示位、收藏夹页面底部的展示位和阿里旺旺PC端的“每日掌柜热卖”展示位。;3.2.2直通车图的设计尺寸;3.2.3直通车图的设计技巧;3.2.3直通车图的设计技巧;使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“添加图层样式”命令为图形添加效果，使用“圆角矩形”???具、“矩形”工具绘制基本形状。;钻展图设计概述

钻展图的设计尺寸

钻展图的设计技巧

应用案例——设计美食活动钻展图;钻展图即钻石展位图，也是一种强有力的营销方式。与直通车图一样，商家也需要付费购买钻展图展示位置，以此进行商品、活动甚至是品牌的推广，吸引消费者点击。钻展图通常位于电商平台首页的醒目位置。;（1）首页焦点钻展图：

这类钻展图位于淘宝首页上方，是整个淘宝首页的视觉中心。其尺寸为520×280像素，由于尺寸较大，能够更好地展示商品与文案，因此价格昂贵。;（2）首页二焦点钻展图：

这类钻展图位于淘宝首页焦点钻展图右下角，是首页一屏的黄金位置。其尺寸为160×200像素，由于尺寸较小，因此主要展示商品，文案要精简，但需要加大字号。;（3）首页通栏钻展图：

这类钻展图位于淘宝首页“有好货”的下方，是首页重要位置。其尺寸为375×130像素，尺寸和，价格适中，性价比合适，设计时需要图文结合。;1．推广内容的设计技巧

进行钻展图设计时，为了提高点击率，需要先确定推广内容，然后再根据内容进行图片和文案的设计。钻展图的推广内容通常可以分为以下三种。

（1）推广单品：其图片素材多选择单个商品，文案以商品卖点和促销信息为重点。;（2）推广活动或店铺：其图片素材多选择商品的组合形式或模特，文案以促销信息为重点。

（3）推广品牌：其图片多选择品牌相关素材，文案要弱化促销信息，强化品牌形象。;2．引人注目的设计技巧

（1）直接运用商品图作为背景，简洁醒目，快速吸引消费者。

（2）将商品图片与方案进行适当角度的倾斜，令整个画面更富有张力，更能吸引消费者的注意力。;使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果。;使用多种参数化工具、生成器建模工具以及多边形建模工具建立模型，使用“摄像机”工具控制视图的显示效果，使用“区域光”工具制作灯光效果，使用“材质”面板创建材质并设置材质参数，使用“物理天空”工具创建环境效果，使用“编辑渲染设置”按钮和“渲染到图像查看器”按钮渲染图像。;使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“圆角矩形”工具绘制基本形状，使用“创建新的填充或调整图层”命令为图像校色，使用“添加图层样式”命令为图形添加效果。