找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1003|回复: 1

[杂谈] 网页设计之网站背景设计要点

[复制链接]
发表于 2016-9-19 10:19:52 | 显示全部楼层 |阅读模式 来自 中国–河北–石家庄
  网站可以通过网站背景来美化网站,提高网站的质量,前提是网站背景设计得当,否则反而会拉低网站的档次。网站背景可以是用背景色,也可以用背景图像,各有各的优点,选择合适的网站背景,以便突出网站的个性化设计,也是一个不错的网页设计思路。
  网站背景如何设计?接下来就介绍几个设计要点,供大家参考:
  1、背景色和背景图像两种网站背景设计对比分析。对于这两种网站背景技术,一般地我们并不提倡使用背景图像来作为网站背景,更常用的是使用背景色或色块来作为网站背景。其原因很简单,要从网页的加载速度和显示效果这两个方面来分析。在网页加载速度方面,背景色的加载几乎不会对加载速度造成任何影响,而反观背景图像就不一样了,网站背景要想完全显示出来,就必须把背景图像加载完毕,才能正常显示,二者就得由图像的大小来决定了。在显示效果方面,由于网站上的背景图像可能会使得网页上的文字很难辨认,给人一种很不友的感觉,体验也不好,所以背景图像一般使用的较少,大多还都是使用背景色,但是如果背景图像体积不大,加载速度很快,也不影响网页的浏览,那么这种背景图像也是可以使用的。
  2、并不是所有的图片都可以作为背景,在考虑设置网站背景图像时要注意淡化图片,或者采用半透明的图像,这样一来,就不至于把背景图像过于突出,从而影响了网页内容的浏览。尤其是不要把背景图像的色彩与网页的主体色彩相一致,以突出二者之间的区别,加强与前景的明暗对比,或者加深背景,或者亮化网页文字,使得网页内容更加醒目。
  3、一个优秀的网站背景设计必须要做到与网站整体风格一致。要想风格统一化,那么我们完全可以借助网站的结构、导航、色彩、其他特殊元素等来实现。而利用网站背景也可以取得风格的统一,在背景色彩的运用上,可以根据网页上内容的实际需要,分别采用不同的主色调。色彩具有象征性,例如:嫩绿色、翠绿色、金**、灰褐色就可以分别象征着春夏秋冬四个季节,而某些颜色也可以象征着某一行业等等,这些都是我们设计网站背景时应该仔细考虑的。
  4、网站的背景色或者背景图片可以统一网页的风格和情调,并且对视觉主体起着一定的衬托和协调作用,同时网站背景的设计也应该以有助于体现该网站的主题为原则。网站背景是为网站的主题和内容服务的,因此,背景及其色彩色调的选择不能一意孤行,不是随便选择一个背景就行了,而应该统筹网站的内容,包括网站类别、网站主题、文字、图片等各个方面,进行合理地选择和搭配,从而起到相辅相成,相得益彰的效果。
  5、我们可以将公司的标志、公司大楼图片、某一产品图片、或者某一象征性的图片来作为背景,并将其淡化,使浏览者在阅读网站内容的同时不经意记下公司的标志。这样在用户浏览网站的时候,就可能会记下背景图片,从而加深对公司的印象。但为了减小图片体积,可以采用小图片,在客户端对这一图片采取重复平铺的方式,这样既可以显示背景图像,又可以最大程度地减小图片的加载量,提高加载速度。
  以上就是网站背景设计的几个要点,需要提醒的,选高清图片作为背景图片时,要保证快速的页面加载速度。金色方向-石家庄网页设计:http://www.hbjsfx.com

点评

同意楼主: 5.0
同意楼主: 5
  发表于 2016-9-19 23:15

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2016-9-19 23:16:43 | 显示全部楼层 来自 中国–河北–石家庄
网站背景来美化网站 最好有演示实例:o

评分

参与人数 1金币 +3 收起 理由
抢楼评分专号 + 3 很幸运,你获得了抢楼奖励!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-26 04:20 , Processed in 0.063527 second(s), 13 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表