网店美工视觉设计实战教程课件-第7章视觉营销推广图的制作

视觉营销推广图的制作网店美工视觉设计实战教程第7章目录Contents制作高点击率的主图智钻图设计7.27.1直通车推广图设计7.3实战演练7.47.1.1宝贝主图规范淘宝商品主图的标准尺寸是310像素×310像素，而为了方便在其他平台发布商品时不重新制作主图，一般统一主图的大小为800×800像素。商品主图最多可以有5张，最少要有一张，商品主图的大小必须控制在500KB以内。3查看商品主图的细节7.1.2制作优质商品主图的技巧4好的主图能够提高点击率，从而达到引流的目的。买家在浏览主图时速度一般较快，如何让主图在淘宝搜索页的众多主图中成功吸引买家眼球，是制作优质主图的关键，一般可以从以下4个方面着手。01020304

商品的大小适中丰富细节卖点清晰有创意宜简不宜繁7.1.3数据线主图设计5下面设计一款数据线的宝贝主图。观察数据线，产品较小，外观上宽度较小，因此采用左图右文的方式，平衡画面，由于产品为白色，在颜色的选择上使用了科技感十足的高明度的蓝色搭配潮流的黄色，其具体操作如下。添加渐变背景17.1.3数据线主图设计6添加并调整数据线素材添加投影327.1.3数据线主图设计7复制投影效果输入文本457.1.3数据线主图设计8绘制圆角矩形6主图效果7目录Contents制作高点击率的主图智钻图设计7.27.1直通车推广图设计7.3实战演练7.47.2.1智钻图的设计要点10在制作智钻图片时，要根据位置、尺寸等信息调整广告诉求，并采取合适的表达方式进行展示，智钻的位置和尺寸虽然丰富多样，但在设计的标准都是一致的，下面分别进行详细介绍。形式美观目标明确主题突出设计要点智钻的主图不仅可以是商品图片，还可以是创意方案，或者是消费者诉求的呈现。只有主图突出才能够吸引更多消费者来点击。智钻投放的目标很多，如通过智钻上新、通过智钻引流到聚划算，通过智钻预热大型活动，以及通过智钻进行品牌形象宣传等。因此，在智钻图的设计制作中，网店美工首先需要明确自己的营销目标，然后针对营销目标进行素材的选择和设计，这样才能保证取得较高的点击率与转化率。美的东西总是令人无法抗拒，形式美观的智钻图更能获取消费者好感，进而提高网上店铺的点击率。因此，网店美工在选择好素材，规划好创意后，适当地对智钻图进行美化便显得十分重要。7.2.2智钻图的构图方式11智钻图片是有结构和层次的，不同布局将呈现不同的视觉焦点，若视觉焦点不统一或者布局不理想，很容易形成信息错乱，让消费者忽视重点。智钻图片的常用布局方式主要有以下8种。两栏式构图三栏式构图上下式构图正反三角形构图放射性构图渐次式构图斜切式构图垂直构图7.2.3制作淘宝首焦智钻12下面我们通过使用淘宝首焦智钻位对店铺的感恩节活动进行推广，其智钻图在构图方式上采用三栏式构图，并通过添加投影，增强商品的立体感，其中还使用了较粗大的字体来提高图片推广的效果，其具体操作步骤如下。绘制纸张形状12添加背景7.2.3制作淘宝首焦智钻13绘制矩形34复制并调整形状7.2.3制作淘宝首焦智钻1456复制并调整矩形输入并编辑文本7.2.3制作淘宝首焦智钻15绘制圆角矩形并修改文本颜色78打开素材文件7.2.3制作淘宝首焦智钻16添加投影9感恩节智钻图效果10目录Contents制作高点击率的主图智钻图设计7.27.1直通车推广图设计7.3实战演练7.47.3.1直通车展现方式18参加直通车推广的宝贝，主要展示在如下几个位置。买家必经之路上的众多高流量、高关注度的展位单击此处输入标题关键词搜索结果页的展位7.3.2直通车图的设计要点19

直通车图担负着为商品引流的重任，所以直通车既要有很好的视觉效果，也要能介绍并宣传商品，因此在有限的画幅内对其进行精心的设计就显得十分重要。一般情况下，网店美工在制作直通车图时应遵循以下3个原则。主题卖点简洁精确构图合理具有吸引力7.3.3直通车图引流的关键20能否快速打动消费者是直通车图是否成功引流的关键，一般可从以下5个方面着手。分析消费者心理需求分析图片的差异使用增值服务使用诱导的概念使用大众好评7.3.4设计剃须刀直通车图21添加剃须刀并设置内发光12添加背影下面我们利用直通车图对剃须刀商品进行推广，该直通车图在商品构图方式上选用对角线左右方式，利用蓝色的背景和刚硬的文字突出剃须刀的时尚科技感。在制作直通车图时，我们用到了剪贴蒙版、投影、内发光、外发光等方式，其具体操作步骤如下。7.3.4设计剃须刀直通车图22制作投影34添加外发光7.3.4设计剃须刀直通车图23添加素材7输入文本65输入文本7.3.4设计剃须刀直通车图添加剪贴蒙版复制图层并添加素材98247.3.4设计剃须刀直通车图11绘制圆角矩形的效果为文本图层制作投影的效果10257.3.4设计剃须刀直通车图13添加剪贴蒙版调整曲线的效果1226目录Contents制作高点击率的主图智钻图设计7.27.1直通车推广图设计7.3实战演练7.47.4.1设计唇彩直通车图28020103撰写文案，提炼卖点。要求主题卖点简洁精确，画面整体简洁美观。添加背景、商品与装饰元素，注意整体色调的和谐统一。通过文本颜色、字体、大小与角度的组合设计，编辑文案的外观。1.设计思路7.4.1设计唇彩直通车图292.知识要点分析消费者心理需求，并遵循直通车图片设计的原则。主题卖点简洁精确、构图合理、具有吸引力。组合与编辑素材：包括素材的添加、素材叠放顺序的设置、素材位置与大小的调整，以及素材投影的制作。编辑文本：文本字体、颜色、大小的搭配组合。7.4.1设计唇彩直通车30

3.操作步骤下面根据唇彩外观设计直通车图，其具体操作步骤如下。2蒙版隐藏部分图像添加背景添加素材137.4.1设计唇彩直通车314输入文本斜切文本添加投影657.4.1设计唇彩直通车32最终效果绘制形状并更改文本颜色787.4.2设计紫色护肤品智钻图33色调的选择文本的渐变设计

1.设计思路7.4.2设计紫色护肤品智钻图34

2.知识要点智钻图的设计要点，如主图突出、目标明确、形式美观等。智钻图的构图方式，包括两栏式、三栏式、正反三角形构图等。文本的输入及形状的绘制。7.4.2设计紫色护肤品智钻图35

3.操作步骤下面制作紫色护肤品智钻图，其具体操作步骤如下。12输入文本