当前位置:网站首页 / 建站知识 / 网站设计知识

如何设计出让人赞叹不已的BANNER图?

时间:2017-01-04 08:49来源:万诺达网络
一张banner图如果设计的好,瞬间能给网页增色不少。当然,banner不比大型项目,从设计成本上来讲不可能给太多的时间给设计师,所以这就要求设计师能够更有效率地完成一个网页banner图。那么如何设计出让人赞叹不已的banner图?

1、既然要开始设计banner图,那么第一步就是要确认设计风格,通常有时尚风、复古风、清新风、炫酷风、简约风,不同的设计风格其字体、色彩、排版、布局、点缀、样式也各不相同。当我们把banner设计风格确定后,就可以开始进行下一步设计了。

2、确定banner图的设计风格后,我们就可以开始进行构图,构图是一个banner设计中最基础的部分,构图就相当于我们盖房子的框架一 样。我们构图时通常是文字与图片的排列方式:左字右图,与左图右字,是banner图中经常使用的一种方式,这种最容易掌握,而且中规中矩,不易出错。当 然,我们需要根据素材图片的构图和走向确定图片是适合放在左边还是右边;除了左右结构外,还有左中右构图的方式,也就是左图中字右图或者左字中图右字的方 式,通常构图更加丰富饱满,但是这可比简单的左右结构复杂多了;还有上下构图,及不规则构图方式,文字作为主体居中方式,这些构图方式都不好掌握,当然如 果设计师功力好,能够把握的很好,那么这种版式将会非常丰富,给人眼前一亮的感觉。

3、色彩,是一个banner图最重要的元素之一,要从几千甚至上万的色彩中选择合适的配色非常不容易,需要设计师有足够的经验才行。色彩是有 情感的,不同的配色会带给人完全不同的心里感受。所以当你在做banner的时候 就要考虑你想要表达什么样的情感,想让用户看的时候有什么样的感受,你所表达的情感是不是符合主题内容,基于这些出发点再来做banner的配色就更加的 有目的性了。不过配色也有小技巧:我们可以把素材黑白化,再根据文案和人物的气质选取一个合适的颜色;或者从素材里面直接吸取合适的颜色,再调节饱和度和 明度,调出一个基本色,再取基本色的对比色、近似色等等作为辅助色。这就和人搭配衣服一样,有色彩呼应,这样呈现的效果更加和谐。

4、banner图中字体的选择也非常重要,每种字体都有自己独特的气质,使用的场合各不相同,例如粗犷硬朗的字体、纤细柔软的字体、童趣活泼 的字体、古色古香的字体、酷炫动感的字体……字体的气质和画面的气质要一致,这样画面看起来才是一个和谐的整体。我们可以选择系统自带的字体,或者如果功 力很强的话,自行设计字体也非常好。

5、除了传统的文字、色彩、构图之外,我们还可以给banner图加上一些装饰元素,就像装修房子一样,摆上一束花,挂上一幅画等类似,点缀装 饰会让整体更加和谐,更有趣味性。点、线、面,或者一些手绘的元素,通常应用于banner图的装饰,会让画面更有细节,更有设计感。注意:装饰不能随便 乱加,加什么装饰,要看设计师的目的,而不是盲目地为了加而加,加任何一个元素,都要有它存在的意义。

我们给网页设计banner图时,要懂得把优秀的版式、字体、配色、装饰等等运用到我们自己的设计上,这才能设计出让人赞叹不已的banner图!