在网站设计中,使用精美的全屏背景能给访客浏览深刻的印象,带给访客震撼的视觉感受。但过去由于相关原因的限制,无法大量的应用。
一、网络速度的提升
在过去,由于网络速度的限制,大尺寸的图片在网站中会有加载缓慢的问题,但现阶段随着网络速度的提升,浏览网页的速度越来越快,合理大小(需要一定的处理技术,我们将在下面注意事项中有说明)的大尺寸图片将不再是制约的主要因素。
二、显示器分辨率越来越高
我们知道,过去的PC显示器一般分辨率是800*600,1024*768--1440*900。而如今,PC浏览器的分辨率提升到了1920*1080,甚至更高,象苹果的分辨率达到2560*1600,如此高的分辨率,若是网页按照标准的1003PX的宽度,将会留下大量的空白,如何解决此问题,用大分辨率的背景图片,可以起到强烈视觉冲击的效果。
三、品牌展示的需要
随着网络速度和显示器分辨率提高,为品牌形象的展示提供了无限的功能。就尚道互动研究发现,大分辨背景在以下相关品牌使用较多:
1、房地产:由于地产广告宣传和体验的需要,地产项目网站一般使用充满意境的大背景图片,配合引人入胜的文案,第一时间吸引浏览者的眼球,提升了地产项目品牌效应和成交率。
案例 凌江:http://www.sd-i.cn/show-9-143-1.html 斯亚财富中心:http://www.sd-i.cn/show-9-154-1.html 玛尔贝拉:http://www.sd-i.cn/show-9-142-1.html等
2、服装、饰品、化装品等:象知名大牌LV,GUCCI等品牌形象网站,往往采用了拍摄的时间大片作为大背景,配合简洁明了的文字,突显高端品牌的形象。
案例 GUCCI:http://www.gucci.com/cn/home 森马:http://www.semir.com/ CK:http://www.calvinkleininc.com/en_US
3、名表,珠宝、钻石类
案例 宝格丽:http://www.bulgari.com/ 劳力士:http://www.rolex.com/zh-hans
4、汽车品牌类
案例 http://www.phaeton.cn/ http://www.jeep.com.cn/wearepatriot2012/
5、旅游类
案例 http://www.grandhoteltremezzo.com/ http://www.laroccaresort.com/en/emerald-coast-baja-sardinia.html
6、其他更多在不断发展应用中,不一一阐述。
注意事项:
大图片背景在南京网站设计是不是随便应用就能达到良好效果?当然不是,需要注意以下事项:
1、背景的选择和前台元素的规划
我们知道,一个网站,除了有大背景以外,还有其他的相关元素,譬如网站导航、辅助栏目如联系电话、版权等,还有重要需要在首页上突出的内容,譬如产品分类、重大活动等,如下做到有效搭配和整合,注意以下几点:
1)背景选择:若是前台元素较多,切记背景要简单充满意境,譬如前后都突出,就会凌乱。若是前台内容不多,可以是简洁大意境背景,也可以是画面比较丰富的背景。
2)前台元素的处理:由于用了大背景,前台尽量用大文字和半透明色块背景配合文字、图片去设计,形成和谐、统一。
2、背景图片的大小
虽然现在的网速越来越快,那是不是我们随便找个图片,就使用到网页上?这是不对的,我们还是考虑浏览者的网速和等待时间,力求最快的打开速度和最好的展现效果达到良好的性价比,这是图片的尺寸我们时刻要注意。1)尺寸:背景图片的尺寸可以控制在宽度1280--1600,高度根据768-1080之间,最好是一定的比例。
2)图片格式:推荐色彩丰富的采用JPG格式,色块是单一颜色的,譬如色块、线条的,采用GIF或PNG。
3)图片大小:图片的大小除了跟尺寸,格式有关联以外(相关解决方法上面两条已讲),还跟图片的品质有关系,这里通过尚道互动多年的南京网站制作 经验,建议采用8或80%的品质。
3、特效和新技术的应用
虽然大图片能够达到良好的视觉效果,但若整个网站都是大图片,各个栏目切换无任何转场的话,也会觉得单一、无趣,可以采用FLASH或JS特效去展示,在上面的示例的时候,我们有列出网址,可以自己去品鉴一下。
以上只是尚道互动在南京网站建设过程中的一些经验总结,我们将在后面的文章中更多去阐述此问题,并力求全面、准确的介绍这一技术在南京网站制作 中应用,希望得到您更多的关注。