浅谈网页设计中的版式设计
【摘要】网页设计包含视听元素与版式设计两项内容,而网页的版式设计在整
个网页设计中具有重要的作用。它决定了网页的艺术风格
和个性特征,形成了网页整体视觉印象,本文拟就网页设计的版式设计谈谈自己
的看法。
【关键词】网页设计;版式设计;布局
1.概念
1.1网页设计网页设计是在Internet的发展和数字技术的发展中出现的新艺术
形式。它是以Internet为载体,以网络技术和数字技术为基础,依照设计目的、遵循
艺术设计规律,实现设计目的与功能,强调艺术与科学密切结合的一种艺术创造化视
觉传达活动。它是网络视觉艺术的主要表现形式,也是设计艺术的重要组成部分,它
具有媒体相关性、数字技术性和设计艺术性三大基本内涵。
1.2网页版式设计网页版式设计是指在有限的屏幕空间内,按照设计师的想法、
意图将网页的形态要数按照一定的艺术规律进行组织和布局,使其形成整体视觉印
象,最终达到有效传达信息的视觉设计。它以有效传达信息为目标,利用视觉艺术规
律,将网页的文字、图像、动画、音频、视频等元素组织起来,产生感官上的美感和
精神上的享受,充分体现了设计师的艺术风格。
2.网页版式设计的作用
网页版式设计是设计师理性思维与感性表达的产物。它决定了网页的艺术风格
和个性特征,并以视觉配置为手段影响着网页页面之间导航的方向性,以吸引浏览者
注意力,增强网页内容的表达效果。网页版式设计在整个网页的设计中占有很重要
的作用。
3.网页版式设计与传统印刷版式设计的差异网页的版式设计同报纸杂志等平面
媒体的版式设计有很多共同之处,但网页的排版与书籍杂志的排版又有很大差异。
印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设
计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织
结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。具
体表现如下:
(1印刷品设计者可以指定使用的纸张和油墨,而网页设计者却不能要求浏览者
使用什么样的电脑或浏览器。
(2网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准。
(3网页设计过程中有关Web的每一件事都可能随时发生变化。
(4网页版式设计的不可控制性,即网页设计者无法控制页面在用户端的最终显
示效果。
4.网页版式设计的具体要求
网页的设计首先涉及的是页面的版面编排问题。网页作为一种特殊的版面,既
有文字,又有图片,还包括一些流动的窗口和流动的附加广告等,内容繁多、复杂。设
计时必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布
局,使它们组成一个有机的整体,展现给广大的观众。使其成为与浏览者的沟通手段,
让设计所蕴含的主题进入浏览者的心灵,而不仅仅是起装饰作用。
4.1网页版式设计的布局合理化布局不但要单纯、简练、清晰和精确,而且在强
调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设
计主题。
(1要通过网页页面结构的分割和造型空间的确立,合理安排组成网页各元素的
合理位置。使页面内容和形式有机统一,要具有整体美感。
(2要考虑页面的美观和可读性,还要考虑网络浏览的特性。
4.2网页版式设计的视觉流程规律化网络的浏览是通过视觉元素实现传播的视
觉传达过程,为了达到好的效果,版式设计必须依据人们在视觉上的心理和生理特点,
确定各种视觉构成元素之间的视觉关系和浏览秩序。合理的视觉流程应是在人们认
识过程的心理顺序和思维发展的逻辑一致的基础上,根据信息的主次来确定各元素
的顺序,并通过精心安排引导浏览者。
(1要符合人的视觉习惯
(2要保证有效的传达信息
(3突出主要信息
(4保持视觉引导的节奏感和流畅感
4.3网页版式设计要动态化动态化是网页设计的显著特征。网页版式设计的动
态设计成为增强网页可读性,参与性与趣味性的有力手段。网页不同于传统媒体之
处,就在于信息的动态更新和即时交互性。即时的交互性是网络成为热点的主
要原因,也是网页设计时必须考虑的问题。网页设计人员必须根据网站各个阶段的
经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页版式进
行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不
定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,
不断创作出新的网页设计作品。
4.4网页版式设计要符合人的视觉心理空间网页的空间不仅是物理空间的使用,
更多的是通过各种视觉手段去改变浏览者的视觉心理感受,以创造出舒适、和谐的
视觉心理空间。在网页版式设计中空间的感知与应用体现在平面空间、层次空间、
虚拟空间和导航空间四个方面。
4.5网页版式设计中的点、线、面对网页的各形态要素进行点、线、面对组合,
是网页版式设计的基本方法之一。点线面之间相互作用可以组合成各种各样的视觉
形象,形成千变万化的视觉空间。有意识的从抽象角度运用点线面构成来组织网页
的版式,是形成网页强烈的视觉形式感和设计感的有效方法。
4.6网页版式设计中的色彩处理色彩可以使页面更加生动。网页的色彩处理得
好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部
对比”,也就是,网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以
有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同
的主色调。总之,网页的版式设计形成了网页的整体视觉印象,体现网页的风格,在整
个网页的设计中具有很重要的作用,应该引起网页设计者的重视。【参考文献】
[1]《网页艺术设计》高等教育出版社.彭刚.周绍斌等著.
[2]《设计师谈网页风格构成》电子工业出版社.崔美善.马晓阳等著.