7.2 直通车图视觉营销设计（课件）-《网店视觉营销》同步教学（北京理工大学出版社）

第7章 高点击率推广图视觉营销设计 Contents Page 目 录 页 — 2 — 7.1 店内海报图视觉营销设计 7.2 直通车图视觉营销设计 7.3 钻展图视觉营销设计 7.4 活动图视觉营销设计 7.5 直播封面图视觉营销设计 淘宝直通车是专门为淘宝卖家量身定制，按点击付费的CPC营销推广工具。 CPC：Cost Per Click （按点击付费） 直通车具有精准推广、智能预测等特点。给广大卖家带来更多的潜在客户，用一个点击，产生一次或多次的店内转跳。 直通车推广图，也是电商美工经常制作的图片类型。 7.2.1 直通车特点解析 直通车扣费公式= 下一名出价*下一名质量得分 + 0.01元 自己质量得分 — — 7.2.2 直通车图在搜索页的位置 淘宝搜索页面中哪些是直通车位吗 — — 女装搜索案例页面 - 顶端 女装搜索案例页面-底部： 这5个是不是直通车图位置？ 7.2.2 直通车图在搜索页的位置 图-　PC端直通车图在淘宝第一搜索页中的常规位置 直通车图区分方法1： — — 7.2.2 直通车图在搜索页的位置 直通车图区分方法2： 标有“掌柜热卖“的是直通车图 — — 7.2.3直通车图设计要点 — — 1、产品图要清晰 2、产品图占图片面积1/2或2/3 3、不要有多余的文字、营销活动不要太多 4、直通车图尺寸800*800px 5、背景不要太花哨、以免喧宾夺主 6、不要出现标题党，夸大功能等 7、品牌产品直通车图一般采取简洁大气风格、添加商品logo简单信息即可 7.2.4 直通车图案例分析 图-　直通车推广图案例分析1 图-　直通车推广图案例分析2 产品展示不明确、干扰元素太多 — — 存在的问题主要有几点： 想表现鞋子的运动感，但是做的特效严重破坏了产品的整体性。 想说明价格的活动期限，没合适的位置摆放就把文字缩的很小，实际顾客不会看到此类信息，所以为干扰的无用信息。 前50名本身就是数量有限，所以“数量有限”这四个字就属于画蛇添足。 图4-20这款直通车图的问题主要在于产品展示不明确、干扰元素太多、没有给顾客轻松的视觉体验。 比如图片中作为背景的蝴蝶结、手腕上佩戴的手环和手表都会给顾客带来误解，并在视觉上产生主次不分明的感觉。 11 7.2.4 直通车图案例分析 图-　直通车推广图案例分析4 图-　直通车推广图案例分析3 — — 图4-21这款直通车图是一款表现信息还不错的图片。首先背景利用春天的色调进行模糊处理，另外产品拍摄出了户外的动感和景深的效果，产品清晰并且表达卖点简洁明确，如果标志和卖点文字排版再调整一下会更好一些。 12 7.2.4 直通车图案例分析 图-　直通车推广图案例分析4 — — 7.2.5 直通车图案例解析A—樱桃案例 — — 7.2.5 直通车图案例解析A—樱桃案例 — — 7.2.5 直通车图案例解析B—老年服案例 1、分析设计工单 图-直通车推广图美工工单 — — 7.2.5 直通车图案例解析B—老年服案例 2、准备相关素材 图-　直通车推广图美工工单 — — 2）准备相关素材 首先这款产品有两个款式，并且都需要展现，所以选择了一个上半身为主商品模特近照作为图片的第一层，并且选择了一个整体的表现较好的商品模特作为另外一款的展现；其次背景选用了与夏季款匹配的浅蓝色背景，体现了清凉的感觉 17 7.2.5 直通车图案例解析B—老年服案例 3、确定直通车图字体 图-　直通车推广图字体 — — 3）确定直通车图字体 这款产品直通车图只出现简单的营销字体，所以在这里选用视觉明显、笔画大方的微软雅黑体。 18 7.2.5 直通车图案例解析B—老年服案例 4、确定直通车推广图颜色 图-　直通车推广图用色 — — 4）确定直通车推广图颜色 因为背景是渐变的浅蓝色所以用少许黄色块加强对比用以搭配营销文字，如图4-26所示。 19 7.2.5 直通车图案例解析B—老年服案例 5、确定直通车推广图版式 图-　直通车推广图版式示意图 — — 5）确定直通车推广图版式 结合需要展示卖点和展示2款宝贝的特点，我们这里采用排版常用的均衡构图。如图4-27所示。 编号1所示区域就是构图的第一层级主要显示2个商品模特，编号2所示区域就是促销的文本信息，编号3就是logo所放置的位置。 20 7.2.5 直通车图案例解析B—老年服案例 图-　直通车推广图最终完稿 — — $$