banner设计模板-banner图有什么模板吗？怎样的设计算好？

Banner本身是横幅的意思。在App中,banner是一个非常重要的资源位,是一个页面中最吸引眼球的地方,也是流量较大的位置。

Banner通常采用图文结合的表现方式,用于展示重点内容,也常被作为广告资源贩售。

1.  确定更新频次

根据banner的位置确认更新频次。通常流量越大的banner更新频次越高。尽量做到日更,最多不应超过三天。

如果banner的流量很差,运营辛辛苦苦做的上去的内容没有流量,就需要积极和产品经理反馈沟通,从banner的位置设计、展示入口方面进行改善。

2. 确定栏目

我给我运营的产品banner设置了如下三类栏目(1)优质内容展示 (2)用户互动专题 (3)重点推广的产品/商品。

每周的banner展示尽量涵盖以上三个栏目,以保持内容的灵活性和新鲜度。提前一周准备好banner内容并确定排期。

3. 通过排期表进行管理

1. 统一设计模板

下图是某酒店App的Banner位今天展示的三幅banner

虽然每一幅的图象都有精心设计过,但看起来很乱。这种风格我不喜欢。 Banner呈现的内容和视觉效果,影响着整个产品的调性。 所以我认为 大部分的banner应该有统一的设计风格。

比如以下产品的banner,基本采用了统一模板。

以上app都对banner做了模板化设计,整体看起来更加划一和清爽。有了统一模板后,也不需要每次更新banner都请设计去做图了,运营可自行修改文案和配图即可。

所以, 常规栏目的banner设计模板 很重要。需要和设计沟通,确认以下:

(1)banner的整体视觉风格,选择背景图的色域范围和图片风格 (这里一定要注意图片的版权问题)

(2)文字的排版方式,确认字体、字号、颜色和位置。

有了这个模板做基本保证,运营可以快速的做出合适的banner图了。

另外还需要注意的是:

(1)定期更换模板,避免审美疲劳。

(2)除固定模板以外,也接受多样的设计方式。仍要注意设计风格的统一。

主要有以下几种情况可以借鉴:

多用黑体字、文字层级清晰、有对比会让字更大。

相信很多人在给甲方做设计的时候,最容易听到的一句话就是,“字不够大”。有些设计小白默默把字号调大了,但还是达不到甲方想要的效果。这时候就要注意了,甲方说的字要大不一定是要调大字号,而是想让图片中的文字主题更突出。当没有人物进行对比时,把次要信息的字号调小,让文字的层级更分明,也会显得主题字比较大。使用黑体以及黑体的变形能让字显得厚重,从而显得更大。除了黑体,和黑体类似的“厚重”字体也能达到更大的效果。

2.

低饱和度色、有衬线的细体字、适当留白会让设计更高级。

当甲方说“不够高级”,翻译成平面设计的语言无非就是要克制。配色上的克制,就是多用饱和度低的颜色,比如莫兰迪色系、或者就是黑白灰加金色点缀。在字体上的克制体现在细体字和带衬线的中文宋体字上,这两种字体也是各大奢侈品牌的最爱。除了颜色、字体,版式上的高级感就主要体现在版面的留白上,有高级感的设计不会用元素填满整个画面。

3.配色鲜艳、元素丰富、版面满都可以让设计更有丰富感。

今天我看了一个韩国的模板PSD,分析了一下banner的制作。

先看一下成品

我设计banner的时候经常就找一张合适的照片,再加上文字就OK了。很少会拼凑一些图

就算是拼凑的话也基本就是拉个渐变把两张图凑在一起

但这次来看看韩国的banner是怎样设计的

首先我来一个一个的分解

这是最后面的背景图,蓝天白云,接下来

在原来的基础之上就加了一层的白云,这次是把第一层反转过来,变亮处理

接着在左上角添加一张抠好的树的图片,是用来遮挡住房子的上面

接下来把抠好的.房子放在树的上面。我说说这个房子,仔细看就是一个普通的照片,一点特殊处理的都没有。 看来韩国的banner主要是靠拼凑做出来的,首先考验的就是拼凑的技巧了。

再接着看下一层

这个草地照片是很好找的,XP的默认壁纸就是这样的,稍稍的挡住一些房子底部的街道,接着为了添加小道来做准备

这个小道的加入为房子和整个画面增加了很强的立体感

最后在小道的旁边再加入一个小树的图层

设计师很细心的在小树底下加上了一层阴影

最后加上右边的大树与文字,整个banner就设计完毕了。

从以上的分析可以看出,设计师可以按照网站表达的出题自行拼凑出一个banner出来。

首先注意抠图的技巧,大树的叶子与小道两边的草就比较难。

经过多次练习可以更好的掌握这种banner的制作方法。有助于我们将来设计更具特色的banner。