世界超算排行榜:太湖之光!

IT教程学习网

网站建设

网页背景的设计技巧

文章来源:深腾网   作者:静岳   浏览量:

网页中背景的作用

  网页背景的作用在于协助网页布局,增加网页色彩和感染力,突出文字,突出网页的重点,使整个页面具有层次感和立体感。网页背景是UI设计中非常重要的一项工作,充分掌握网页背景的设计,然后做好网页的布局,做到这两点,起码你的网站不再让人感觉单调乏味。

网页中背景设计的原则

  网页背景的设计要充分考虑网页的布局,照顾网站的整体色调。整个页面的布局就是为了突出重点,其它的为衬托,这些重点和次要的设计全靠背景配色来实现。重点突出的版块儿要用深色着色,次要的版块要用浅色作为衬托。
 
  网页的背景的设计要和文字进行配合,页面中的标题或口号要进行突出,一般用补色来实现;对于内容正文,要让访客停留下来进行阅读,因此颜色上要用相邻色,这样让访客的眼睛不易疲劳,能长时间滞留。
 
  原则上一个页面上的颜色最多不超过三种,颜色太多会给人眼花缭乱的感觉,不适合长时间浏览,如是一定要超过三种,可以降低颜色的纯度,让颜色之间的差距减小。

网页背景分类设计

  颜色背景设计,颜色背景可以使用CSS来格式化,这样的好处是网页加载速度快,缺点是最终呈现的色彩不是很丰富,这里可以使用阴影(box-shadow属性),透明度来增加色彩效果。最新的CSS3已经可以达到很好的动画和渐变效果,但对IE的支持性不是很好。
 
  纹理背景设计,这种设计方法可以使用一小块图片作为页面背景,填充整个页面,这种背景设计的好处是同样可以减少页面的体积,达到页面快速加载的效果。这种方法也必须使用图片,比使用CSS来格式化背景来说页面的体积要大一些,较使用整个图片纹理来说要小得多。另外一种就是刚才提到的使用纹理
背景图片,这种就会严重增加网页的体现,一般全屏大图背景采用压缩格式也得到200K以上了。

 纹理背景

  图片背景设计,由于图片背景会严重影响页面的加载速度,因此在设计上尽量保持在局部,并采用压缩格式。一种流行的解决方案是采用纯色背景,图片采用PNG透明格式,并控制图片的大小,以这种牺牲一定图片色彩丰富度来减少页面的体积。

图片背景网站

分享到:

  • Copyright © 2014-2026 深腾网 版权所有:静岳互联网咨询工作室
  • 冀ICP备16020878-1