这样设计淘宝电商banner,网站广告图片提升点击率
时下电商的竞争越来越大,店铺界面不仅仅要美观、大气,更要具有营销意义,让用户进来的第一眼就能get到你家的与众不同。banner在整个店铺页面中显得尤为重要。下面,我们就来分享一下,如何设计具有营销的banner,提升用户的点击率。
1秒钟获得内容,诱惑难敌
曾有人做过统计,用户浏览网页时在一个位置停留的时间不会超过8秒,快的也就2-3秒,尤其是在产品图、banner图上停留的时间更停,如何在有限的时间,让用户对您所设计的图片内容感兴趣,触发点击,这个可个经验活。下面,我们分享几个实例。



建议在banner设计中不要做阅读型的设计,因为用户没有时间,也没有兴趣去在一张图片上看一堆文字。如果要将产品的特色、优势放在 banner上展示也不是不可,但要注意技巧的应用。大家可以参考第四张案例,小米手机banner的设计,一张banner图传递了五个讯号:产品、产品特点、价格、购买链接、使用感受。
接下来,给大家介绍三种常见的高点击的banner设计版式。
1、左文右图式
左文右图式的文案排版非常经典,主标题字体粗,副标题字体细,上下主次分明,形成对比。
文案四四方方构架非常稳重,平衡。

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

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

4、半透明框框的排版方法
在背景图比较复杂的情况下,文字直接打上去会显得太乱,所以我们可以直接画一个半透明的框框,如图所示。然后再在里面排文案,同时这样也可以增加画面的层次感。

5、斜切式构图
在淘宝BANNER设计中,斜切式构图会让画面显得时尚,动感活跃,但是画面平衡感不是很好控制,一般斜切式的文案倾斜角度最好不要超过30度,不然得歪着头阅读。另外根据阅读习惯,文字一般是往右上方的倾斜,文字这样有一种上升感
关于配色
刚开始做设计遇到的另外一个难题就是配色了,关于配色的技巧有很多,常见的有对比色,临近色,冷暖色调搭配多种方式,关于配色知识有很多,没有思路的时候大家可以去百度找一些配色色谱网站,还可以利用一些小工具如Kuler等。
我这里说一个最简单的方式,也是一种最快的方法。就是直接冲产品图上取色。
举个例子
根据模特身上的主色调确定文案颜色


在线制作banner
什么叫文案有感,简单的说就是让用户认同你所说的。