平面设计学习



这样设计淘宝电商banner,网站广告图片提升点击率

时下电商的竞争越来越大,店铺界面不仅仅要美观、大气,更要具有营销意义,让用户进来的第一眼就能get到你家的与众不同。banner在整个店铺页面中显得尤为重要。下面,我们就来分享一下,如何设计具有营销的banner,提升用户的点击率。

1秒钟获得内容,诱惑难敌

曾有人做过统计,用户浏览网页时在一个位置停留的时间不会超过8秒,快的也就2-3秒,尤其是在产品图、banner图上停留的时间更停,如何在有限的时间,让用户对您所设计的图片内容感兴趣,触发点击,这个可个经验活。下面,我们分享几个实例。
资生堂产品banner设计资生堂产品banner设计
京东超市周年庆banner设计京东超市周年庆banner设计
天猫超市进口牛排banner设计天猫超市进口牛排banner设计
红米note 5A手机banner设计红米note 5A手机banner设计
从上面的案例中我们不难发现,有效提升点击率的banner设计用的方法就是1秒钟让用户得到重点,给用户难以敌挡的诱惑。像开猫超市进口牛排,重点是产品,诱惑是价格。用大标题的形式让用户可以一眼发现主题,看到诱人的价格,喜欢吃牛排的想必都会点进去一探究竟。
建议在banner设计中不要做阅读型的设计,因为用户没有时间,也没有兴趣去在一张图片上看一堆文字。如果要将产品的特色、优势放在 banner上展示也不是不可,但要注意技巧的应用。大家可以参考第四张案例,小米手机banner的设计,一张banner图传递了五个讯号:产品、产品特点、价格、购买链接、使用感受。
接下来,给大家介绍三种常见的高点击的banner设计版式。

1、左文右图式


左文右图式的文案排版非常经典,主标题字体粗,副标题字体细,上下主次分明,形成对比。
文案四四方方构架非常稳重,平衡。
banner设计技巧点击使用banner模板

2、左图右文式


左图右文式的排版也是淘宝BANNER中十分常见的,字体也是上粗下细,上大下小。下面的促销部分突出价格。
banner设计技巧

3、两边图中间文字的排版


在淘宝BANNER的设计中,也经常用文字在中间的排版,产品图一般是一边近景另外一边是远景,产生对比和呼应。同时文字在中间使得信息更加突出,让客户第一眼就能看到。
banner设计技巧点击使用banner模板

4、半透明框框的排版方法


在背景图比较复杂的情况下,文字直接打上去会显得太乱,所以我们可以直接画一个半透明的框框,如图所示。然后再在里面排文案,同时这样也可以增加画面的层次感。
banner设计技巧点击使用banner模板

5、斜切式构图


在淘宝BANNER设计中,斜切式构图会让画面显得时尚,动感活跃,但是画面平衡感不是很好控制,一般斜切式的文案倾斜角度最好不要超过30度,不然得歪着头阅读。另外根据阅读习惯,文字一般是往右上方的倾斜,文字这样有一种上升感

关于配色


刚开始做设计遇到的另外一个难题就是配色了,关于配色的技巧有很多,常见的有对比色,临近色,冷暖色调搭配多种方式,关于配色知识有很多,没有思路的时候大家可以去百度找一些配色色谱网站,还可以利用一些小工具如Kuler等。
我这里说一个最简单的方式,也是一种最快的方法。就是直接冲产品图上取色。

举个例子

根据模特身上的主色调确定文案颜色
这样设计淘宝电商banner,网站广告图片提升点击率
选择合适背景+添加适当装饰
这样设计淘宝电商banner,网站广告图片提升点击率
这样设计淘宝电商banner,网站广告图片提升点击率

在线制作banner

总结 在电商的BANNER设计中做好板式的平衡感,画面的饱满以及不同物体之间的对比关系。比如文字中大小对比,粗细对比,模特的远近对比等等。想要提升banner的点击率,除了设计到位,文案、内容也很重要。文案要有感,切忌自嗨。
什么叫文案有感,简单的说就是让用户认同你所说的。

 在创客贴创建一个具有营销性的banner。

相关推荐

【设计技巧】创客贴海报制作如此简单,在线制作海报还能印刷

【设计技巧】超漂亮的PPT模板,竟是这么做出来的

【设计技巧】名片设计用创客贴,在线免费设计名片

【视频教程】平面设计文字间距的设置技巧

【视频教程】掌握这4个海报设计技巧,做出来的海报就是精美

【视频教程】三折页设计制作视频教程

【常见问题】名片设计标准尺寸及注意事项

【常见问题】制作广告宣传单页用什么软件?