浅谈计算机网页设计中的布局

张 莉

山东省菏泽职业学院，山东 菏泽 274000

随着时代的发展，经济和科技也正在发生日新月异的变化，网络信息化时代逐渐到来，计算机成为了人们生活不可或缺的一部分。计算机中的网页不仅为人们提供各种资讯，还能帮助人们查询各种所需资料。据相关数据统计，中国人每年浏览计算机的次数超过其他传统媒体的总和。因此，一个优秀的计算机网页的设置，不仅会给用户带来美的享受，还会增加用户的体验感和舒适感。合理的网页布局、精美的网页设计都是网页中非常重要的方面，也是各大计算机网站探究的主要方面[1]。

1 计算机网页布局的概念

计算机网页布局中牵涉到了多种成分，所涉及的范围也非常广，不仅包括布局规划、整体效果、动画、色彩搭配等，还包括形状、结构、内容、意义等方面。只有将这些方面完美地结合起来才能设计出一个完美的网页布局。

1.1 网页简述

计算机网页布局首先需要明白的是网页的相关概念。网页是构成网络中网站的基本元素，同时也是承载各种网站应用的基本平台。网站是由各种网页组成的，用户只拥有域名和虚拟主机，文字和图片是网页的构成的基本要素，另外还包括动画、音乐、程序等方面。网页不受地域的限制，可以存在世界任何一台计算机中，用户只是通过网页浏览器阅读网页中的内容[2]。

1.2 网页布局相关概述

网页布局主要包括整体造型、网页尺寸两大要素。首先是整体造型，整体造型直接决定了网页布局的美观度，是网页页面的整体形状。一般常见的页面填充形状有长方形、圆形、菱形等，还有一些是具有特殊意义的造型的改变而成。另外是网页布局中的页面尺寸，尺寸的合适与否也将影响网页布局的美观度以及用户的体验感受。一般网页布局的页面尺寸受多种因素的影响，主要是客观因素和主观设计。客观因素主要是显示屏的尺寸和分辨率[3]。主观设计因素是网页布局在浏览器中的呈现状态，这主要是受到设计者的设计水平和主观创意的影响。另外网页页面尺寸也会根据用户的浏览需求进行调整。这些都是影响网页布局中的尺寸的因素。

在网页布局中主要就是整体造型和网页尺寸这两大因素，因此设计师进行网页布局设计时也应该从这两方面入手。

2 计算机网页布局的必要性

计算机网页布局是计算机网页设计中的重要方面，合理的布局、优美的画面直接影响了用户的体验，影响了网页的浏览速度；并且一个布局合理的网页也会给用户提供更便捷的服务。

2.1 提高用户的体验舒适感

一个布局合理、画质优美的网页会直接增加用户的体验感。现在人们获取信息的方式基本都和网络媒体分不开，长时间接触电子产品会给人们的视觉带来一定的影响。因此一个合理且美观的网页会直接给用户焕然一新的感觉，减少用户的视觉疲劳，让用户对此次浏览产生一个愉悦的心态[4]。并且一个合理美观的网页不仅增加用户的舒适度，还会增加用户的浏览欲望，如果视觉上都会让用户不悦，那么自然浏览量不会太高。所以一个优秀的网页也会增加其浏览次数，还会提升其经济效益。

2.2 为网页内容填充提供空间

网页的布局不仅会影响到用户的体验感，并且对网页本身的内容设计和投放也会有影响。网页也相当于一个存放空间，只有对空间的结构和布局进行合理的规划才能确保空间存储内容的多样化。同样只有对网页进行合理的布局规划才能在网页内容的投放上做到全面化。一般用户在对网页进行浏览的时候不仅是对网页界面进行长时间浏览，重点是对内容的浏览。因此网页内容的丰富化和全面化也会直接影响到用户的浏览需求。所以网页布局设计非常重要。

网页布局设计的必然性和重要性主要就是从用户和网页本身来分析的，一个布局合理且美观的网页不仅可以丰富其内容，做到内容的全面和层次感，同时还会决定了用户的体验的舒适度，影响其经济价值。

3 典型网页布局及特点

目前国内外网页非常的多，典型的网页布局有综合框架型、漫画制作型、标题正文型和封面型。由于人们对浏览器的使用次数非常频繁，因此对这些常见的网页布局也都相对较熟悉。每一种网页布局都有其对应的特点，这是区别不同网页布局的主要依据。

3.1 综合框架型网页布局

一般综合框架型页面布局是页面布局结构较复杂的一种，主要是在网页的周围都分布着主题框架，通过框架将网页的基本内容围绕，内容分布在各个框架中。这样的布局条理清晰，通过框架将各部分的内容进行了分隔，这也是综合框架型网页布局与其他网页布局的区别所在[5]。

3.2 动画制作型网页布局

动画制作型网页布局也就是俗称的Flash 型网页布局。根据字面理解就是结合动画效果设计的网页布局。其主要优点是不仅是将动画效果进行了运用，同时也将音效进行了运用。因此人们在进行浏览的时候会获得视觉和听觉双重的享受，会给用户带来震撼，这样的网页布局一般分布在网页游戏中，通过视觉和听觉的结合让用户先进入游戏效果中，增加用户的体验感。

3.3 标题正文型网页布局

标题正文型网页布局是人们日常工作中最常见的网页布局。这样的网页布局主要分为上下两个部分，上半部分主要是标题，网页的主要内容一般放在中间部位。部分网页在进行标题正文型网页布局时也会在下方的左右添置一些天气、新闻等常见讯息。标题正文型网页布局与其他网页布局的区别在于，其广告性质较少，一般都是对主要内容简明扼要地展示。由于其布局简单、内容展示充分，所以这类网页布局一般用在政府和企事业单位或其他重要正规的网站设计中。

3.4 封面型网页布局

封面型网页布局是所有网页布局设计中出现频率最多的布局之一。仅从字面就可以了解到该布局的好处。封面型网页布局的设计原理和书本的布局有异曲同工之妙，都是通过内容的不同进行分区域展示[6]。一般在这种布局中图片的分布较多，通过图片让用户快速了解到网页的内容。这样的网页布局主要是通过图片起到先声夺人的效果，能够通过图片快速吸引用户的注意。并且这种网页布局具有明显的个人风格，因此一般被用在个人网页的装饰中。

4 如何进行优化网页布局

优化网页布局需要了解网页布局的原理和网页布局的内容，通过合理的设计全面提高网页布局合理性和美观性，提高用户的体验舒适感。

首先是了解网页布局的页面尺寸。根据网页的内容和主题对尺寸进行合理的规划和设计。如果网页布局的尺寸过大那么会影响用户浏览时的视觉效果；如果尺寸设计过小又无法对网页内容进行充分展示。因此一般在网页布局的尺寸设计中要根据网页的内容模块的安排进行，明确网页的重点内容，选择合适的尺寸。

其次是网页布局的整体造型。整体造型是网页布局中的重要方面，也是网页布局的核心内容。在整体造型的设计中一般坚持“主次有别、重点明确”的原则，在具体的设计中应该根据网页的具体内容先选择以哪种造型为主，然后根据主题内容或个人喜好选择合适的布局结构。在布局的安排中一定要宽松适度，不能某一个板块分布过于密集，另一个模块又过于稀疏，这样直接影响网页布局的美观度。最后是对页面布局进行装饰和点缀，除了网页的主要内容外，为了增加网页的趣味性和人文关怀，设计师可以在布局的边缘角落展示一些其他信息，例如健康小科普或者天气资讯等内容。

在网页布局中没有明确的规范和格式要求，一般设计坚持合理和美观的原则，既要对网页的主题和内容做到充分展示，也要增加其美观程度，增强视觉效果。因此一个优秀的网页布局，用户在体验时不仅是对其基本信息的浏览，也应该是一种视觉或视觉听觉结合的享受[7]。

综上所述，随着时代的发展，计算机对人们日常生活和工作的影响将愈加明显。网页是计算机网站中的重内容，随着信息获取方式的便利，人们对各种网页的浏览量将会不断提高。如何在众多网站中脱颖而出，一直都是计算机网站设计人员的目标和追求。在网页布局设计中，设计者应该根据网页的主题内容选择合适的网页布局类型，结合布局的特点，积极运用生活中美学知识设计出合理、美观的网页布局，全面增强用户的体验效果，为网页创造更大的经济价值。