18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 如何设计顶尖电商banner?

如何设计顶尖电商banner?

时间:2022-08-31 02:57:01 | 来源:网站运营

时间:2022-08-31 02:57:01 来源:网站运营

当用户访问电商网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留。

然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网页Banner设计在这里起到了至关重要的展示作用。

那么Fotor懒设计来教你如何设计一个好的电商Banner。

1.划分群体

先调查了解清楚你的产品的受众,将目标群体划分出来。当产品的目标群体十分清晰时,你的banner设计和文字内容需要有强烈的针对性。

提出解决方案
你可以在banner中为目标群体提出产品可提供的解决方案。让产品为他们排忧解难。




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

2.放大优点

这招不用我多说了吧。在banner中要记得将自己的产品的优点尽量放大,给消费者留下深刻的印象。

低价攻击
价格总是消费者购买是的决定性因素之一。如果你在价格上有绝对的优势和足够的诱惑力,请直接在banner中把它放大!加粗!




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

3.突出效果

将产品的使用效果突出表现在banner中,是一种结果导向型手段。




简单粗暴型
用最为简单直观的方式展示产品的效果。用赞美的语言让消费者产生强烈的购买欲望。




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

emmm,可能不够鸡汤,或者比如说,减肥产品banner,你可以说,什么都不用做,躺着就能瘦?类似方法。




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

4.留点小心机

在618众多神魔鬼怪中,想让你的banner脱颖而出,怎么能不藏点小心机呢!




制造神秘感
让你的产品充满神秘感,利用消费者的好奇心来吸引点击,可以说是屡试不爽的一招。

蹭热度
蹭热度又不要钱,反正我只蹭蹭,不蹭白不蹭~(我并没有在唱rap)

明星、电视剧、热点话题、节假日都是热点,带着这些热点词,能让你的产品收获额外的流量。

联合节日
联合明星



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

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




1.设计原则

banner的设计遵循一般的平面设计原则,但也会因为展示面积、使用场景等而呈现出不同。

对齐原则
对齐指的是banner中的每一项元素应与页面上某个内容存在某种视觉联系。即使这些项并不靠近,但它们属于同一组——以一条看不见的线将彼此连在一起




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




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




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




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

2.设计构图

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




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




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




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




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




讲了那么多,那如何才能快速设计出一个好看的banner呢?

别急,Fotor懒设计这就来教你:

(1)登录Fotor懒设计官网,点击素材库

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

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

在fotor懒设计选择一个喜欢的模板后,你就可以运用前面学到的知识,在模板上大刀阔斧的操作啦~


今天的banner小课堂就到这里了!

快来Fotor懒设计吧,即使不是专业的设计师,你也可以快速为自己网站快速制作一张高大上的banner图哟~



74
73
25
news

版权所有© 亿企邦 1997-2022 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭