网站banner就是在网站首页最显眼的位置的几张轮播图,一般来说,大多数企业网站都是有banner图片的,banner图片一般来说要定制去跟换,让用户觉得你这个网站是有人更新的,那么,banner图片的设计应该注意些什么问题呢?今天小编就来跟大家讲一讲。
1、banner图片的尺寸
banner图片的尺寸有哪些注意事项,首先要注意的是,每张图片的尺寸要保证一样,如果每张图片的尺寸不一样的话,可能会造成页面布局的错乱,因为每行图片的尺寸不一样,banner图片在切换的时候就会出现高低不一致的错乱。一般来说banner图的宽度都是1920,因为大多数显示器的分辨率都是1920,我们的banner图设计成1920的宽度才会最大程度的让图片不变形。其实,banner图的宽度在代码里面一般都是要写成100%,自适应屏幕的宽度,我们只需要保证每张banner图的宽度和高度都是一致的,那么就不会出现变形拉伸的效果。
2、banner图大小压缩
一般来说,一张banner图从设计师的手里做出来,它的大小是很大的 ,这里说的大小不是指图片的尺寸大小,而是说图片占用空间的大小,就是多少M,多少KB那个东西,设计师为了图片的清晰度,为了图片的一些效果,做出来的原图一般都是很大的,有的有几M那么大,有的有十多M那么大,这个是我们如果把原图上传到网站上面,用户在打开页面的时候,图片加载就会很慢,可能半天都加载不出来,所以说,我们在上传图片到网站上的时候都需要先压缩一遍,尽可能的缩小图片的大小,但是有个前提就是图片的清晰图不能太低,要在保持清晰度的情况下进行压缩,一般来说,压缩到两三百KB内就可以了。
3、注意banner图的文字布局
我们很多企业网站的内容区域都不是全屏的,就是说,网站的两边都是有留白的,这个留白很多情况下都是被用来放置一些漂浮的窗口,比如网站客服的浮窗,联系方式的浮窗等等,这个浮窗的位置有些正好在banner图的位置,如果说你的banner图上面的文字设计到两边的话,就可能会被浮窗挡住,所以说,我们一般都把banner图的文字内容放到banner图的中间,两边一般用背景色渐变填充,这样,在网站两边的弹窗就不会挡住banner上面的文字内容。
4、banner图的数量不宜过多
看到有一些网站的banner有很多,一般来说,网站的banner图控制在3张以内就可以了,因为每张banner图切换都需要几秒钟,如果太多的话,用户可能根本就看不到后面的,所以,banner图的数量不宜过多,而且需要注意,把重要的放在第一张,可以提高曝光量。
重庆网站建设、重庆网站开发就找天果网络,天果网络用心服务好每一位顾客。