欢迎来到天天文库
浏览记录
ID:16545296
大小:28.50 KB
页数:5页
时间:2018-08-22
《网页布局优化论文 网页设计论文》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、网页布局优化论文网页设计论文浅谈网页布局优化 摘要:随着计算机网络的发展,互联网技术是当今社会工作、生活中必不可少的一部分。网站是互联网技术的产物,为人们所熟知。而网页设计的优劣又直接关系到网站浏览的使用效率。如果一个网页内容、图片繁多,布局混乱,必定会影响浏览速度,常此以往得不到解决,就会影响网站浏览的使用效率。若要解觉此问题就必须进行网页布局优化。因此本文提出一些对网页布局优化的见解。 关键词:页面布局优化布局类型 0引言 现在计算机网络的应用,使网页设计越来越受到重视。网页——评价一个网站好与坏的重要指标。网页布局设计是网页的核
2、心所在,所以说要做好一个网站就必须进行网页布局优化。 1网页布局 1.1常见的网页布局类型 以上是几种常用的网页布局类型,但是在现实的应用中都会有一定的变化的。因此网页的布局形式是多种多样的,在了解这些布局的一些优缺点之后,结合一些具有美感的因素,就能设计出非常满意的网页。 1.2网站页面布局设计 网页布局设计要以最舒适的浏览方式,将文字、图片、色彩等,按照构图的对称、均衡、色彩和黄金分割比例等原则,进行统一和规范组合,达到较好的效果。对于信息量很大的网页,通常会增加页面的高度来实现。但网页页面的高度不能无限制地增加,越靠下的信息浏览率
3、越低。如何实现提高信息的浏览率?就需要对网页页面布局优化,在这里介绍一种“Web设计的黄金分割”。 使用黄金分割是非常简单的。例如找到上图中主要内容和sidebar列表的宽度900px。使用内容区域总的宽度除以1.62,然后得到555.55px。不需要很精确,就用555px。现在就能知道主要内容元素是555px的宽度,sidebar是345px。也可以使用黄金分割到其他元素的宽度和高度。如果不想使用计算器来计算这个黄金比率。那么最简单的方法就是用grid。只需要把宽度或是高度分成三份。 网页页面布局需要注意以下几个方面:①实用性。一般网页中不
4、仅是绚丽多彩的图片,更多的是信息内容,图片只是起到点缀和衬托的作用,不应过多,容易造成喧宾夺主的感觉。②色彩均衡性。一个好的网页布局不仅表现在文字、图像等要素的空间占用上分布均匀,而且还有色彩的均衡性,要通过色彩的对比、对称给人一种协调感。③加快网页的浏览速度。由于网页信息量的增大,单个网页的浏览时间加长,一旦超过十至十五秒用户就会失去耐心,因此提高浏览速度要尽可能减小使用的数据量,少用较大的图片、flash动画等。④可扩展性。在后期制作过程中,能任意增加或减少栏目而不影响页面布局。 1.3网站首页设计 网站首页是一个网站的“门面”,包含整个
5、网站的主要内容,而且设计上也要求新颖精美。由于首页中栏目多,内容丰富,设计要考虑到整体搭配的原则,先将栏目整合在一起,再将图片、文字编辑搭配,采用图形与色彩相结合的方式使文字、图形搭配和谐,页面富有吸引力。 除此之外首页设计还应考虑以下几方面问题:①从内容与形式上考虑。既要注意从首页的内容与形式整体出发,又要设置好各个栏目的位置,使页面分割合理、主次分明、一目了然。②从页面构图艺术考虑。如果一个网站的首页内容过于拥挤,就会掩盖其他重要信息,也会因条理混乱而不易查找。设计网站的首页要运用国画中“计白当黑”的布局原理,把空白与着墨作为网页整体的组成
6、部分,使整个页面给人以条理清晰、醒目、高雅的感觉。③从首页与其他页面之间的联系考虑。首页和其他页面之间的秩序与内容要做到整体布局的合理性,上下关系的衔接性,要在首页上设置页面向前和向后的浏览按钮,方便浏览者在首页和其他页面之间切换浏览。 1.4网页色彩的搭配 网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给人留下深刻的印象,并且产生很好的视觉效果和营造网站整体氛围的作用。很多优秀网站以其成功的色彩搭配令人过目不忘,因此色彩的搭配在网页制作中起着非常关键的作用。 为提高网页的浏览速度,网页色彩搭配要谨记以下几点:在整个网页中不要将所
7、有颜色都用到,色彩使用不超过三种;背景和内容的对比要强烈,以便突出主要文字内容;不要使用纹路复杂、奇形怪状的图案作背景。 2网页完善优化 主要是将布局再次精细化、具体化,根据信息内容增加或减少进行调整修改。例如字体、颜色、图片等摆放位置、大小的调整,动态与静态的搭配,进一步对网页布局进行优化设计,使网页更加完美的展现。 3结束语 综上所述,网页布局设计时,要进行布局设计、色彩搭配、完善优化三个步骤,这么看来网页的布局要达到一种和谐的状态才能是成功的网页设计。还要注意布局对页面加载速度的影响,要根据需求选择合适的布局样式,合理地设置。 参
8、考文献: [1]周陟.网页设计解析[M].北京:清华大学出版社,2009. [2]焦坤,如何改善网页布局以提高检索效率[J],现代情
此文档下载收益归作者所有