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

袁琳

摘 要：在当今社会，计算机是人类生活与生产中必备的工具，人们每天对网页的浏览量，已经远远高于书籍，在这样的背景下，优化网页设计显得更加重要，合理进行网页布局，能够提升网页的美感以及视觉效果，使人们获得更好的视觉享受。该文首先对计算机网页设计布局的相关概念进行了分析，继而研究了如何进行计算机网页设计布局，希望能够为相关设计人员提供一些建议和参考。

关键词：计算机 网页设计 布局

中图分类号：TP393 文献标识码：A 文章编号：1672-3791（2016）06（c）-0011-02

作为网站构成的基本要素，网页布局在很大程度上影响着网页的浏览量，当然也会影响整个网站的运营情况。随着计算机以及互联网在人们生活中的普及，网页布局也更加关注色彩、图像、图标以及文字等方面的搭配问题，充分利用网页空间，科学地进行布局，才能够制作出更加精美的网页，用户在浏览网页的时候，才会拥有更好的体验。

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

1.1 页面尺寸

页面尺寸的大小主要由显示器的分辨率和屏幕的大小决定，显示器范围的局限性对于网页设计来说是页面最大的阻碍。不同品牌的显示器，再制造过程中所使用的技术都不一样，不同的研发团队对于不同的显示器设计都存在差异，也正是这些在显示器设计方面的局限性，使得人们只能根据现有的分辨率不是很好的显示器来进行网页设计，这也造成了页面尺寸大打折扣的不良局面，所以，一台具有超高分辨率的显示器是设计出一个完美页面的前提。

1.2 整体造型

对实体物品进行构思，然后运用电脑技术在屏幕上搭建出简单的物体形象，这是将物体从实物转化成图像的一种形式。在设计图像的过程中，人们可以根据要求或者自己的想法，将图形进行变形，从棱角分明的方形变成通体圆润的圆形、椭圆形，或者将没有层次的单一造型转变成图形同文字相结合的形式，用不同的层次感进行设计。

1.3 页头

所谓页头，就是设计软件中的页眉选项，它的作用有很多，但主要是被用作定义页面的主题，人们可以很直观地从页眉中找到自己想要的信息，也可以通过页眉来理解作者想要表达的意思。在一个页眉中可以显示出多个人名，这也大大方便了浏览者寻找关键信息，减少了在页面上盲目寻找的麻烦。

1.4 文本

在信息日益增多的现代化社会，为了方便不同人士不同行业的办公以及工作任务的分配，文本被众多人所应用，从中国人传统的教育理念着手，用文本来代替沉重的书籍，符合了人们随走随记得特点，方便人们在不同环境进行阅读。文本由于是文字在书籍方面的代替工具，因为它被设计出来后所需要的存储空间非常小等特点，越来越受到不同年龄人群的喜爱，用很少的空间就可以存储大量想要浏览的信息，方便快捷。文本的设计起初存放位置受到限制，但随着电脑技术的发展，文本已经可以随意地放在页面的任何位置。

1.5 页脚

首先有了放置站点主题的页眉，也就衍生出了可以修改和存储文章作者或者不同公司文本信息的页脚位置。页眉和页脚都是一个好的设计中不可缺少的部分。

1.6 图片

简单而单纯的文字已经很难让现在的年轻人提起兴趣，为了方便和吸引现代人去阅读，各个大型的网页中都会配上符合新闻信息的图片，不同类型的图片给浏览者以视觉上的冲击，也可以借助图片更好地表达文字中的含义，增强浏览者在读取时的美感。

1.7 多媒体

时间的推移促使了各种新型媒体的出现，人们通过声音图像等手段将信息更真实地表现出来，人们通过单纯观赏就可以获取大量信息，十分方便。多媒体手段可以更具体地提炼出一件事情的重点，从简单的文字发展到真人形式进行信息的传播，这使得网站从单纯的被观看变成了“去讲述”，给浏览者绘声绘色，真情实感的享受。

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

2.1 “同”字型

人们对信息的需求量日益增大，简短的介绍已经无法充实越来越多的浏览者的思想，所以“同”字型的网页布局应运而生，在这里收纳了不同行业不同方面的大量信息，而为了方便在众多的信息中方便浏览者寻找自己需要的信息，这类网页上方也会设置分类的标题栏，其中既涵盖了自己本网站的主题设计，也有不同商家投资宣传的广告标语，而且为了进一步强调也会在下面辅助上小标题。人们习惯于浏览一个页面的中间位置，这也使得一个页面的两侧被人们所忽略，作为仅有的宣传信息的页面，网站设计人员自然不会放过这些边边角角的位置，这里多会被填充上一些不是很重要的广告或者站内的服务人员，多数为了吸引人还会以滚动、闪动的形式出现，当然，这些不重要的弹框是可以被关闭的。

2.2 标题正文型

和“同”字型的页面布局不同，在这里都是简单清晰的中央分布类型，去除了繁多动态的两边弹框信息，在其他方面却没有什么不一样。这种页面布局方式，将重要的事件和一些实时动态类信息放在中上的醒目位置，将一些浏览项目的分类放到中间位置，而在底部不会安排什么重要信息，有的也只是填充了一些设计者、设计事件等信息，而在一个页面的顶端多会附有实时天气，滚动的实时动态标题等。

2.3 综合框架型

讲述起来这种类型的设计无非就是给人以更多“规矩”的感觉，在内容方面也是将不同重点进行相应的排列，不同的上下位置分布相应的信息，唯一有区别的就是在设计页面时将原有的白纸式页面增添了边框而已。

2.4 封面型

从标题里就可以看出，这种设计类型就像是大家的课本页面一样，主要的信息很少，多数需要了解的信息都会以超链接的形式出现，中间配上动态图片或者变换颜色的文字，这种类型的设计多用于表现鲜明的个人特色，目的也仅仅是单纯地吸引浏览者的眼球。

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

在设计一个页面之前，要对自己想要表达的想法进行规划，如何分布整个页面，怎样体现不同文字的价值才能吸引更多的浏览者去关注自己的页面，这都是需要提前构思好的。在内容方面，不能仅仅是单纯的文字或者简单的插入图片，要有重点分条分框地布局整个页面，时而紧凑时而稀疏，让浏览者可以感受到能在这里获得更多有趣的信息，不应该给人一种千篇一律的感觉。红花要有绿叶配，适当的在关键位置添加“叶子”是增添页面可观性的一个好的思路。将美学运用到页面的设计中去，用灵活的布局增添美感，可以给浏览者以视觉上“饕餮盛宴”的更好感觉。

4 结语

随着物联网时代的到来，人们对网页外观、内容、实用性等方面的要求更多，为了能够满足人们的需求，为人们提供更加完善的服务，设计人员必须要掌握网页设计的相关概念，并且能够通过合理的运用设计方法，达到优化网页质量与视觉效果的目的，该文对此进行了3个方面的分析，希望能够为相关的设计人员提供一些建议和参考。

参考文献

[1] 余志国，徐雨竹.农田水利工程灌溉规划设计刍议[J].水利技术监督，2015（5）：84-86.

[2] 翟卫锦.农田水利工程灌溉规划设计的探究[J].企业科技与发展，2015（14）：67-68.

[3] 李园园，李勇.高职院校移动学习APP客户端的研究与设计[J].软件导刊（教育技术），2014（7）：80-82.

[4] 王丽.移动应用软件测试探索[J].计算机系统应用，2013（1）：1-4.