Banner设计要素及构图技巧罗春艳罗春艳 20142014年年1 1月月1参考课件Banner的核心使命其实是吸引用户关注，然后被点击。是多数新产品，新事物，各种优惠活动呈现给客户的主要第一途径所以它是主题性明确，突出关键内容并有效抓住用户眼球的一种广告主要类型：页面中的横幅广告报纸杂志上的大标题1.什么是banner2参考课件2.Banner的重要性结论：其实Banner设计的初衷就是被点击。那么所有的设计和创意都是围绕着吸引用户来进行的。简洁有效的文案，是需要设计师自己去理解需求并提炼的。但是最后我们呈现出来的结果，一定要有重点，一个核心内容，几个围绕说明会变成一种成功率很高的套路。3参考课件3.Banner设计流程设计流程需求评估(沟通,预估,前期准备)制作反馈、确定初稿跟进4参考课件必须在1秒钟内要完成三样工作色彩动画广告语模特抓住注意力诱使点击传递信息主题：什么主题吸引人？应季、节日、促销等；噱头：什么噱头打动人？折扣、价格（低至69元、9元均价）、满减满赠（第二件半价）、包邮、品质保证（正品保证、全国联保）、抽奖、抢购商品广告语模特立即抢购的按钮引导4.Banner设计三要素5参考课件l吸引人的商品名l清晰美观的图片l醒目的折扣和价格l活动主题l规格l商品特性5.banner中体现的元素6参考课件l左右结构案例主题噱头主题噱头主题噱头主题噱头+ + + +模特模特模特模特主题噱头主题噱头主题噱头主题噱头+ + + +商品商品商品商品6.常见Banner结构联版轮播7参考课件l上下结构案例主题噱头主题噱头主题噱头+ + +商品商品商品6.常见Banner结构联版轮播8参考课件l无按钮型案例主主主主题题题题噱噱噱噱头头头头+ + + +模模模模特特特特主主主主题题题题噱噱噱噱头头头头+ + + +商商商商品品品品6.常见Banner结构小banner9参考课件l按钮型案例主主主主题题题题噱噱噱噱头头头头+ + + +商商商商品品品品按钮能够提高点击率，有效的引起行为召唤。一般在左下角或右下角，采用对照感比较强烈的色彩。6.常见Banner结构小banner10参考课件l无按钮型案例6.常见Banner结构长条形11参考课件l按钮型案例6.常见Banner结构长条形12参考课件构图样式分以下六种垂直水平式构图三角形构图渐次式构图辐射式构图框架式构图对角线构图好的构图可以提升商品的品质感，亦可以利用各种构图方法，突出你想要表达的内容，传达出该banner的真正目的，吸引用户的点击，产生购买欲望。7.六种banner构图样式13参考课件7.1垂直水平构图平行排列每一个产品，每个产品展示效果都很好，各个产品所占比重相同，秩序感强。此类构图给用户心情：产品规矩正式、高达、安全感强。14参考课件7.2正三角形构图多个产品进行正三角构图，产品立体感强，产品之间所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情：安全感极强，稳定可靠。15参考课件7.3倒三角形构图多个产品进行倒三角构图，产品立体感极强，产品之间所占比重有轻有重，构图动感活泼失衡，运动感空间感强。此类构图给用户心情：不稳定感激发用户好好动心，给用户运动的感觉。16参考课件7.4对角线构图一个产品或两个产品进行对角线组合构图，产品的空间感强，每个产品所占比重相对平衡，构图动感活泼却不失稳定，运动感强烈。此类构图给用户心情：动感十足且稳定。17参考课件7.5渐次式构图多个产品进行渐次式排列，产品展示空间感强，每个产品所占比重不同，由大及小，构图稳定，次序感强，利用透视引导指向广告文案。此类构图给用户心情：稳定自然，产品丰富可靠。18参考课件7.6辐射式构图多个产品进行辐射式构图，产品空间感强，每个产品所占比重不同，由大及小，构图动感活泼，次序感强。利用透视指向广告文案。此类构图给用户心情：活动动感，产品丰富可靠。19参考课件7.7框架式构图单个或多个产品进行框架式构图。产品展示效果好，展示完整。有画中画的感觉。构图规整平衡，稳定坚固。此类构图给用户心情：稳定可信赖，产品可靠。20参考课件主打折扣、左右结构1.配色：颜色对比鲜明，吸引眼球，红色和橙色给人一种购买的冲动和欲望2.下降标志更给人一种降价的视觉感3.产品图：左边商品图和模特突出了卖场的主题和内容4.噱头足：任意2双119包邮，捆绑销售也可以提高客单价8.优秀广告素材分享21参考课件主打单品、上下结构1.配色：粉色会更吸引购买化妆品的年轻女性，粉色属于比较梦幻、可爱的颜色，适合美护、女装类目使用2.商品图：直接鲜明的告诉了买家卖场的主题，热销xx件突出了商品的优质3.主题噱头：综合榜单的形式（美妆热卖榜xx商品xx元）给了没有购买方向的顾客建议8.优秀广告素材分享22参考课件无按钮型小banner1.配色：粉蓝色切合凉鞋主题，给人一种清凉的感觉2.产品图的放置不仅告诉了买家专题的内容，也更容易带动了买家点击3.噱头足：4折封顶字样的突出；免邮试免邮换比起包邮，对于鞋子这种对尺寸高要求的类别更有吸引力8.优秀广告素材分享23参考课件按钮型小banner1.配色：尺寸小的banner，需要使用像红和黄亮色系的搭配，更吸引眼球，带动顾客消费2.商品图也选择了亮色系的，与整体色调呼应，单品的抢购价更是很有吸引力3.主题噱头：以低至1折的折扣噱头吸引顾客4.按钮：立即抢购的闪动按钮引导了顾客点击，也更能抓住眼球8.优秀广告素材分享24参考课件无按钮型通栏1.配色：紫色背景上的黄色字体很出挑，紫色的背景也显得商品很有品质感2.知名品牌logo的放置：对于一些知名的品牌，品牌logo也是吸引顾客点击的一大原因3.主题强噱头足：换季疯狂购3折起，突出了商品是换季商品折扣低4.产品图：右边的商品陈列也是大众款式，增大了被商品图吸引而点击的概率8.优秀广告素材分享25参考课件按钮型通栏1.配色：粉色系主调适合年轻女装型的专题，会吸引年轻女性用户关注2.主题噱头：2.4折起的低折扣噱头；380款突出了内容款式的丰富；“最后机会”作为一个时间限制更增加了消费的紧促感3.产品图：右侧放置了三款产品以及产品的价格，让消费者更容易明确卖场的内容，以低价来吸引消费者4.多个品牌logo放置：左上角放置了4个品牌logo，表明了这是个联合品牌的清仓卖场5.按钮：“立即抢购”按钮煽动并促使顾客点击8.优秀广告素材分享26参考课件 内容过于堆积、主题不明确颜色不够出挑、不吸引眼球图片的品质感太差8.1反例27参考课件我们目前常用的广告形式两种：噱头单品推广+主题促销推广噱头单品推广主题促销推广9.一些经验分享28参考课件1.电商类广告中最重要的是商品图的展现。商品的选择切合主题，且受众群体广，广告图片中能看出商品用途；图片一定要清晰！精致，美观，有吸引力。2.主题明确，突出卖点。卖点通常打组合拳，如主题+促销，产品+促销等；广告中不宜宣扬过多卖点，特别是小尺寸广告，突出1-2点即可。3.促销类卖场，其高价商品可突出折扣，直降*元等（并可带上市场价对比）折扣和价格显著标出4.热销商品可以适当展示商品的销量，以增强用户对商品的兴趣。5.广告中的文案简短有力，切勿堆积，提炼要点，不要在文案中叙事。6.站外投放的广告可带有明显的购买button，有益提高点击，但由于广告中的BUTTON会影响整体页面视觉效果，故站内需慎重使用。9.一些经验分享29参考课件6.品牌商家突出品牌名或者LOGO。建议可使用“品牌+正品提示+折扣”的信息组合方式。7.时间较短的卖场，可在广告中突出活动时间，增强紧迫感。8.广告或卖场的风格因主题而异，促销类主题宜用浓烈色彩，烘托促销气氛。女性类主题风格偏感性，可设计很漂亮的场景，色彩淡雅但明亮，背景不厚重。时尚类主题卖场特别重视选品，模特的时尚感和质感，且色彩可以明亮些（除非独特个性店铺）。男性类主题风格偏硬朗，沉稳，主要凸显商品功能性利益、以及丰富度。9.一些经验分享30参考课件根据今天学习的知识，制作一个banner，不限主题，自由发挥必须是自己设计，可以参考不能抄袭注明设计思路、采用了哪种结构和构图样式下周五提交作业10.课后作业31参考课件32参考课件