您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 视觉设计 >> 浏览设计教程

如何设计一个吸引人的广告banner

很多时候,过多的推出大量很low的广告banner,反而会被人们讨厌,甚至讨厌程度不亚于看纯文本。

所以广告banner的关键因素就是视觉冲击力,能不能快速吸引眼球就靠它了。

 0553585200bfa8012060c8fc8174.jpg

01、聚焦你的logo

通过将logo放到位置的中心和前面从而更好的突出和展现。

1f8858520101a8012060c8758b26.jpg

02、扁平化

d86158520123a8012060c8fffa8d.jpg

扁平风也可以制造很漂亮的视觉效果,就像设计师亚历克斯·柯林斯在他扁平化风格作品中加入了一些质感,让整张图显得更有立体感一些,当然,你也可以不加入质感使它完全扁平。

d15a58520169a8012060c892c558.jpg


我们经常可以看到一些很漂亮的插画效果,如果把插画融入到你的广告banner设计中,是不是也可以很抢眼?


03.播放与变模糊

模糊效果通常出现在要突出一个弹窗,按钮或文字中,但是它们早已跳出了用户体验的范畴,可以单独作为一种独特的设计风格来使用。

d6d85852018ca801219c77ce38f4.jpg

875a585201aea8012060c8c53fcb.jpg

如果背景选的好,稍微来一个模糊的效果,不仅能突出标题或按钮,还能给你的设计添加一些纹理和质感,使你的设计不会太单调。

04.使用网格

网格通常的作用是方便组织大量的内容,使其变得有秩序一些,想对来说比起无规则的设计方式,这个设计形式会更节省时间,而且也能起到很棒的设计效果。

c4dc585201d2a8012060c8d0462a.jpg

923c585201f1a801219c77af83b4.jpg

有时候设计的解决方案不一定是复杂的才是好的,一般情况下,要选择最符合内容的设计,几个排列简单规则的图形也能耳目一新,让人惊叹。

05.尝试单色调

单色调会很无聊?NO,看看下面的例子吧。地球日如何不一样的突出这么无新意的主题,单一的棕色调也可以使banner充满创意和质感。

如果你不想坚持只用一款颜色,也可以选用相邻色调的深浅变化来布局。

06.尝试大胆,色彩对比鲜明

如果你不确定哪些颜色冲击比较强烈,可以打破你的色轮,然后尝试互补色。你也可以去尝试过去不太可能的颜色组合,比如红色和紫色,这两种颜色虽然不是互补色,但也可以帮你实现对比度。

ee135852027da801219c772915aa.jpg

f982585202e7a801219c778561ce.jpg

07.与经典的颜色叠加

颜色叠加使用了一个简单的方法来使你的图片风格化。在一个单一的阴影颜色下使图片更加有层次。

bf9058520315a8012060c8f86c86.jpg

4f7058520353a8012060c856dec6.jpg

颜色叠加的图片上使用白色文字,会马上脱颖而出。而且也可以使你的设计最大的色彩化,并确保突出你想突出的文字,以上我们设计的死磕APP中就很大程度的突出了这一点。如果大家喜欢的话可以下载来看看,记得给我们一个好评哦~~

08.手写字体

手写类型字体的表现力是迷人的,如果在你的广告banner中加入手写字体的话,会显得很有个性且具有设计感。

e7ab58520380a8012060c845a823.jpg

48d2585203afa801219c7746a5c4.jpg

9.季节模式

有时候设计也会分季节和节日,像已经过去的万圣节,即将到来的圣诞节,都有它不一样的节日属性,而我们需要体现出它们不一样的风格。


俏皮的几何图形图案是体现节日属性的一种不错的选择,大家可以试试~~

10.显示,不说

你的产品你能用一百万种方式去描述它,但是如果你的客户没有看到实物的样子,就算你吹的天花乱坠还是不会买它,然而这个时候就是展示产品摄影的时候了。

这并不意味着切割出所有的副本。我们仍然包括在它上面。然而,我们的美味蛋糕旗帜内的主导因素。这并不意味着要删除描述你产品的语言,依然可以把文字放上面,但是产品本身的图片才是主导。

e654585234e3a8012060c8557ce4.jpg

[教程作者:sik研习社]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/Tutorial/ui3279.html
提高电商网站商品图片可用性的10个办法
年末福利!三种网页设计常见表现手法
图趣网微信
建议反馈