网络媒体之视觉页面设计.docVIP

网络媒体之视觉页面设计摘要:网页设计是一种建立在网络媒体之上的新型设计,它与传统媒体的表现有诸多不同。网络信息传播具有声、像、文、视觉、听觉,互动等的特点,是集-艺术创意与多媒体技术于一体的过程,通过视觉页面设计进行全球化的信息交流。 关键词:网络媒体;视觉;页面设计 一、前　言 近些年,随着网络技术的飞速发展,尤其是WEB2.0时代的到来,给网络带来了新的信息共享方式及新的技术运用,改变了网络中内容组织和信息传播的方式,也使网页界面视觉传达的形式多样化,例如网页中能够运用数字化技术手段将语言、声音、图象、文字等有机融合在一起,然后通过各种形式表现出来,从而扩展了网页界面视觉设计的表现方式和手段。因此,如何对网页中的信息进行有效的规划,使信息有条理、有秩序地表现出来,就不仅仅成为网页界面设计要解决的问题,同时也关乎到网页是否具有吸引力的问题。 二、网络视觉页面设计的要点分析 1、文字的设计 网页中经常用大量的文字来描述传播的内容,所以,通过阅读文字来了解信息在网页中占了较大的份额。网页中的文字可以分为“静态文字”、“动态文字”、“图像文字”和“色彩文字”等几类。“静态文字”表现主要涉及到字体的样式、大小以及字距、行距等。在网页制作过程中,这类文字应以电脑系统自带的字体为主,这样可以避免在其它电脑上显示不出文字的情况了。动态文字大多是通过色彩的变化或是不停的闪动来表现,它较其它类文字更能吸引浏览者目光。除此之外,有一些文字会根据用户的操作出现不同的反应,例如:不断变换的文字,当用户点击不同时间段出现的文字时就会出现不同的界面或相关的信息内容。图像文字从网页制作的角度讲,它不是以文字的格式出现,而是以图片的格式显示的,因此,其在显示上就不会受到电脑本身所带字体的影响。不同色彩的文字更能强化信息的视觉刺激,这样网页中图像文字、多种字体及彩色文字的运用丰富了视觉,不仅容易引起视觉上的注意,对单调的正文文字也起到视觉上的调节作用。网页中文字的这些特点,对于不同的信息传达起着各自不同的作用,如何运用文字的这些特点呢?就要从信息内容的特点出发,在字体的选择上要和内容相适应,以给人清晰的视觉印象。同时,也可以利用这些文字的特性来区分信息的主次,让受众在浏览时能够及时了解主要内容。 2、图片的设计 图片是文字以外最早引入到网络中的多媒体对象,可以说,要使网页在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片,对于一条信息来说,图片对受众吸引也远远超过单纯的文字。网络图片的特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上,受显示器最小分辨率的限制,即使图片的分辨率很高,颜色深度很大,我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。网页中使用的图像可以是GIF、JPEG、BMP、TIFF、PNG等格式的图像文件,其中使用最广泛主要是GIF和JPEG两种格式。GIF是通过减少组成图像每个象素的储存位数和LZH压缩存储技术来减少图像文件的大小,GIF格式最多只能是256色的图像。GIF图像文件短小、下载速度快,可用许多具有同样大小的图像文件组成动画。JPEG格式能展现十分丰富生动的图像,还能压缩,但压缩方式是以损失图像质量为代价,压缩比越高图像质量损失越大,图像文件也就越小。与Windows支持的位图BMP格式的图像相比,同一图像的BMP格式的大小是JPEG格式的5至10倍。图片的位置,面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中作用,达到和谐整齐。要达到这样的效果,在页面图片的合理选用时,一要注意统一,二要注意悦目,三要注意突出重点,特别是在处理和相关文字编排在一起的图片时。 3、色彩的设计 色彩是网页设计的重要内容之一。浏览者在浏览页面时,留下的第一印象就是页面的色彩设计,它的好坏直接影响阅读者的观赏兴趣,因此,色彩设计在网页的设计中居于十分重要的地位。色彩使用要点:①色彩过多与不及。图文并茂对于浏览者是否会停留在这个网站并且仔细地阅读它的内容,是个决定性的因素,就算是一小点的颜色,对一个以纯文字为主的网页,都能大大地增加它的可读性。当然太多的颜色比颜色不足还糟糕,许多人想尽可能将很多色彩组合在一起,把缤纷的背景放在网页上,但是要注意背景颜色也应和内文及图形相互协调、搭配。背景颜色、每个元素的色彩、内文的颜色、以及超级链接选项的颜色应该整体考虑,一个网页的颜色一般应在起一个统一的基本色调层次里。②颜色的对比。在考虑要用什么颜色、以及把这个颜色放在那里时,应该要注意到这个颜色对它周围的色块以及与它重叠的元素有什么影响,大致上而言,背景颜色应该要尽量淡雅一点,不要让所有的目光都集中到它身上而使得网页的内容