如何做好一个 Banner?

做一个banner图需要哪些PS技能?需要用到哪些素材,什么步骤?
关注者
801
被浏览
349,223

32 个回答

在讲述如何做好一个Banner之前,我们应该先明确几个概念。什么是Banner,Banner的作用还有Banner应该有哪几部分组成。

什么Banner?

Banner 英文翻译过来其实是指横幅或者旗帜,可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。

Banner的作用是什么?

Banner 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。简而言之就是用来宣传展示然后提高品牌转化。

Banner 由哪些部分组成呢 ?

Banner主要由文案、商品图、模特、背景四项中的至少一项组成。

我们在日常生活中最常见的就是,这四项基本都具备的。比如这种

好了,我们已经了解完上面关于Banner的基础知识,下面就来说一说如何做好一个Banner吧!

一、信息传达准确

在做Banner之前,一定要把定位和图文信息传达保持一致,不要出现一个类似于保证Banner上出现的元素与想推广的物品有关,避免出现传达偏差的情况。

比如上图文具、校服、零食、玩具都是跟学校有关联的元素,文案部分也清晰明了的告知了要卖什么东西。

二、图文左右排版

当 banner 中需要包含具体的素材,如某位大咖、某件产品时,一般会选择左右排版。并且图文比例约为6:4(接近0.618的黄金比例)。

图片来源网络

因为文字可以帮助大家抓住重点或者说是关键词,而图片帮助大家了解针对对象。

来自网易云音乐

拿网易云音乐的这个举例,如果你把人物图片拿掉,留下的是文字——张韶涵,主题曲,歌名。大提会了解这个banner的大概信息。

而如果把文字图片拿掉呢?只有一张人物图片,人们不知道它是要去做什么。开演唱会?发新曲?有新闻?

没有人物图片,大家还是可以知道你想传达什么,所以文字比图片占比要大是合理的。

但是在做banner的时候一定要注意大家的阅读习惯,由于人们习惯的阅读顺序是从左到右,左边放什么意味着用户会先看到什么。当图片信息清晰时图片放左,先用特定配图吸引用户目光,再加以具体的文字阐述就更正常不过了。而如果把含义不清的配图放在左边,用户得看到右边的文字部分才能获得 banner 想传递的内容,这会导致用户接收信息时间增加。

三、居中版式

不知道大家发现没有,这种居中版式的banner总是会在电商大促的时候被频繁使用。比如我们常见的双十一、双十二等重大促销节点,都是它们出现的时候。

而这类版式的文字特点是,一级标题与二级标题的比例大概是2:1,在突出重点关键词的同时还可以照顾到细节,两边的空余也方便添加其它物料,对于在大促期间想抢占地盘的商家来说,居中版式确实是不错的选择。

四、字体合理选择

现在市面上常见的两种字体分别是衬线字体和无衬线字体(对应黑体系列和宋体系列),可能有人会说最近流行的各类名人手写体怎么算,这个我们会在后续进行单独说明。

衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。比如这种——

无衬线体是无衬线字体,没有这些额外的装饰,而且笔画的粗细差不多。比如这种——

相比严肃正经的衬线体,无衬线体给人一种休闲轻松的感觉。随着现代生活和流行趋势的变化,如今的人们越来越喜欢用无衬线体,因为他们看上去“更干净”。

对于衬线字体和无衬线字体的选择,可以根据自己的品牌调性确定,如果是偏文艺古典,可以参考严肃正经的衬线字体,如果是相对活泼时尚无衬线字体就是很好的选择。

当然也可以二者结合,只要保证信息传达正确,关于设计想你所想。

比如这样

至于手写字体,比如尚巍手书等,因为格式的不拘小节,整体更偏张扬,适合需要夸张效果的使用场景。

《悟空传》宣传

五、颜色的选择

根据品牌风格和banner使用场景的懂,那么颜色选择也不尽相同,大体上我们可以帮助颜色进行分类。

黑色:黑色是一种代表品质、权威、稳重、时尚的色彩,同时也含有冷漠、悲伤、防御的消极情感。
白色:传递一种简单、纯真、高雅、精致、信任、开放、干净、畅快、朴素的情感。
灰色:代表睿智、老实、执着、严肃、压抑的色彩。
红色:传递喜庆、自信、斗志、权威、性感的情感。
绿色:是自然界中最常见的颜色,代表生命力、青春、希望、宁静、和平、舒适、安全的情感。
蓝色:是三原色中的一种,代表永恒、灵性、清新、自由、放松、舒适、宁静、商务。
紫色:是一种代表优雅、浪漫、高贵、时尚、神秘、梦幻、灵性、创造性的颜色。
黄色:代表阳光、青春、活力、时尚、尊贵、年轻轻快、辉煌、希望的颜色。

在心理学范畴内,每个颜色背后都有着自己的意义,而根据这种颜色默认的含义,在制作banner的时候就可以慎重考虑。

你想做活泼的就慎重使用黑色,你想要严肃的就避免使用橙色或者黄色。

文艺风的就去选择饱和度不高的莫兰迪色系,舒服且温柔;

销向的就去用饱和度高的艳丽色系,显眼抓人……

六、其它

文案:

文案简单粗暴,直戳重点,不要出现字数过多或者过少的情况。字数过多会分散重点,字数过少会让人get不到重点。

重点词:裸妆+低至39元

装饰元素:

如果觉得banner过于单调,可以适当加入一些元素,但务必保持和主题一致,不要出现这种标题是高腰裤结果元素重点聚在鞋子上还有橙子的出现是什么鬼?的错误。

写在最后:

对于Banner 设计来说,最基本要求是要做到信息传达准确,而后才是设计的好看或者有创意。如果你觉得这些做起来过于麻烦,对于PS又不够熟练,那不妨来到Canva,我们拥有海量正版版权素材,提供多种场景的banner模板,让你的创作不再艰难~

最后记住一点,所有不可以下载版权授权书的素材全都是侵权耍流氓!

==========我们是Canva=========

精彩设计,随时随地。

海量模板,尽在Canva!

→戳这里即刻拥有超级简单易用的平面设计软件 - Canva

Hello,下面这视频是创客贴出品的晓设记,这一期的主题就是如何制作一张实用的banner图


如何制作一张实用的广告Banner图_腾讯视频https://v.qq.com/x/cover/r05079lnjsl/r05079lnjsl.html


文字稿:

这个方法适合广告横幅,也适合网页中广告条幅的设计,包括微信中的文章封面等图片。我们最终想要的主要的效果就是足够吸引人,简化图片-减少设计中的元素数量就是其中的一种方式,通常这种做法能够使设计更加醒目。


我们来看下这张挂在天花板上的横幅,包含了很多东西,logo、毫无疑义的矩形、一个非常引人注目的图片和很多的文字,这张横幅让人看起来眼花缭乱,横幅设计者想要向顾客传达的信息非常多,多得有些过了头。


下面我来提供一个解决方案,首先我们把这块矩形去掉,然后我比较习惯将吸引人的图片放在右侧,根据第一期讲的保证背景和图片边缘的颜色一致,这里本身就是相同的颜色就不需要修改了,左侧留下了大片的空白区域,能够让我们将文字放到最大最醒目,接下来作为一个吸引人的广告牌,将之前的文字筛选、保留重要部分即可,放上你的标题,然后是次重要的介绍性的内容,还可以进行一些简单的修改,这样就完成了。


把两个横幅放在一起比较的话,我们就能看出两者间巨大的区别,我们把它放到实景中,区别就更加明显了,简洁的设计会有更吸引人的效果


另外,针对电商banner还有一些其他的建议


关键词:大牌、稳重


◆ 说道大牌,我们感受一下:


1.背景大量留白

2.色彩单一、常见黑、白、灰作为主色(因为这些是无色彩,它的存在只为凸显主题)

3.商品或模特一定要够大(不是指字体或logo),截取部分细节展示

4.不需要太多文案描述,有时候只需要一个logo摆在那就好

5.需要说明的是这种高冷的比较适用于数码电子产品,奢侈品牌等,彰显bige


例如:



关键词:时尚、品质感、促销(时尚感大于促销)


◆ 是既时尚又促销,不是既大牌又促销!!!就想你说一个人好时尚,时尚不一定花大钱就可以达到,而大牌真要画大价钱才能达到


1.注重排版,文字规整排版,比如左对齐、居中对齐,不会去最一些怪异的字体变形,而是有个着重突出的文字信息作为一个面,压住全局,适当留白。

2.色彩不会太多,三种最多(商品是五颜六色的除外),商品邻近色取色,着重突出的文字信息用反差比较大的颜色。

3.商品角度要好看,品质要高(45度或俯视或平视)。

4.一般会有主标题、副标题、利益点这几个信息,利益点要大大大。

5.适用于美妆相关的美妆护肤、男女鞋箱包、饰品、食品、母婴也会有


例如:



关键词:可爱、热闹、亲和力


◆ 适合食品、可爱服饰、母婴用品等,因为这些属性跟商品是相符的,给人一种可爱、可口、亲和力的感觉


1.商品很多,画面比较满,会有很多小色块,手绘图形什么的点缀

2.色彩丰富,配色柔和,偏暖,给人热情的感觉

3.会有某一个特别突出的信息,但整体画面又注重整体的和谐

4.总之,画面不会有攻击的


例如:



关键词:素雅、安静、大面积留白、文艺、简约


◆ 适合家居、茶艺、布艺、女系、文艺、日系服饰鞋包


1.炒鸡大面积留白,东西都小小的

2.色彩单一,以浅灰色、淡蓝色、米白、棕色、饱和度和纯度低的绿色等色彩居多

3.文案要么很少,要么很多,但都是打动人小情绪的一些文字,并且小小的放置在画面里


例如:



关键词:促销(比较diao的促销)


◆ 这种比较适合商家店铺banner图或实体店促销招牌,因为你本身就处在店铺里面,鬼才知道你要卖什么啊!


1.形式感,大大的sale和大红背景告诉你,人家是促销

2.就是不告诉你我要促销什么,你来猜啊,你来点我点我我才告诉你答案哦

3.总之,这种要么为了吸引有点好奇心的消费者,要么吸引已经是老顾客的消费者,运用在实体店比较常见



创客贴_在线平面设计工具_海量平面设计素材免费使用