版式设计在网页中的重要性

李明妍（江苏省联合职业技术学院徐州财经分院,江苏 徐州 221008）

版式设计在网页中的重要性

李明妍
（江苏省联合职业技术学院徐州财经分院,江苏 徐州 221008）

在这个互联网的时代，浏览网页就成了人们必不可少的生活方式，那么网页设计这个行业便逐渐走俏，为了便于人们设计出布局合理，形式独特的网站，网页设计的版式设计将变得越来越重要，本篇文章便是对如何将版式设计合理的运用在网页中进行研究。

网页设计；互联网；浏览网页

1 网页的原则

网页设计由于是在电脑屏幕上观看的，还需要跟浏览者进行互动，这就和普通的平面设计有了质的不同。观看载体不同，所以我们在研究网页设计的时候，除了要研究网页的美观还要研究浏览者在面对网页的心理感受，要让读者先从功能上对其有个认知，在认知基础上才能进行制作版面的设计。这就使得网页设计的这门技术还需我们做更多的相关探究。

2 网页的布局风格

网页布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 看看我们经常用到的版面布局形式:

（1）“同”字型布局。这种布局结构的最上面一般是网站的标志、广告以及导航栏；下面是主要内容，左有一些栏，右也有一些栏目，在结构的中间位置是内容主体；结构的最下面是一些网站的基本信息及版权信息。国内一些大中型网站常见的是这种结构布局方式。这种结构的优点是把版面充分的利用了起来，让读者有很大的信息量进行阅读；它的缺点是页面看上去灵活性不够，有时也给人一种拥挤的感觉。

（2）“厂”字型局：这种布局结构的特点是在页面的顶部设为标志和广告条，下方左面为主菜单，右面显示正文信息。本布局方式是目前应用比较广泛的一种。本布局的优点是主次非常分明，页面结构一目了然，很清晰；它的缺点是对色彩搭配要求比较高，如果搭配不当的话，会给人以规矩呆板，甚至容易引人厌烦。

（3）“框架”型布局：这种布局结构一般为上下或左右布局，一栏是导航栏，一栏是正文信息。也有将页面分为三栏的，上边一栏放图片广告，左侧栏放导航栏，右侧为正文信息。

3 网页布局清晰的原则

3.1 网页的标题设计

在网页的版式设计中成功的标题可以让人一目了然和赏心悦目，也能给整个网站提高气氛。网站的首页上方会有公司的标题，标题后面的背景也有静态的和动态的区分，也可以形成交互性。这也是网页的版式与普通印刷品版式的区别。

3.2 文字的编排

文字本身是以传达内容和表达信息为主题的。在网页设计过程中，网页的设计一定要抓住这个主题不要放松，但是同时也可以利用字体也表达一定的感情，例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。同时设计者也要考虑到一些细节的内容，如很多读者的计算机中只装有三种字体及一些相应的特定字体，如果没有特别强的针对性的要求，最好采用缺省字体。

字号的大小也有一定的要求，如标题和其他需要强调的地方用字号大一些，如9磅，而网页的正文，这是人们阅读量最大的，12磅的字体是比较合适的，像一些页脚的和辅助性的信息，可以使用能小一点的字号。

页面里的正文部分，这个部分是最重要的部分，这部分的内容是由许多单个文字经过编排组成的群体，这个群体影响着读者的阅读，可以从艺术、个性、情感方面对这部分进行处理，以达到最好的抓住读者眼球的作用。

3.3 图文结合

版式有可以分为无图的版式和有图的版式，有图的版式钢架丰富，无图的版式需要给人不容易枯燥的感觉就需要巧妙的排版了，两种版式都不可缺少，当然网站上更多的还是图文结合的版式。

在视觉顺序上，从吸引人的注意力角度来说，图形对人眼球的吸引力远远是超过了纯文字对人眼球的吸引力，图形给人的视觉印象要比文字强烈得多，这是因为图形的色彩变化明显，所含内容也异常丰富，同时图片的引入也对页面起到好很好美化作用。可以说，要使网页更好的吸引人的眼球，更好的抓住人们的视线，并在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。几乎所有的网页都用到了图形，善于使用图形，可以让网页的主题表现的更加生动、形象和直观，同时也较好地增强网页的宣传力、号召力和感染力，吸引读者的注意，引起读者的兴趣。网页可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。对于一条信息来说，图片对浏览者的吸引远远超过单纯的文字。页面的节奏韵律。这也是图文排版的魅力所在。

4 网页视觉美观的原则

网页的颜色表达一种情感，也象征不同的含义。这些象征含义在人们思想交流形成了复杂的问题，如人们的时代、民族、年龄、地域、阶层、工作能力、经济地区、通过不同的颜色组合，呈现给他们的心理感受是截然不同的。如紫红和土黄搭配，可以产生高贵的，的气氛。粉色和白色混合，能体现柔顺、雅致、浪漫的气氛。金色和大红、金色的搭配能渲染喜庆的气氛。而橙色和黄色的搭配则会给人带来暖意。设计主题的不同，颜色搭配的方法也随之改变。兼顾网页的适应性，应尽量使用网页安全色。可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

总是，一个优秀网页的实现离不开以上几点原则，只要每个细节都做到合理设计一定能够呈现出一个精彩的网站。

[1]董海斌.平面视觉元素在网页设计中的应用研究[J].科技信息,2008(05):155.

[2]尹振鹤．云计算的特点及应用分析[J].硅谷,2014(12):126.

[3]邹钰．AutoCAD动态块在室内设计制图中的应用[J].硅谷,2014(12):126.

[4]杨翠芳.浅析视错觉手段在平面设计中的运用技巧[J]。电脑知识与技术,2011(11):8037.