谷歌推广山东代理商告诉您一个好消息!谷歌推广广告赠送3000 元广告赠金,谷歌广告优惠券优惠名额有限,领完即止!  点击获取广告金
外贸海外营销知识
多一份方案,多一个参考,联系我们获得专属《外贸网络营销推广建站方案》及报价

网站设计中banner设计小技巧

浏览数量: 643     作者: Banner设计     发布时间: 2019-02-13      来源: Banner设计 询价

   Banner是我们最常聊到的设计元素,它是一个网页的招牌,是用户最容易看到的视觉元素。今天,我们来聊聊Banner中的急先锋,网页banner(首图),它的设计之道。

Banner

网页设计设计过程中,banner图是整个网页中,图片面积最大,位置最显眼的区域,甚至一个好看的网站就取决于banner的设计。

现主流banner的尺寸主要是分为这三种,

1.显示位置是固定尺寸的,比如1200*560,1200*360

2.显示位置是居中的,比如1920*560,其实主题显示的内容是1200*560,用这种尺寸只要是正对大屏的显示器,两边不会显得很尴尬,也是现在的常用的尺寸

3.显示位置是整个屏幕,比如1920*1000

banner的设计和海报设计其实可以统称成一样,设计的原理还是相同的,只是banner要考虑整体网站的结构,是否协调,设计上相对平面设计要简单很多。

我这里的设计方式是一张好看的背景图,合理的元素,漂亮的文字效果,颜色的统一,合理的搭配我觉得就可以了。

banner最头疼的地方主要是版面的排版上,

常用的banner排版,有这几种:

1是居中型,不光是文字还是图标,图形,居中显示在内容的中心部分,这种设计对于宽度不宽,但是有点高的海报比较合适,如果是网页banner就要考虑背景图片和元素的融合,因为你不能让元素占满整个空间。

2两端对称型,文字和元素相对

3,叠加型,主要是元素背景和文字信息之间有个层叠的效果,通过阴影,底纹,将整体风格表现出视觉上的立体感,

我们在设计的时候,不要把整个空间都占满,适当的留白让作品看着更舒服,元素和文字大小的比例也很重要,一个漂亮的背景图片也是不可或缺的的组成部分,我在在做图的时候,总是觉得很死板,原因的话,可以分为这几种:

一个是背影颜色土,背景图片不行,字体太普通,元素太单调,一东西天多,感觉狠花等等,我们在设计字体,元素的时候可以通过阴影,样式,变形,渐变色让元素活动起来,背景图片,通过模糊,颜色的明度,来搭配,字体可以通过底纹,边框,变形,高光来让字体动起来;

网页设计师都明白,网页对于用户的第一印象是非常重要的,而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样,但是出于视觉化设计的目的,大多会使用大图背景,或者超大尺寸的Banner。当用户一打开网页的时候,映入用户眼帘的Banner ,是影响视觉设计的关键因素