029-81773686

宏 · 新闻

当前位置: 首页 > 宏 · 新闻宏博观点  

背景图片在网站建设中的运用

2015.10.31

我的网站要高大上,殊不知西安建站网页设计师只是稍微换了一下背景瞬间感觉就不一样了,客户连连称赞,这就足以看出来网页背景起着很重要的视观作用。然后现在的用户使用的PC端显示屏大小不一,对网站页面的分辨率有所差别,制作这种图片背景的网站也是个技术活,从图片的选择、尺寸的设置以及与网站主题内容的风格融合等,对于美工来说,都要下一番功夫,其次对于大图背景网页在网站的建设过程中,也会涉及到各种兼容以及显示等问题需要程序解决。所以如何运用得当还真是一个技术活。图片背景在网站建设中的运用原则


1、可以突出主风格


1.jpg


利用大图设计网站背景,并不是随随便便拿张觉得漂亮的图片就能做背景,首先图片要与网站富有极强的相关性,与网站定位保持一致,其次是展示出网站的风格色调,尤其是体现在颜色搭配方面,如果图片已经满足了其它方面,就差色彩与主题的融合的话,可以通过改变图片的明暗,色彩饱和等来平衡网站的整体风格特色,避免出现与主色格格不入的现象。


    2、可以突出特色


2.jpg


网站不管是通过何种方式来增加特色,都是围绕着用户体验来实现的,使用图片作背景也即是其中一方面,除了用色彩刺激用户的视觉感,其次就是通过独有的网站特色来吸引用户,那么网站特色背景的设置有时候是一种品牌印象效应,能够更快速地记住你的网站,并且使得用户更有兴趣浏览网站的更多内容。


    3、图片和页面的位置


3.jpg


采用图片背景,如果网页与图片的显示不与完全融合的方式实现的话,那么背景图片和网页的位置要考虑相对位置的实现,随着显示屏大小的变化,相对位置保持不变,如果网页没有与背景图片协调好,不同的设备打开网站,其页面与大图背景产生混乱,如图片靠左,页面靠右,则会给用户带来不好的体验,违背了运用图片背景建站的初衷。


     4、网页的焦点图片建设


4.jpg


虽然使用图片背景建网站更有气势和吸引力,但是要时刻注意用户的注重焦点,这样做的主要目的是让用户更多的浏览网页的内容,而不在于研究背景的大图,所以焦点始终是要放在网站的重点内容上,记住背景只是一种衬托以及对网页的点缀,对网页背景图片的美化也要适可而止。


    5、图片运用和谐


5.jpg


上面已经说到,图片背景使用最重要的一点是要协调,现在的PS技术已经完善得很强大了,无论是哪一类的图片,只要内容相关,色彩调配都不是问题,但一定不能忽视这一点给用户带来的体验,只有完成好这一步,才称得上是给网站的正能量。现在我不得不说网站背景图片的运用是个技术活。

精彩案例