计算机网页设计布局与排版研究

摘要：计算机网页设计是企业网站建设的重点，对于企业形象的展示和用户对企业的第一印象有着非常重要的影响，应当对其进行科学合理地设计与安排，提高网页美观度和利用率。网页设计布局与排版应当遵循主次分明、图文搭配、整体风格统一以及疏密均匀等原则，计算机网页设计布局与排版方法主要包括基础风格确定、字体设置以及图形搭配等。常见的计算机网页设计布局包括T字型、口字型、POP型和同字型等，应当根据实际需要进行选择。

关键词：网页设计；布局与排版；图文搭配；主次分明

0引言

网页设计是指专业人员和部门以企业希望向网站浏览者提供的信息为依据，对网站进行规划设计，包括网站页面的美化设计以及宣传方式的改进与完善。科学合理的网页设计能够将图片、文字、颜色等网页元素结合在一起，使用户体验更加完美的视觉效果，同时也为企业带来更多的客户[1]。布局与排版是计算机网页设计中的主要内容，也是影响整个网页设计效果的关键，应当对其进行详细地分析，不断提高网页设计水平。

1计算机网页设计中的布局与排版原则

1.1整体风格统一

首先，整体布局安排要科学合理，不同的元素之间要互相搭配，整体风格一致，视觉上做到和谐统一，从而提升网页美观度。但是同时要注意，过于整齐划一的布局也会使网页风格显得死板，从而给人僵化的感觉，所以应当在保持整体风格统一的基础上，加入一些活泼轻松的色调与细节，从而提升网页设计的美感。

1.2主次分明

其次，计算机网页设计应当遵循主次突出和层次分明的原则，在对网页内容进行布局与排版的时候，应当注意将关键内容放在最显眼的位置，从而使用户在浏览网页时，能够首先看到关键信息，进而激发用户兴趣。同时，这也能使网页设计清晰明确、重点突出，提高网页设计水平。在对主要内容进行合理安排与放置之后，还应当对其他内容进行科学地安排，做到主次分明、错落有致、强调重点。在提高页面使用效率的同时，增加页面美观度，从而加深用户对企业的第一视觉印象。

1.3疏密均匀

此外，在计算机网页设计中，还应当遵循错落有致、疏密均匀的原则。应当对网页的各个部位进行科学合理地安排，避免出现有的部位过于拥挤，而有的部位过于疏松的情况。保证网页设计的美观度。同时，要注意对字间距与行间距进行科学合理的设计和安排，保持整体风格的清爽简洁，拥挤的字段会得网页显得逼仄，而过于疏松的字段也会影响网页美观度。最后，应当对色彩搭配和图形搭配进行科学合理的安排，黑白搭配表示简洁大方，圆形与方形进行搭配，活泼又不失庄重，合理的搭配可以提升视觉效果。

1.4图文搭配

在计算机网页设计中应当注意图形与文字的合理搭配，使整个页面更加生动有趣。图形与文字所占的大小与比重应当根据网页内容进行合理安排。通常，图形太多会使网页过于花哨，不够简洁，而文字太多又会使得页面过于沉闷、僵化，给人压迫感。所以应当对图形与文字进行较为合理的安排，根据网页要表达的内容以及相关侧重点，对文字版面与图形进行科学合理的安排，做到图文并茂，搭配合理，这样能有效提升网页设计的美观度，使网页更加生动有趣。

2计算机网页设计中布局与排版的主要方法

2.1确定网页整体风格

网页中所要展示的内容代表了一定的企业文化和企业氛围，包含了企业想要向用户传达的信息，所以网页风格应当与企业文化形成呼应，要能很好地代表企业氛围。所以在对网页进行设计之前，应当首先确定网页的整体风格，设计者应当对网站内容进行熟悉和了解，明确企业想要通过网页传达的信息，并且结合实际情况和设计需要来确定网页风格基调，再对网页进行设计和安排[2]。同时，要严格坚持简洁明了的设计原则，使用户能够一目了然地浏览网页信息，避免将网页设计得繁复和复杂，提高页面利用效率和美观度，激发用户的了解兴趣，从而加深对企业的印象。

2.2选取合适的色调

在确定基本的网页风格之后，应当对网页色调进行科学合理地选择。网页给人的第一印象往往由主色调决定，所以应当选择合适的主色调，通常主色调不宜过多，一两种即可，过多的主色调会给人眼花缭乱的感觉，不利于网页设计水平的提升。在计算机网页设计中，主色调一般不超过五种，且通常以一种主色调为主，选取其他能够搭配的色调为辅，从而提升网页的整体美观程度。

2.3设置合适的字体

在确定了整体风格，并且选取了合适的色调之后，应当对字体进行合理地设置，网页设计中的字体设置也应当坚持简洁的原则。一般字体类型不超过三种，并且要与图形和色彩进行合理搭配，字体大小也应当与周围版面搭配[3]。此外，文字不宜过多，以关键内容为主，从而使用户能够更快速地得到自己想要的信息。同时，要严格避免闪烁类文字的出现，它不仅影响整体页面的简洁大方，而且会给用户带来厌烦之感，所以要对网页字体进行科学合理的设置。

3计算机网页设计中布局与排版的类型

3.1T字型结构

T字型结构是常用的网页设计结构，指标题处于页面上方并且居中，下方左侧为小标题，右侧为对应的内容，大体上呈现T字型，所以称之为T字型结构[4]。T字型结构是计算机页面设计中最常见的布局，具有风格简洁、主次分明等优点，而且页面结构十分清晰，用户能够很好地把握重点。但是也存在较为沉闷、不够灵活等缺点。另外，它对色彩和图形的搭配要求较高，如果细节不够完善，则会有强烈的乏味感，影响用户浏览体验。

3.2口字型

口字型结构，顾名思义，就是将最关键的内容放置在页面中间，使用户能够快速锁定关键信息。页面四周则是内容导航、索引以及新闻动态等内容，页面下方通常为热点时事、友情链接、通讯地址与联系方式等。口字型结构能够对版面进行更加高效且充分地利用，能够在页面上安排更多的信息，提高页面利用率，而且能够有效突出重点。但是，口字型结构也具有一定的缺陷，它包含的信息量过多，导致页面显得较为拥挤，不够简洁。口字型页面结构在国外网站设计中比较普遍，在国内网站中的使用率则比较低。它对色彩搭配、图形选择等都有着较高要求，如果搭配不合理，口字型网页的美观度会大大降低。

3.3POP布局

POP布局的重点就是将一张照片放在网页中心，这张照片往往代表了企业文化和优势，可以是企业高层领导的合影，也可以是企业优秀成果展示，或者是企业文化表现等，通常要具有美观和代表性强等特点。并在照片下方设置合适的左右移动按钮，动态展示不同的照片，而主菜单则会根据需要摆放在合适的位置。POP布局具有美观、大方、动态展示等优点，是高校门户网站设计中常用的网页布局与排版方式，但是动态展示会在一定程度上拖慢网站的运行速度。

3.4同字型

同字型布局是指在计算机网页中，将标题栏放置在网页上方，内容不限定，可以是网站主题，也可以是广告，并且在标题栏旁边配备一些小标题。在网页中间，则是与标题相呼应的重要内容。将重要内容放置在网页中间能够有效地突出重点，便于用户快速了解网站关键信息。在网页的两边是网站的新闻与动态、管理人员及其联系方式、广告和公告通知等。同字型网页设计的特点在于，它将关键内容放置在页面中心，并且从上到下根据内容的重要性进行合理安排与区分，通常网页下面部分为空白，有时候会根据企业需要放置一些常规内容，比如网站的基础信息，网页设计者信息等。同字型结构的缺点在于，它对页面布局的要求十分高，由于内容量较大，如果安排不合理，则会显得十分拥挤。

4结论

随着互联网技术的进步和网络信息技术的普及，大部分企业和公共部门都会设置自己的网站作为展示最新信息以及与用户沟通交流的途径，它在企业宣传推广等方面起着重要作用。计算机网页设计是网站建设中的关键内容，对其进行科学合理地布局与排版设计，能够有效提升页面美观度，并且能够更好地向用户传达重要信息。布局与排版方法包括基础风格的确定、字体的设置和色调的选取。常见的计算机网页设计布局与排版类型包括口字型、同字型、POP型和T字型，不同的布局与排版方式具有不同的优缺点，应当根据需要选择合适的布局与排版方法。

参考文献：

[1]袁琳.谈计算机网页设计中的布局[J].科技资讯，2016，14（18）：11-12.

[2]叶盛科.浅析计算机网页设计中的布局与排版[J].科技展望，2016，26（22）：24.

[3]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程，2016（13）：104.

[4]雷萌.如何在网页设计中运用计算机图像处理技术[J].信息与电脑（理论版），2016（2）：156-157.

作者：韦薇 单位：安徽电气工程学校