网页版式设计研究

郭丽春

摘要：随着科学技术的迅速发展，网络已渗透到人们生活的每个角落，它是继报刊、广播、电视之后的“第四大众传媒”。网络作为一种新的信息载体，也为设计者提供了新的设计领域。网页版式设计在整个网站中具有重要的信息传播及引导性作用，它决定了网站的个性特征和艺术蕴性，决定了网页的整体视觉印象。本文阐述了网页设计概念、网页的版面设计的作用 以及网页版式设计与传统印刷版式设计的差异、网页版式设计的具体要求。

关键词：网页版式；设计；版式

网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，网站功能以及其它特性。我们从来没低估过网络排版的重要性，也深知它在良好的用户体验中所发挥的重要作用。任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。

一、网页设计概念

网页设计是在Internet的发展和数字技术的发展中出现的新艺术形式。它是以Internet为载体，以网络技术和数字技术为基础，依照设计目的、遵循艺术设计规律，实现设计目的与功能，强调艺术与科学密切结合的一种艺术创造化视觉传达活动。它是网络视觉艺术的主要表现形式，也是设计艺术的重要组成部分，它具有媒体相关性、数字技术性和设计艺术性三大基本内涵。

网页版式设计网页版式设计是指在有限的屏幕空间内，按照设计师的想法、意图将网页的形态要数按照一定的艺术规律进行组织和布局，使其形成整体视觉印象，最终达到有效传达信息的视觉设计。它以有效传达信息为目标，利用视觉艺术规律，将网页的文字、图像、动画、音频、视频等元素组织起来，产生感官上的美感和精神上的享受，充分体现了设计师的艺术风格。

二、网页版式设计的作用

网页版式设计是设计师理性思维与感性表达的产物。它决定了网页的艺术风格和个性特征，并以视觉配置为手段影响着网页页面之间导航的方向性，以吸引浏览者注意力，增强网页内容的表达效果。网页版式设计在整个网页的设计中占有很重要的作用。

三、网页版式设计与传统印刷版式设计的差异

网页版式设计与传统印刷版式设计的差异网页的版式设计同报纸杂志等平面媒体的版式设计有很多共同之处，但网页的排版与书籍杂志的排版又有很大差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。具体表现如下：印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器。（2）网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准。（3）网页设计过程中有关Web的每一件事都可能随时发生变化。（4）网页版式设计的不可控制性，即网页设计者无法控制页面在用户端的最终显示效果。

四、网页版式设计的具体要求

网页的设计首先涉及的是页面的版面编排问题。网页作为一种特殊的版面，既有文字，又有图片，还包括一些流动的窗口和流动的附加广告等，内容繁多、复杂。设计时必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体，展现给广大的观众。使其成为与浏览者的沟通手段，让设计所蕴含的主题进入浏览者的心灵，而不仅仅是起装饰作用。

网页版式设计的布局合理化布局不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

要通过网页页面结构的分割和造型空间的确立，合理安排组成网页各元素的合理位置。使页面内容和形式有机统一，要具有整体美感。要考虑页面的美观和可读性，还要考虑网络浏览的特性。

网页版式设计的视觉流程规律化网络的浏览是通过视觉元素实现传播的视觉传达过程，为了达到好的效果，版式设计必须依据人们在视觉上的心理和生理特点，确定各种视觉构成元素之间的视觉关系和浏览秩序。合理的视觉流程应是在人们认识过程的心理顺序和思维发展的逻辑一致的基础上，根据信息的主次来确定各元素的顺序，并通过精心安排引导浏览者。（1）要符合人的视觉习惯（2）要保证有效的传达信息（3）突出主要信息（4）保持视觉引导的节奏感和流畅感。

网页版式设计要动态化动态化是网页设计的显著特征。网页版式设计的动态设计成为增强网页可读性，参与性与趣味性的有力手段。网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是网络成为热点的主要原因，也是网页设计时必须考虑的问题。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页版式进行调整和修改。

网页版式设计中的点、线、面对网页的各形态要素进行点、线、面对组合，是网页版式设计的基本方法之一。点线面之间相互作用可以组合成各种各样的视觉形象，形成千变万化的视觉空间。有意识的从抽象角度运用点线面构成来组织网页的版式，是形成网页强烈的视觉形式感和设计感的有效方法。

网页版式设计中的色彩处理色彩可以使页面更加生动。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是，网页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调。总之，网页的版式设计形成了网页的整体视觉印象，体现网页的 风格，在整个网页的设计中具有很重要的作用，应该引起网页设计者的重视

【参考文献】

[1]彭刚，周绍斌.网页艺术设计[M].北京：高等教育出版社，2006

[2]王汀.版面构成[M].广东：广东人民出版社，2004

[3]杨敏，张奕.版式设计[M].重庆：西南师范大学出版社，1999