
马上又要到一年一度疯狂剁手买买买的618了!在购物狂们纷纷摩拳擦掌之际,商家和平台也拉开了一场大战的序幕。
对于店铺来说,如何才能抢占先机,引爆流量呢?
(当当当当)答案是——banner!
当用户进入平台或者店铺时,第一眼看到的就是最为显眼的顶部的banner。可以说banner的成败很大程度上决定了店铺的成败。
那么一个成功的618banner应该怎么做呢?Fotor懒设计今天就来给大家分享一些banner制作的技巧,请拿好小本本好好记下重点知识!

先调查了解清楚你的产品的受众,将目标群体划分出来。当产品的目标群体十分清晰时,你的banner设计和文字内容需要有强烈的针对性。
提出解决方案
你可以在banner中为目标群体提出产品可提供的解决方案。让产品为他们排忧解难。


提出问题
换个思路,也可以试试用提问的方式,让顾客对号入座。同时还能激发消费者的好奇心,迫切想知道答案的他们一定会点进来。

这招不用我多说了吧。在banner中要记得将自己的产品的优点尽量放大,给消费者留下深刻的印象。
低价攻击
价格总是消费者购买是的决定性因素之一。如果你在价格上有绝对的优势和足够的诱惑力,请直接在banner中把它放大!加粗!

活动攻击
如果你的商品正在搞打折促销活动,就围绕活动给消费者营造一种“这是白捡钱,不买不是人”的感觉。


将产品的使用效果突出表现在banner中,是一种结果导向型手段。
简单粗暴型
用最为简单直观的方式展示产品的效果。用赞美的语言让消费者产生强烈的购买欲望。

鸡汤洗脑型
消费者都有一种惰性思维,这一招就是向他们灌输浓浓的鸡汤:你什么都不用做,我们的产品直接帮你完成目标!

夸下海口型
用一种夸张的方式告诉消费者,预期的目标在多少时间内能够完成。让犹豫不决的消费者被产品的使用效果吸引。

在618众多神魔鬼怪中,想让你的banner脱颖而出,怎么能不藏点小心机呢!
制造神秘感
让你的产品充满神秘感,利用消费者的好奇心来吸引点击,可以说是屡试不爽的一招。


蹭热度
蹭热度又不要钱,反正我只蹭蹭,不蹭白不蹭~(我并没有在唱rap)
明星、电视剧、热点话题、节假日都是热点,带着这些热点词,能让你的产品收获额外的流量。


营销造势
产品卖不动怎么办?请营造一种万人哄抢分分钟销售一空的架势。啥都可以输,咱气势不能输!利用消费者的从众心理,这一招往往有出奇制胜的效果。


注意:banner展示内容切忌杂乱无章!主要突出一个信息即可。如果雨露均沾,很可能会分散消费者的注意力,反而降低点击欲望哦。

banner的设计遵循一般的平面设计原则,但也会因为展示面积、使用场景等而呈现出不同。
对齐原则
对齐指的是banner中的每一项元素应与页面上某个内容存在某种视觉联系。即使这些项并不靠近,但它们属于同一组——以一条看不见的线将彼此连在一起

留白原则
无论是淘宝还是网易云音乐的banner,面积都不是很大,所以千万不要把banner排得过满,要留出一定的“呼吸”空间,这样既减少了banner的压迫感,又可以引导读者视线,突出重点内容。

减法原则
颜色、字体的数量要做减法。颜色过多、字体过多、图形过繁,都会分散读者注意力,也会使画面显得过于凌乱。

层次感原则
层次感可以体现在很多方面,颜色的渐变、空间的透视等等。最常见的是通过上下叠加遮挡的手法,让画面变得很有空间层次感,设计感十足。

对比原则
加大不同元素的视觉差异,或者使用对比色,这样能更加吸引眼球。

垂直水平构图
排版左中右对齐方式都有,比较随意直观,可灵活操作。

斜线构图
常用于促销类、居中排版、大多数会有图形辅助或者底部斜线构图,以区分和突出文本。

三角构图
文字排布大小分明,结构感强,常以图形线条辅助排版。

辐射式构图
和斜线构图很像,通常用于促销类,文案居中排版,大多以图形辅助或者底部斜线构图,明确区分并突出文本。

框架式构图
框架构图包括图形框,文本框


讲了那么多,那如何才能快速设计出一个好看的banner呢?
别急,Fotor懒设计这就来教你:
(1)登录Fotor懒设计官网,点击素材库

(2)点击淘宝banner模板分类

(3)海量精美模板任意选

在fotor懒设计选择一个喜欢的模板后,你就可以运用前面学到的知识,在模板上大刀阔斧的操作啦~
今天的banner小课堂就到这里了!
快来Fotor懒设计吧,即使不是专业的设计师,你也可以快速为自己网站快速制作一张高大上的banner图哟~
Fotor在线设计工具_免费设计素材和模板_在线平面设计网站www.fotor.com.cn