FLASH在网页设计中的运用趋势

2009-12-07 03:38董泽钦
艺海 2009年10期
关键词:插件网页矢量

董泽钦

目前,网页制作技术已经进入了新的阶段,人们追求的不再是纯静态的网页,而是追求新颖而有趣的FLASH动态网页。可以说,通过FLASH进行网页设计并建设网站,开创了多媒体效果的网页或整个多媒体网站的新潮流。为什么FLASH在现行网页设计中被广大的爱好者、企业、市场、设计者所欣赏并成为当今视觉传达设计发展的趋势?

一、FLASH与网页设计的历史渊源

在专业网页设计中,网页也称Web或Web页,Web技术是指以网络为媒介,把各种信息以最快捷、方便的方式传达给受众的技术。Web的主要任务是展现信息内容,而HTML语言则是信息展现的最有效载体之一,因此网页也称为HTML页。作为一种实用的超文本语言,HTML的历史最早可以追溯到上世纪四十年代。在最早的互联网上,网页只有文字和少量图片,而后,有部分视频图像开始在上面传播开。但是这些视频图像并不能在网络上进行实时的播放,而只能通过下载到本地计算机后才能被看到。所以在FLASH出现前网页上是静态图文为主的。

最初的HTML语言只能在浏览器中展现静态的文本或图像信息,这满足不了时下人们对多样化信息的强烈需求,由静态技术向动态技术的转变成为了Web技术演进的必然。为了在HTML页面中实现音频、视频等更为复杂的多媒体应用,直到1996年,Macromedia公司收购了FutureWave,并将Jonathan Gay的发明改名为我们熟悉的FLASH。从此,FLASH动画成了Web开发者表现自我、展示个性的最佳方式。例如:使用FLASH制作动态网站片头、网页动画、交互式网页等来吸引网客,我们不仅在网页上随处可以看到各种FLASH动画片头、广告,还可以看到完全用FLASH制作的主页,这已成为现行网页设计发展的趋势。

二、Flash在网页中的表现特点及优势

Flash是目前最流行的矢量动画制作软件,应用于网页设计中与其他Wed动画软件相比,它具很多特点及优势:

1、灵巧的矢量图形

Flash本身具有极其灵巧的图形绘制功能,更重要的是他能导入专业级绘图工具,如MacromediaFreeHand、Adobe Illustrator等绘制的图形。这些图形与GIF和JPG不同,用FLASH制作出来的动画是矢量的,矢量图使用线段和曲线描述图像,所以称为矢量,矢量图像,也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点,同时图形也包含了色彩和位置信息。例如一卡通形象的矢量图形实际上是由线段围合成外框轮廓,由外框的颜色以及外框所封闭的颜色决定整个卡通形象的颜色。

当进行矢量图形的编辑时,定义的是描述图形形状的线和曲线的属性,这些属性将被记录下来。对矢量图形的操作,例如移动,重新定义尺寸,重新定义形状,或者改变矢量图形的色彩,都不会改变矢量图形的显示品质。也可以通过矢量对象的交叠,使得图形的某一部分被隐藏,或者改变对象的透明度。矢量图形的“分辨率独立”的,这就是说,当显示或输出图像时,图像的品质不受设备的分辨率的影响。因此FLASH动画采用矢量图像具有如下特点:(1)文件小;(2)图像元素对象可编辑;(3)图像放大或缩小不影响图像的分辨率;(4)图像的分辨率不依赖于输出设备。由于各元素都是矢量的,只要用少量向量数据就可以描述一个复杂的对象,占用的存储空间只是位图的几千分之一,能有效提高网页浏览速度。同时,矢量图像可以做到真正的无级放大。这样,无论用户的浏览器使用多大的窗口,图像始终可以完全显示,并且不会降低画面质量。

2、使用插件方式工作

用户只要安装一次插件,以后就可以快速启动并观看动画,而不必像Java那样每次都要启动虚拟机。由于FALSH生成的动画一般都很小,所以,调用的时候速度很快。FALSH plug-in也不大,只有150KB左右,很容易下载并安装。例如你电脑中没有安装上述插件,当你进入网页或是空间时,便有相关的提示出现,如电脑提示:“你没有安装FALSH Player8.0或8.0以上播放器”,同时出现:“浏览此页面需要安装插件”等提示。此时,你就可以判断你的电脑需要安装上述的FALSH插件了,至手安装什么版本的,就根据你实际的需要了。如果只是单纯的想用来浏览页面或是空间,就目前来看,安装FALSH8.0插件就够用了。

3、丰富的视听效果

FALSH支持位图、声音、渐变色、Alpha、多级透明等,不但可以对导入的图像(jpg、gif)产生翻转、拉伸、擦除、歪斜、改变颜色亮度等效果,还能利用新的套索工具或魔术棒在图像中选择颜色相同的区域并创建遮罩(Mask);将图像打碎分成许多单一的元素进行编辑,设置图像的属性,如产生平滑效果和质量损失压缩等。声音插入Flash3支持同步WAV(Windows)和AIFF(Macintosh)格式的声音文件和声音的连接,你可以用同一个主声道中的一部分来产生丰富的声音效果,而无须改变文件量的大小。可以创建透明的图形,并可以任意改变层次间透明的不同效果,如透明度、倾斜度及透明的颜色等属性。拥有了这些功能,完全可以建立一个全部由Flash制作的站点。

4、“准”流(stream)形式文件

从前,多媒体文件需要从服务器上下载后才能播放,一个1分钟的较小的视频文件,在56K的窄带网络上至少需要30分钟时间进行下载,这限制了人们在互联网上大量使用音频和视频信息进行交流。“流媒体”不同于传统的多媒体,它的主要特点就是运用可变带宽技术,以“流”(Stream)的形式进行数字媒体的传送,使人们在从28K到1200K的带宽环境下都可以在线欣赏到连续不断的高品质的音频和视频节目。这就是说,在观看一个大动画的时候,可以不必等到影片全部下载到本地再观看,而是随时可以观看,哪怕后面的内容还没有完全下载到硬盘,也可以开始欣赏动画。

5、具有很强的视觉流动性

FLASH在英文中的原意是“闪光”,“闪”的直接视觉是运动性。运动性在FLASH动画中的应用使得FLASH动画有了生气、有了活力。当我们看到许多有着丰富的动态效果的网页,特别是随着鼠标的移动和指向,按钮会出现各种不同的声、色、影变化,当鼠标快速移动的时候,就会产生此起彼伏的动态特效,使得整个网站的界面变得生动有趣。这些视觉特效甚至比起网站本身的内容更吸引我们的眼球。因此非常受用户的欢迎与认可。有的网站采取整站FLASH技术,有些仅仅作为网站的一个引入片头,也有些则灵活应用,结合网站内容使网站表现“活”的一面,比如网站广告语可以动态表现出来,部分网站图片集动态展示等。

6、交互性

FLASH虽然不可以象一门语言一样进行编程,但用其内置的语句并结合JAVASCRIPE。FLASH的“交互性”

让艺术作品有了生命力,可以让艺术品与受众和作品进行互动。一方面,从互动广告来说,FLASH的互动可以完美地将广告与娱乐结合起来,可以在娱乐的同时全面地了解产品,使得浏览者对产品有更立体的感觉。另一方面,从互动游戏来说,FLASH做出的游戏体积很小,方便下载,又因为FLASH是矢量的,它完全可以做出精美的画面,加上As的语言强大,使很多的东西都成为了可能。它更适合一些白领办公室人员,这是一个庞大的受宠人群。并且FLASH里面可以加入一些链接,使得在游戏之前或过后广告厂商有足够的宣传空间。在FLASH网站特效实现的过程中,常常可以随机地出现许多可能性、趣味性让人流连其中。这些特效的制作本是服务于网站内容的,但它针对视觉的探索却使它已经具有了很强的艺术效果。

三、FLASH在网页设计中的运用趋势

多元化的视觉暗潜着视觉传达的观念技术和价值。由于人们对于新的尖端科学技术的喜好,有了不同于以前的心理状态、价值取向、审美意识等。随着FLASH技术开发的日益成熟,现在越来越多的网建公司已经把应用FLASH当作最重要的技术手段来做为业务筹码。的确,在网站建设中,FLASH确实是一种很好的技术表现形式:轻巧、易于控制、互动性强、动感十足、视觉冲击力强等,为每个企业主带来的推广方式比那种呆板的静态表现形式生动很多。而且现在FLASH在基于后台互动方面的衔接越来越和谐,从以前的点缀手段成为现在的主流技术。利用FLASH幽默形式和动感十足的制作风格引起大家的关注并广泛传播,成为一种有用的商业宣传方式。例如国内可口可乐的FLASH动画广告;移动的FLASH广告;必胜客的FLASH广告等。有些网站为了追求美观和互动性,甚至将整个首页全部用FLASH方式设计。现在网上已经有成千上万个FLASH站点,著名的如Macromedia专门ShockRave站点、mini汽车的miniusa站点、音乐人mickjagger的个人网站mickjagger等,全部采用了全FLASH制作;可以说FLASH已经渐渐成为交互式矢量的标准,未来网页的一大主流。

正如海德格尔所说:技术不仅仅是手段,技术是一种展现的方式。在网络资源极其丰富的今天,在全球性金融风暴影响下的今天,如何让自己的网站在网络大海中更具特色?如何让使之脱颖而出?如何提高浏览量?如何有效达到宣传效果?改变单调的静态网页,变被动为主动,利用FLASH技术制作动态网页将是一种有效的方法。

综上所述,FLASH以其特有的特点及优势,不仅引领了网站市场和网络广告设计的新理念,更对整个艺术设计界产生较大影响,它让广告媒体更加丰富多彩,推动了网络艺术媒体的普及和发展,FLASH动画今后的发展也会逐渐渗透到广告、影视、文化、经济、教育、生活等各个领域,成为网页设计的运用趋势。

猜你喜欢
插件网页矢量
自编插件完善App Inventor与乐高机器人通信
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
基于jQUerY的自定义插件开发
基于矢量最优估计的稳健测向方法
网页制作在英语教学中的应用
MapWindowGIS插件机制及应用
基于Revit MEP的插件制作探讨
10个必知的网页设计术语
色料减色混合色矢量计算