电商视觉设计教程-第6章-高点击率推广图片视觉设计

第第6 6章章 高点击率推广图片高点击率推广图片视觉设计视觉设计掌握推广图片的构图法则掌握直通车图片设计的要点掌握钻展图设计的关键点掌握聚划算主图的设计熟练掌握高点击率推广图片的设计方法学习目标目 录推广图片构图法则6.1直通车图片设计6.2钻展图设计6.3聚划算主图设计6.46.1 推广图片构图法则变化式构图1平衡式构图3紧凑式构图5对角线构图2对称式构图4X形构图66.1 推广图片构图法则 1 1 变化式构图变化式构图6.1 推广图片构图法则 2 2 对角线构图对角线构图6.1 推广图片构图法则 3 3 平衡式构图平衡式构图6.1 推广图片构图法则 4 4 对称式构图对称式构图6.1 推广图片构图法则 5 5 紧凑式构图紧凑式构图6.1 推广图片构图法则 6 X6 X形构图形构图6.2 直通车图片设计图片整体风格设计1突出商品卖点的设计26.2 直通车图片设计 1 1 图片整体风格设计图片整体风格设计直通车图片应用案例针对年轻消费群体直通车图 针对中年群体 直通车图6.2 直通车图片设计 1 1 图片整体风格设计图片整体风格设计运用适当的背景12 保持图片清晰度3精简文字，去牛皮癣4巧用素材搭配6.2 直通车图片设计 1 1 图片整体风格设计图片整体风格设计背景模糊处理运用适当的背景16.2 直通车图片设计 1 1 图片整体风格设计图片整体风格设计用色阶调亮背景2 保持图片清晰度6.2 直通车图片设计 1 1 图片整体风格设计图片整体风格设计突出促销价格3精简文字，去牛皮癣6.2 直通车图片设计 1 1 图片整体风格设计图片整体风格设计素材搭配4巧用素材搭配6.2 直通车图片设计 2 2 突出商品卖点的设计突出商品卖点的设计不仅有针对所展示单品的利益点信息说明，也通过“全场包邮”表明了店铺的利益点6.3 钻展图设计博取眼球的创意设计1统一图片设计风格2确定重点表现元素36.3 钻展图设计 1 1 博取眼球的创意设计博取眼球的创意设计不同角度拍摄商品正面与侧面相结合的拍摄角度，尤其是正面给人以迎面冲来的视觉感受，富有视觉冲击力侧面拍摄角度是较为常规的拍摄角度，少了几分新鲜感与吸引力6.3 钻展图设计 1 1 博取眼球的创意设计博取眼球的创意设计生动、灵活的商品摆设整齐排开，中规中矩常见的单鞋摆设不同造型商品摆设6.3 钻展图设计 2 2 统一图片设计风格统一图片设计风格图片整体的设计风格非常大方，选择黄色为主的背景也彰显了其简洁的设计风格通过对元素颜色的控制，突出“低至三折”的宣传主题，激发消费者潜在的购买欲望家具的摆放富有情景感，背景使用了与家具相近的颜色，图片整体体现出了典雅的风格图片突出了商品“家具”，文案又突出了“清仓五折”，主题明确，能激发消费者的点击冲动简约风格简约风格雅典风格6.3 钻展图设计 3 3 确定重点表现元素确定重点表现元素 实惠的价格是图片重点突出的对象，因此该元素色彩明亮、尺寸较大，能迅速吸引消费者的眼球重点突出优惠价格元素6.4 聚划算主图设计聚划算主图的设计思路1聚划算主图设计案例26.4 聚划算主图设计 1 1 聚划算主图的设计思路聚划算主图的设计思路商品拍摄商品背景商品构图详情页主图6.4 聚划算主图设计 1 1 聚划算主图的设计思路聚划算主图的设计思路商品拍摄6.4 聚划算主图设计 1 1 聚划算主图的设计思路聚划算主图的设计思路商品背景6.4 聚划算主图设计 1 1 聚划算主图的设计思路聚划算主图的设计思路商品构图6.4 聚划算主图设计 1 1 聚划算主图的设计思路聚划算主图的设计思路黑白半透明标签详情页主图6.4 聚划算主图设计 2 2 聚划算主图设计案例聚划算主图设计案例01新建聚划算主图 插入背景图6.4 聚划算主图设计 2 2 聚划算主图设计案例聚划算主图设计案例02移动图片添加星光修饰6.4 聚划算主图设计 2 2 聚划算主图设计案例聚划算主图设计案例03添加商品Logo6.4 聚划算主图设计 2 2 聚划算主图设计案例聚划算主图设计案例04加入半透明标签 隐藏半透明标签课后练习题请为六种推广图片构图法则各举出一个实例。在淘宝上找出直通车做得好的店铺，并分析其直通车图片的优势。请根据本章所学知识设计一张家居类的聚划算主图，效果如右图所示。列举几张你认为有设计感的钻展图，并说明它们好在哪里。