网页的视觉设计是一门新兴的交叉学科,随着互联网络的高速发展,网络在人们的生活中得到了很大普及,网页界面作为信息的载体,如何使人们从视觉上更轻松、更直观地从页面获取信息,成为了当前网页设计的重要研究内容。
网页是网站信息传递的主体,合理有效的页面布局无疑有利于信息的传递,而网页是视觉读取的对象,因而需要对视觉设计给与足够的重视,本文从页面视觉设计的基本特性入手,分析了其基本构成元素和设计原则。
一、页面视觉设计的基本特性
(一)直观性。网页是互联网时代的特殊产物,根据其视觉浏览的需求特征,使页面的设计具有视觉上的直观性能,即人们常常在不需要仔细深入了解具体网站的内容时,可以从打开的页面有一个最直接的感受,因此网页的色彩、图片、布局设计都决定着浏览者的第一印象。
(二)注目性。由于网页是视觉读取的对象,因此浏览者需要注目读取才能获得网站的信息,因此,网页需要简约、生动的界面才能引起读者的注意和留存,在视觉设计中需要注意图文结合以及动态因素的利用。
(三)选择性。网站的页面上往往包含大量的信息,但是并不是所有信息都是浏览者所需要的,浏览者在获取信息时具有选择性,因而在页面的视觉设计中,需要注意网站主题特色,把握住各部分信息的主次关系,安排其排列位置和视觉冲击强度,便于读者快速选取。
二、视觉设计的基本元素
(一)文字。对于绝大多数网页而言,文字是信息构成的主体,它与图片容易造成歧义不同,具有直接准确传递信息的特性,使浏览者可以准确地、方便地接受信息。但是文字过多,给人长篇累牍的感觉,让人心中生厌,影响浏览者的阅读情绪,所以在视觉设计中,要对文字采取一定的格式处理和艺术加工。所谓的格式处理,就是指对文字的字体、粗细、字号、颜色等加以处理,使之格式多样、变化丰富,打破呆板、累赘的形象。艺术加工是指对页面的文字,根据其所处位置和作用地位的差异,来加以图像化、风格化的艺术手段处理,让文字更具有个性风格,显得更加生动形象,易于读者轻松接受。
(二)色彩。在网页的视觉设计中,色彩设计主要有五个部分组成,即标准色彩、图片主色彩、边框色彩、背景色彩和文字链接的色彩。由于人们的审美特点各有不同,不可能使页面的视觉效果完全满足所有人的浏览需求,但是就主色调方面而言,人们通常易于接受的色彩基本是一致的。页面的使用者在浏览页面的第一印象就是界面的色彩主体构成,它直接关系到浏览者是否有继续浏览下去的兴趣。所以页面的色彩选择必须符合当前人们的审美习惯,在确定页面主体的色调时,既要尊重受众的心理需求又要符合网站自身的主题定位。网站页面的色彩既不能太过于单一,也不能色彩斑斓,这就需要把握一个适中标准。在确定主体色调以后,按照主次、轻重关系,对图片、标题、边框、文字链接的色彩做出有层次的选择,绝对不能喧宾夺主,要处理好各部分之间的关系以及各部分与整体之间的关系,色彩种类也不宜过多,以免浏览者产生视觉疲劳。
(三)图片。在页面的组成部分中,图片是除文字以外最重要的构成要素,也是最早引用到网络中的多媒体对象。文字的特点是能够直观、准确地传递信息,而图片则可以打破纯文字界面的枯燥、平淡的格局,为页面增添活力,图文并茂,使网页生动形象,充满感情色彩。一般情况下,网页中使用的图片分辨率不需要太高,因为过高的分辨率势必使图片的容量加大,会影响到网页的浏览速度。在网页设计中,图片的大小、位置和方向都会影响到信息的表达,在整体编排中,应该分清重点和主次,对引用到的所有图片先做整体上的布局处理,然后使图片之间、图片和文字之间的关系和谐,页面整体布局和谐统一。
(四)版面。版面设计是在有限的屏幕空间界面对所有多媒体元素进行有机整合,使整体页面布局合理得到,感官效果好,便于受众接受。版面设计的成功与否,影响到网页核心信息的传递价值和浏览者的视觉留存时间,是网页整体感的直观传递。在进行版面设计时,主要利用点、线、面的依存关系,对页面的所有组成要素进行空间位置的排列,这一过程需要在网页自身价值表达的需求下,充分挖掘各多媒体因素的相互关系,使这些要素在视觉感受中体现出均衡、调和、律动的视觉效果,让整个界面生动起来,不平淡、不呆板。在版面的视觉处理上,需要把握好主题与素材、整体与个体之间的关系,在统一之中寻求变化,在不对称中寻找均衡点,促成页面整体的和谐效果。
三、页面的视觉设计原则
(一)风格的确定
在对网站页面进行页面设计之前,一定要确定好基本的主体风格,使其与网站的主题侧重点保持一致,只有内容与形式和谐统一,才能使网站的宣传到达理想效果。在确定主体风格的过程中,还要充分考虑网站受众面的群体特征,即浏览者的大众需求和审美偏好。
(二)色彩的处理
对于视觉冲击而言,色彩是给人最直观的视觉体会,和谐适当的色彩安排可以夺人眼球,吸引浏览者的注意力。因此在色彩的设计中,应该首先确定与主题风格相统一的主打色调,可以是暖色调、冷色调或者采用对比色调,这个完全要根据页面信息传递的需要而定。然后分清主次,分别对背景色、图片颜色、文字颜色等等做出具体的处理,注意色彩的使用层次,不可喧宾夺主。
(三)版面的编排
网页的视觉设计属于交叉学科范畴,在版面的布局安排上基本和平面媒体的设计有异曲同工之处。在有限的屏幕界面内对构成要素做出编排,需要充分考虑各要素之间的依存关联和信息内容的轻重,通过空间上的排列组合,使整个界面和谐统一,生动形象。如何做到科学合理的版面设计,需要从三个大的方面考虑:一是主次分明,让浏览者可以轻松判别信息的价值,便于快速选取核心信息;二是图文并茂,相得益彰,注意文字与图片的结合;三是错落搭配,具有动态感,对要素的位置、大小、方向的处理要错落有致,并把握整体的动态感,使之生动有气息。