当前位置:网站首页 > 探索网站设计BANNER图设计的技巧与精髓有哪些?
探索网站设计BANNER图设计的技巧与精髓有哪些? 2019-11-19 17:01:03

  首先我们要了解Banner的作用是什么,郑州网站建设公司设计师认为一个漂亮成功的的BANNER图一定是可以起到宣传/展示/广而告之/准确传达信息的作用,所以对于网站来说,是一个网站的灵魂,据统计发现,打开网站之后,通过banner图获取信息能达到60%以上,更直观的给用户传递信息,所以banner图设计的成功与否直接关系到用户黏度的高低!

  下面我们一起来了解以下banner图的构成包含:产品 + 背景 +文案 +点缀(可有可无)这4部分组成!

  设计师在做设计的时候要明确BANNER图的风格定位,选好定位关键词很重要

  促销、喜庆、高端、简约、俏皮、活力、时尚、复古、特定点缀元素(以表达某些节日或季节)等等,但是,这些关键词往往是一个或组合多个同时出现在一个banner图里,吸引点击。以下我们看一些案例:

  关键词:高端、沉稳

  说到高端大牌这类的风格,一般可以总结出以下几点:

  1、主背景大多留白十分合理;

  2、色彩相对单一化,一般常见黑色、白色、灰色作为主背景色(色彩单一、浅调,就是为了能够更好的凸显主体产品,把吸引点聚焦到产品本身上去);

  3、产品或模特占比相对大,往往多颜色多角度、内部构造或截取部分细节展示(因为就是凸显做工);

  4、不需要太多文案的修饰,化繁为简,有时只需一个logo摆在那就足够彰显品牌;

  5、往往这种高冷风的banner图比较适用于数码电子产品,奢侈品牌等,彰显其品牌或产品品质。

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

  有以下几点:

  1、注重文案的排版,文字排版规整有序,比如左对齐、右对齐或居中对齐,不会采取字体变形达到突出的目的,而是有一个着重突出的文字信息放大形成一个聚焦的视觉焦点;

  2、色彩较为丰富,当然不建议用色过多,一般3种左右(当然如果产品本身就是颜色较多的情况下就适当调整了),而配色参照产品本身或邻近色来提取,只有某一个需要突出的文字信息才会用对比反差比较大的颜色,比如折扣促销信息或重要的功能信息;

  3、产品的角度展示好看,会给整个banner增色不少,当然产品的品质也要尽可能地高(常见产品角度:45°角,俯拾,平视,多颜色多角度的组合);

  4、文案这一块一般都会有主标题、副标题、利益点这几个文案信息,利益点要注重比例;

  5、这种banner一般比较适用于与时尚相关的美妆护肤、男女鞋箱包、配饰、食品等,偶尔母婴类目也会有。

  关键词:可爱、热闹/喜庆、亲合力

  这种banner比较适合食品/零食类、偏可爱的服饰类,母婴类,因为这些关键词的属性跟这些品类的特点是一致的,要给消费者可爱、可口、甜美、极具亲和力的感觉。

  这种banner分析一下会发现有以下几点:

  1、产品很多,画面比例较满,会有很多小色块,手绘图形,卡通等的点缀,使画面不会过于单调;

  2、色彩较为丰富,配色柔和,偏暖,给人热情的感觉;

  3、会有某一个着重要突出的信息,但是整体画面又注重比例的协调。总之,整体画面感觉是不会有攻击性的,是友好热情的、具有亲和力的。

  关键词:促销,形式感佳(促销铺货的目的性更强)

  这种banner比较是适合店铺内清仓掉一些断色断码的产品之类的尾货、节日或大型活动的促销活动,对于品类的要求没有过多的限制。

  这种分析一下会发现有以下几点:

  1、要么文案超级多,要么产品种类超级多,要么文案和品类都超级多;

  2、色彩丰富、留白较少,注重文案排版,产品的选择上需要注意颜色和形状的选择,有利于组合排版;

  3、极其醒目的sale或价格信息,就是以吸引消费者购买为目的,营造促销感极强且便宜的氛围。

  总之,它就像线下商店里面热情的促销员,同时打扮的很亲和,拿着喇叭喊:本店全场清仓大甩卖啦,快来看快来瞧啊,你买了不吃亏,你买了不上当啊!

  重点来了,上面说了这么多例子,我们会发现,一个banner图就是由以下几个元素组成:

  在一个优秀的banner图里面,产品或模特、文案信息使很重要的!

     
 

  下面分享几个几个banner图设计技巧:

  1、Banner图一般不可能是纯文字或纯图片,它需要一些适当的点缀,比如如果是天空背景图,就会加上白云或者落叶来烘托氛围,如果是产品展示图,就会加入文字介绍来突出产品等,总之不管这些点缀是什么,它们都应该与图片主题相关。

  2、留白设计也会被用到banner图的设计中去。为了使banner图中的主体更加突出,我们就会使用留白来减少一些不必要的干扰元素,比如将背景换成全白、全黑或者浅色纹理,这样都可以帮助用户将注意力集中在主体上。

  3、当采用实景图片来作为banner图时,就要注意图片的高清性以及文字的可阅读性,其中突出文字的方式有很多种,比如采用背景涂抹加虚化处理图片、文字背景使用半透明层色块、使用暗背景搭配亮色或者深色文字等等。

  4、也有一些网站制作中的banner图使用的是合成背景图的形式,比如将产品置身于林海中等,这样的图片比较炫酷,但是也比较复杂,要求要有专业的图片处理人员才能完成。同时,合成banner图时要注意围绕产品的特性和网站主题去营造相应的氛围,这样可以让图片更加自然。

  5、如果是使用“纹理+产品+模特”的方法来设计banner图,那么就要以文案和产品为主,在不干扰文案和产品的前提下加一些纹理进行装饰,可以使画面更有质感、更加细腻。这种设计方式常见于促销页面中。

分享到:


Powered by © 2014-2018  郑州腾翔科技有限公司 版权所有    | 豫ICP备18030680号-1 网站地图     xml   营业执照   

相关搜索:郑州网站建设公司  郑州做网站公司  郑州网站SEO优化公司  郑州网站建设公司  郑州优化推广公司  郑州网络推广公司哪家好  郑州SEO优化推广公司