外贸网站建设与推广服务首选山东支点网络,十年外贸建站经验,客户遍布广州、深圳、上海、北京、杭州、厦门、福州、宁波、青岛、济南、石家庄等出口城市。

SSL证书

网站设计中banner设计小技巧
首页 » 新闻中心 » 网站设计 » 网站设计中banner设计小技巧

网站设计中banner设计小技巧

浏览数量:621     作者: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 ,是影响视觉设计的关键因素


内容为空!

我想了解

搜索引擎优化

阿里旺铺装修

微信客服

快速联系电话

 Copyright © 2010-2021  山东支点网络科技有限公司            鲁ICP:备15017489