第7章推广图的设计与制作《Photoshop CC网店美工视觉设计实战》同步教学（工信版）（课件）

推广图的设计与制作 Photoshop CC网店美工视觉设计实战（全彩微课版） 第7章 目录 Contents 主图的设计与制作 引力魔方推广图的设计与制作 7.2 7.1 直通车推广图的设计与制作 7.3 实战演练 7.4 7.1.1 宝贝主图规范 3 主图一般可以为4~6张不同角度的商品图片，且大小须控制在3MB（MByte，兆）以内，原则是长和宽的比例是1:1，当主图的尺寸大于700像素×700像素时，网店美工可在商品详情页中使用放大镜功能直接放大主图，使消费者可以在主图中查看商品的细节。 在此图所示为使用放大镜查看商品主图的细节。由于京东、当当等电商平台的主图规格都是800像素×800像素，为了方便在其他平台发布商品主图时不用重新制作主图，我们一般将主图的尺寸统一为800像素×800像素。 7.1.2 制作优质商品主图的技巧 4 01 02 03 04     商品的大小适中 丰富细节 卖点清晰有创意 宜简不宜繁 作为商品的招牌，主图对商品的点击率和转化率有着非常巨大的影响，要使商品主图更有吸引力，网店美工就需要在制作商品主图时运用一些技巧，具体内容如下。 7.1.3 数据线主图的设计 5 本例将为数据线商品制作主图，该商品体积较小，宽度较窄，可采用左图右文的方式平衡画面。 由于商品为金色，因此，我们在颜色选择上使用了科技感十足的高明度蓝色搭配潮流感较强的黄色，使商品能够更加直观地被展现，然后添加卖点文字，如买一件送一件、买两件减5元等，并添加标志，增强品牌意识，保护商品图片，避免被盗用，具体操作如下。 设置渐变编辑器 创建径向渐变背景 2 1 7.1.3 数据线主图的设计 添加并调整数据线素材 设置投影图层样式 3 4 7.1.3 数据线主图的设计 7 复制投影效果 输入文本 5 6 7.1.3 数据线主图的设计 8 绘制圆角矩形 7 主图效果 8 目录 Contents 推广图的设计与制作 引力魔方推广图的设计与制作 7.2 7.1 直通车推广图的设计与制作 7.3 实战演练 7.4 7.2.1 引力魔方推广图的位置和相关规范 10 引力魔方推广图与主图不同，其位置众多且尺寸各异，投放场景包括焦点图场景和信息流场景两种。不同位置对应的推广图尺寸、消费人群、消费特征和兴趣也各不同。 信息流场景：信息流场景包括首页的猜你喜欢（首页下方推荐板块）、购物中猜你喜欢（购物车底部）、购物后猜你喜欢（待收货底部）、红包互动权益（芭芭农场中）等信息流。如下图所示。 焦点图场景：焦点图场景位于手机淘宝首页的上方。焦点图标准尺寸为800像素×1200像素、513像素×750像素，其尺寸较大，能够完全地展示商品与文案如上图所示。 7.2.2 引力魔方推广图的设计要点 11 引力魔方推广图的位置和尺寸虽然多样，但设计的要点都是一致的。 营销目标明确：引力魔方推广图投放的营销目标很多，如上新、引流，预热大型活动，以及品牌形象宣传等。如下图所示。 主体突出：引力魔方推广图的主体不一定是商品图片，也可以是创意方案，或对费者诉求的呈现。如上图所示。 形式美观：形式美观的引力魔方推广图更能获得消费者的好感，进而提高点击率。如上图所示。 7.2.3 煲仔饭引力魔方推广图设计 12 “抹嘴下”网店需要为快煮煲仔饭制作用于手机的淘宝焦点图，要求尺寸为800像素×1200像素，网店美工在设计时可以“作为一名吃货 光盘是一种基本操作”为主题，体现勤俭节约、拒绝浪费的观念，以此提高消费者对网店的好感度，具体操作如下。 添加素材 1 输入文字 2 7.2.3 煲仔饭引力魔方推广图设计 13 输入文字 3 设置内阴影参数 4 设置投影参数 5 7.2.3 煲仔饭引力魔方推广图设计 14 绘制矩形 6 查看完成后的效果 7 查看使用效果 8 目录 Contents 主图的设计与制作 引力魔方推广图的设计与制作 7.2 7.1 直通车推广图的设计与制作 7.3 实战演练 7.4 7.3.1 直通车的展现方式 16 参加直通车推广的商品，主要展示在以下两个位置。 消费者必经之路上的众多高流量、高关注度的展位 单击此处输入标题 关键词搜索结果页的展位 7.3.2 直通车推广图的设计要点 17 直通车推广图担负着为商品引流的重任，所以其既要有很好的视觉效果，也要能介绍并宣传商品，因此在有限的画幅内对其进行精心的设计就显得十分重要。一般情况下，网店美工在制作直通车推广图时应遵循以下3个原则。 主题卖点简洁精确 构图合理 具有吸引力 7.3.3 直通车推广图引流的关键 18 快速打动消费者是直通车推广图成功的关键因素，网店美工若想制作出能快速吸引消费者注意力的直通车推广图，一般可从以下4个方面着手。 分析消费者心理需求 分析图片的差异 使用