Banner是什么？是Banana吗？附油画案例分析和Banner制作工具推荐

您好，我是设计师文风。这期说Banner。

互联网时代，人们总喜欢来一些英文词汇。这样说和听，仿佛会显得更加高逼格些。

比如商标设计说成Logo、品牌口号说成Slogan、横幅广告说成Banner。

那么，Banner是什么？

Banner，本质上就是页面广告。它跟banana其实并无关系，唯一相同之处就是长。毋庸置疑，Banner一开始就是尺寸为横幅、矩形、长条形的广告。后来随着移动互联网发展，有了其他尺寸和形状（例如圆形、竖幅型等），也就不再局限于横幅型。一句话概括，只要电商网站觉得这个地方用这个尺寸合适，那么它就会展示出来。

说完尺寸，接着说要素。

Banner上面的要素主要有3个，分别是文字、产品和背景，其作用是展示新品或活动宣传。在电商网站上出现Banner，是很合理很有需要的，毕竟用户打开电商网站的初衷需求很明显，要么过来购物，要么过来随便看看。因此，看广告是刚需，没广告才奇怪。

另外一些非电商网站也会有Banner，那么它此时的作用就是展示活动信息或形象宣传。又或者是，用广告收入维持网站的部分运营费用。

而最不能接受有Banner的情况就是，好好用着一个软件的时候，忽然弹出一个Banner广告！这时候，无论Banner做得多么精美，用户还是会有逆反和厌恶心理，甚至想不开，一气之下连软件也一并删掉（装不装回来我就不得而知）。

所以，Banner的投放跟制作同样重要。它的根本作用都是为了吸引用户，促进点击率。只要用户点击进来了，才有下文，不然都是白搭，因此Banner要做得吸引。

这就让Banner的发展，从静态页面广告到动态广告、甚至往交互式广告方面进行。可以说，国内Banner是做得很好的，因为国内电商的大力发展使得电商设计得到了非常大的需求和进步。

在这个过程中，Banner尺寸也从PC端向移动端发展迁移，表现方向为：从PC端的横幅/竖幅小海报→手机端的小横幅→手机端的整版海报（例如课程海报）。

备注：数据图来自优设。

大家可以看见，PC端的屏幕尺寸宽度动不动在2000px以上，而移动端宽度目前主流也就1000px。可以看到移动互联网的发展，改变了Banner的表现形式，最明显的地方就是从PC端横幅矩形变成手机端小横幅或竖幅（也就是长宽比例在减少或倒过来）。再往后，手机端的小横幅不足以满足各种活动需求，于是有了全屏竖幅。

这很好理解，手机端几乎都是竖着使用界面，所以竖幅Banner的出现合情合理，不单是广告，连视频也在朝着这个方向探索发展，抖音的竖幅全屏不就做到极致（连通知栏的时间都给你隐藏掉了）？

备注：数据图来自优设。

以往PC端的Banner是这样的，很宽（这是我做的一个油画主页），那时候设计风格使用宽屏会显得很大气。那会，大家购物必须开PC，插网盾，大屏幕看大广告，长条形是比较合适的，可以展示更多信息。

到了移动互联网时代，大家习惯手机购物，基本就只有同行看同行的电商主页了。大家都说，不一定要把PC端做漂亮，甚至不一定要有，但手机端一定要有一定要做漂亮。比如小米有品是后来才有PC端，而拼多多现在都还没有PC端。

我们来看一下手机端的Banner怎么做？它一般是以这种小横幅广告的形式出现。标题、产品加背景即可。详细阅读《简约大方的茶叶详情页，应该怎么做？》一文。

到了近几年，手机端全屏海报越来越多，尤其是课程海报。面对这种全屏海报应该怎么做？可以阅读这一篇《如何做一张简单的海报？附海报设计封面》，其实海报、横幅、Banner在某种意义上，都已经是广告海报同一个意思了。

上面的内容来来去去就是标题文字、主体产品或人物和背景信息等等。

所以大家不用再纠结Banner的标准尺寸，因为它没有！意义！

重点是，考虑吸引！点击！突出信息！

你说未来手表端会不会有广告？肯定有，或者说已经有了，每个app的打开界面都是一个小广告。有些良心的，就app本身的广告，有些欠揍的，还会加一些奇奇怪怪的广告和一个倒计时跳过按钮。这种按钮需要你点击才能跳过，但其实，已经在看广告了好伐？这个跳过广告按钮的存在，是不是很搞笑？当用户是猴子吗？因此我每次都会用朱一旦的冷笑来等待它自动消失。

来，我们唱一句freestyle：Banner无处不在，尤其购物时代。很押韵有木有？

下面，推荐几个不错的做Banner的工具。

第一个，ARKIE。

第二个，Fotor。

第三个，创客贴。

第四个，Canva。

有需要的朋友去了解一下哈，这里不再做介绍，因为它没有给我广告费。

我更推荐你回看上面的几个栗子，油画、茶叶、课程，读读里面的文字，尝试分析这个Banner好不好，好在哪里，还有哪里需要改进等等。

多思考才是最重要的，这就要求我们在制作Banner前的第一步，不是打开这些工具。而是脑海里面想一下，重点要表现什么信息，怎么表现才合适？然后才是动手或者参考借鉴，最后修改定稿。

其实，Banner可以说的知识点有很多，行业里面已经有一个Banner话题大神写了厚厚2本书，另一个做字体的大神还在吐槽她为何这么能写？希望我们有一天也可以在某个领域成为大神。

如果问Banner跟Banana还有什么相似之处？好像真没有，同样以Ban开头？一个能看一个能吃？呃呃呃抖机灵用时方恨少-_-||

下期见。

也许对你有帮助，点击阅读：