网页布局优化论文 网页设计论文

《网页布局优化论文 网页设计论文》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

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]，现代情