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

[摘要]就计算机网页设计中的布局展开论述，从网页设计中的布局的相关概念、计算机设计中网页布局的重要性、常见的网页设计布局以及其特点、如何进行网页设计中的布局等方面，对计算机网页设计中的布局进行分析。

[关键词]计算机 网页设计 布局

就今天的生活来说，计算机是人们生活不可或缺的一部分，人们每天的网页浏览量远大于书籍的浏览量。因此，网页的美感对于人们来说是十分重要的。合理的布局、唯美的画面，往往会使人们在浏览网页时生出一种舒适感，为此各网站都花费人力、财力来进行网页的设计，尤其是布局的设计。

一、网页设计中的布局的相关概念

网页设计中的布局的相关概念，主要是一些构成成分的概念，其中包括了：整体造型、页面尺寸、页眉页脚、文本、图片等，下面就其中几个重要的概念进行讲述。这里需要指出的，网页设计中的布局，不仅仅要求的是对图像这些表面因素进行设计和布局，同时还需要对一些潜在的因素以及其他相关因素进行深入研究，只有将整体化的设计元素充分整合在一起，才能最大化地发挥网页布局的最佳效益。

（一）整体造型

页面的整体造型，指的是页面的整体形状，它所指的只包括页面填充内容所形成的形状并不是浏览器的形状，常见的造型主要有圆形、菱形、三角形等，当然也可以是这些基础类型的结合体。页面造型的选择，在一些时候是根据网站的性质来选的，带有一定的寓意。

（二）页面尺寸

页面尺寸并不是固定的，它受到很多其他因素的影响，就算是显示屏的尺寸或者分辨率都影响着页面的尺寸的大小。这几个因素是客观的，也是我们无法改变的，并且网页页面是在浏览器中呈现的，然而浏览器占据了一定的篇幅致使页面进一步的减小，但是这种情况是可以解决的，因为浏览器的工具栏等是可删除的。

二、计算机网页设计中的布局的重要性

无论是设计什么事物，人们对于其布局构造总有着严格的要求，对于网页布局也不例外。合理、美观的布局，给人们带来的是一种舒适和享受，尤其是在长时间浏览网页时，完美的布局对于减轻人的疲劳感是有重要作用的，由此可知计算机网页设计中的布局的重要性。只有这样才能创造出最大的经济价值与财富，推动计算机网页设计的进一步发展和进步。

网页布局的意义不仅仅是给人带来美感，与房屋布局一样，合理的布局在一定程度上可以增加其内容。在浏览网页时，人们可能只是简单的看一下网页页面所分布的内容，因此要想增加网页的浏览量，除了分布内容要有吸引力之外，还要保证其内容的全面性。这就要求网页的页面足够大，但是页面尺寸受很多因素的限制，所以只能从网页布局上来想办法。人们开始根据自己页面索要涉及内容的多少以及内容的类别、重要性进行页面的布局，使页面上的内容能够具有一定的层次感，并且在人们进行阅读时能给人们带来视觉上的舒适感。

三、常见的网页设计布局及其特点

在日常的网页页面中，页面布局的类型很多，常见的页面布局有“同”字型、标题正文型、综合框架型、封面型、Flash型，人们对这些布局的感观已经存在了，但是具体的布局结构还不太了解，下面笔者将将讲述以上几种布局类型。

（一）“同”字型

该类型的网页布局从内容填充的角度来说，其内容填充量较大，一般这类网页的上方都是标题栏，填充的可能是网站的主题，也有可能是横幅广告，其下可能也有小标题的存在。页面的左右也分布有相应的内容，一般可能是一些网站的最新动态简讯、网站的服务人员、附加信息以及广告，该部分的内容一般是人们不太会去注意的，同时也是可开发价值较高的区域。该类型网页的主要内容一般都是分布在中央位置，从上至下，按照内容的重要性、类别或者是所带有的色彩，对于此部分的内容一般还有细节分布，再次不再细说。至于网站的下部分一般不会分布内容，就算是有内容分布，也只是一些网页的常规内容。例如，网站制造方的信息、网站后台管理登陆以及网站的基础信息等。

（二）标题正文型

与“同”字型的页面分布有所不同的是，标题正文型页面一般没有左右的分布，其他的类似程度很大。页面的上半部分都是以标题的形式存在，如果出现的是广告也很正常，页面的中央部分分布的是主要内容，但是其主要内容所包括的含有“同”字型的侧边内容，一般网站主要内容的简讯是在标题下方，与并列的是一些附加信息，诸如天气、注册信息等。然后接着分布的就是网站的正文了。标题正文型的网页页面结构简单，一般是一些政府机构或者事业单位采用的较多。

（三）综合框架型

综合框架型在所有的页面布局中应该是结构比较复杂的一类，它的上下左右都分布着框架结构，内容基本都是分布在框架里面。它与其他类型的区别，其实就是把其它类型无形的界线描绘出来了。

（四）封面型

仅仅听着封面型，就能猜出它的基本分布，的确，正如书本的页面分布一样，封面型的页面分布就是以较大篇幅的图片为主。一般该类型的页面分布都是在网站的首页出现，页面的中央部位大篇幅的可能就是平面图片或者是动画，其周围分布着较少的信息，而此类信息一般又都是超链接的入口。一般诸如QQ空间的首页的个人主页网页页面就是采用此种类型的布局的，它主要是为了突出个人特色，以炫目吸引人们的眼球。

（五）Flash型

Flash型的页面布局与“封面型”有着异曲同工之妙，只不过Flash型网页页面运用得更多的还是Flash，当然它所运用的除了动画还有声音，因此它优于封面型的就是它的听觉效果，视觉与听觉两种效果的作用下给人们带来的除了享受还有一种震撼。关于此种类型的应用网页一般主要是游戏的登录或者是等待进入游戏的页面，当然也不排除有些个人网页的主页所采用的是Flash型的布局。

四、简述如何进行网页设计的布局

进行网页设计中的布局首先要确定页面的尺寸，确定好尺寸有利于后续内容模块的安排，在确定了页面的尺寸后开始进行整体造型的选择，选择时可根据网页主题或者是个人的爱好来进行选择。选择好整体造型根据网页所要呈现的内容类型、量、突出重点的量来进行布局的安排，在进行布局的安排时，要注意布局的疏密度，不能过度，同时也要注意突出重点。在安排好大致内容后，进行“绿叶”的点缀，可以在大致布局上增加一些其它信息以做装点。

计算机网页设计中的布局是一门艺术，它没有什么固定的格式，布局的选择、策划完全取决于个人的审美观，因此要想提升网页布局的美感，就必须要加强对于美学的研究，将生活中的美学知识运用到网页的布局上，给人们带来更多的视觉享受。

参考文献：

[1]玛依努尔・阿布都哈地尔.对计算机网页设计布局问题的探讨[J].产业与科技论坛，2012.

[2]郭雨.计算机网页设计布局价值性研究[J].东方企业文化，2011，（23）.

[3]华冰.如何科学化实行计算机网页设计中的布局[J].网络财富，2010，（21）.

[4]杨楠.计算机网页设计中布局研究方法与手段分析[J].经济论坛，2010，（04）.