论文部分内容阅读
摘 要:现代社会年轻一代的学习、生活方式与网络息息相关,而Flash动画以其动态性、交互性和良好的兼容性为网络技术带来耳目一新的客户体验。从Flash动画的视觉效果、交互性能和技术融合三方面探讨其在网页设计中的应用。
关键词:Flash动画 网页设计 视觉效果 交互体验
中图分类号:TP393.092 文献标识码:A 文章编号:1007-3973(2013)004-076-02
信息化社会,人们的生活、学习、工作、娱乐方式都发生了根本性的变化。2013年1月15日,中国互联网络信息中心(CNNIC)在北京发布第31次《中国互联网络发展状况统计报告》。报告显示,截至2012年12月底,我国网民规模达到5.64亿。由于网络方便,快捷,跨越时间和空间的特性已成为人们不可缺少的一种生活、工作及娱乐方式。网络这个庞大的信息载体通过文字、图片、声音等视听语言,带给人们极其丰富和美好的用户体验效果,成了我们获取信息的巨大宝库和互动交流的首选平台。在大众审美不断提高的文化背景下,人们追求的不再是纯静态的网页,而Flash动画正好满足了大众的这一审美需求。
1 Flash动画丰富网页视觉效果
1.1 用“动”吸引你的注意
相对于静止的网页,有动画的网页更新颖、更能够吸引浏览者的注意力。在网络信息技术高速发展的今天,越来越多的组织或个人已经不再满足于几张摄影图片,一段说明文字而组成的静态网页。Flash动画以其独特的优势增强网络的“炫动”效果,用Flash做网页动画,可以达到纯文本加图片编辑无法单独实现的视觉冲击效果和良好的用户界面体验效果,大大增加了网页的艺术感染力,对于企业展示产品和品牌形象具有明显的优越性。很多时尚品牌和个人网站都选择用flash动画来增添网站的炫动效果。创意的flash网站不仅能吸引网页浏览者的注意,而且给浏览者留下深刻的印象,获得大众的好评。
Flash动画用“闪”“动”来丰富网站的视觉效果,充分调动浏览者的视觉注意。动态元素在充分调动浏览者视觉注意的同时,还可以引起浏览者主动参与的兴趣。利用视觉引导让浏览者参与进来。在制作中,设计师可以通过调整Flash 动画的速度和音乐节奏来增强整个网站的艺术性和视觉冲击力。
1.2 Flash动画的图形特点
Flash制作的动画是矢量图形动画。矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量文件中的图形元素被称为“对象”。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图形与位图使用像素表示图像的方法有所不同。矢量图能够通过保存对象最基本的信息记录对象最完整的属性。相同视觉效果和打印质量的文件,矢量图体积比位图要小, 并且文件体积大小与对象的尺寸大小无关,对某一对象尺寸放大几倍、几十倍的图像文件与原始文件大小相同。对绘制对象进行运动、缩放、旋转、填充等都不会降低绘制对象的图像精度。
网页中的Flash动画应用,主要有网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作的网站注册、登陆、计算等这些既要求视觉效果好,又要求运行速度快的模块。
1.3 Flash动画的色彩特征
色彩是网页设计中重要的视觉要素之一。浏览者打开网页界面首先感受到的就是网站的色彩效果。网页设计中恰当的色彩应用,不但给浏览者带来愉悦的心理感受,而且可以有效地传达信息,提升网站所代表机构或品牌的整体形象。色彩搭配决定网页的调性,对内容意义的表达具有非常重要的辅助作用,在网页设计中可以通过利用色彩的情感特性来引发观赏者的情感体验,调动观赏者的情绪,可以更好的塑造鲜明而丰满的品牌形象,帮助浏览者更好的理解网页所传达的信息。
Flash软件采用矢量技术,其图形和色彩延续了矢量图形的特征,线条简练、色调轻松明快、造型逼真夸张、唯美的艺术情趣、平面化的艺术特征。在艺术领域大家通常把设计中的色彩分为写实色彩和装饰色彩,而Flash动画中的色彩通常都是设计师根据主题和气氛来设计的装饰性的色彩。这种色彩并非自然界的色彩重现,而是对自然色彩的归纳和总结,其色彩单纯、干净、简练,在色彩搭配应用中或追求和谐,或趋向强烈的对比效果,力求达到色彩视觉美感。这种色彩特征为Flash动画增添了视觉魅力。
2 Flash动画增强网页交互性
2.1 交互性是新的审美需求
“审美”实际上是一种社会需求的产物,它总是适应特定社会需求而存在,同时又服务于其赖以生存的社会文化大环境。在这个高度信息化的社会中,传统的审美观已经不能满足大众多元化的审美需求,人们不再满足于观看和被动接受的审美活动,大众审美从单向的“说服”转向了双向的“对话”。 Flash动画互动性的技术和艺术,使企业或个人能够用更直接、更便捷的方式传达信息,与浏览者进行在线交流与双向互动。
Flash以其独特的时间片段分割(Time Line)和重组(MC嵌套)技术,结合ActionScitpt的对象和流程控制,使得灵活的界面设计和交互式动画设计成为可能,无论处于何种平台,只要安装有支持的Flash Player,就可以保证它们的最终显示效果的一致。可以说Flash是在网站上实现交互式动态设计的最优方案。
2.2 交互性为用户带来参与体验
Flash在网页中可以整合图像、声音、视频等多媒体元素实现交互功能。用Flash软件制作的动画具有很强的视觉召唤力和交互性。Flash 软件本来就具有交互性的优势,当然这与网络技术的开放性有着密不可分的关系。采用Flash 设计制作的网站,在满足网络信息传达的同时,还能让网页浏览者、欣赏者参与到信息接受和传播中来。网页浏览者通过点击、选择等动作决定网页动画的播放过程和视觉效果,使网页信息的展示和传达更具互动性和趣味性。通过用户界面设计引导浏览者的视觉,让网页浏览者不知不觉参与到信息的获取和传播中来。
3 Flash动画与网络技术完美融合
Flash软件制作的是矢量动画格式的文件,矢量图的特点在于图像文件体积小,图像质量好,操作简单方便,而且对图像文件进行放大和缩小操作均不会影响图像的质量。
并且Flash软件制作的文件适应面广,Flash制作的文件是“流”式的播放方式,支持多种多样的文件格式。通常网页上用的文件保存为 *.swf动画影片文件,这种文件格式占用空间很小,播放效果流畅,符合网络信息传输对文件的要求。设计者把Flash动画添加到网页中以后,如果想修改动画尺寸,可以在属性面板中对其大小进行调整。Flash动画具有跨平台、跨媒体的优势,多种媒体整合和强大的互动性的特点,使它成为网站设计者非常欢迎的动态图形实现软件之一。
相对于三维软件制作的动画来说,Flash制作耗费的成本小,制作周期短,软件本身简单易学,视觉表现效果却能满足需要,越来越多的公司用它来丰富网站的视觉效果。中国点击率最高的几个网站(比如:新浪、搜狐、网易、雅虎)首页都有Flash制作的动画效果。Flash已经成为各种媒介互助共进,开拓更广阔发展空间的得力工具。
参考文献:
[1]中国互联网络信息中心[OL].http://www.cnnic.cn/hlwfzyj/hlwxzbg/hlwtjbg/201301/t20130115_38508.htm,2013-03-15.
[2]涂杰.Flash技术的网站交互式设计[J].艺海,2010(07).
关键词:Flash动画 网页设计 视觉效果 交互体验
中图分类号:TP393.092 文献标识码:A 文章编号:1007-3973(2013)004-076-02
信息化社会,人们的生活、学习、工作、娱乐方式都发生了根本性的变化。2013年1月15日,中国互联网络信息中心(CNNIC)在北京发布第31次《中国互联网络发展状况统计报告》。报告显示,截至2012年12月底,我国网民规模达到5.64亿。由于网络方便,快捷,跨越时间和空间的特性已成为人们不可缺少的一种生活、工作及娱乐方式。网络这个庞大的信息载体通过文字、图片、声音等视听语言,带给人们极其丰富和美好的用户体验效果,成了我们获取信息的巨大宝库和互动交流的首选平台。在大众审美不断提高的文化背景下,人们追求的不再是纯静态的网页,而Flash动画正好满足了大众的这一审美需求。
1 Flash动画丰富网页视觉效果
1.1 用“动”吸引你的注意
相对于静止的网页,有动画的网页更新颖、更能够吸引浏览者的注意力。在网络信息技术高速发展的今天,越来越多的组织或个人已经不再满足于几张摄影图片,一段说明文字而组成的静态网页。Flash动画以其独特的优势增强网络的“炫动”效果,用Flash做网页动画,可以达到纯文本加图片编辑无法单独实现的视觉冲击效果和良好的用户界面体验效果,大大增加了网页的艺术感染力,对于企业展示产品和品牌形象具有明显的优越性。很多时尚品牌和个人网站都选择用flash动画来增添网站的炫动效果。创意的flash网站不仅能吸引网页浏览者的注意,而且给浏览者留下深刻的印象,获得大众的好评。
Flash动画用“闪”“动”来丰富网站的视觉效果,充分调动浏览者的视觉注意。动态元素在充分调动浏览者视觉注意的同时,还可以引起浏览者主动参与的兴趣。利用视觉引导让浏览者参与进来。在制作中,设计师可以通过调整Flash 动画的速度和音乐节奏来增强整个网站的艺术性和视觉冲击力。
1.2 Flash动画的图形特点
Flash制作的动画是矢量图形动画。矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量文件中的图形元素被称为“对象”。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图形与位图使用像素表示图像的方法有所不同。矢量图能够通过保存对象最基本的信息记录对象最完整的属性。相同视觉效果和打印质量的文件,矢量图体积比位图要小, 并且文件体积大小与对象的尺寸大小无关,对某一对象尺寸放大几倍、几十倍的图像文件与原始文件大小相同。对绘制对象进行运动、缩放、旋转、填充等都不会降低绘制对象的图像精度。
网页中的Flash动画应用,主要有网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作的网站注册、登陆、计算等这些既要求视觉效果好,又要求运行速度快的模块。
1.3 Flash动画的色彩特征
色彩是网页设计中重要的视觉要素之一。浏览者打开网页界面首先感受到的就是网站的色彩效果。网页设计中恰当的色彩应用,不但给浏览者带来愉悦的心理感受,而且可以有效地传达信息,提升网站所代表机构或品牌的整体形象。色彩搭配决定网页的调性,对内容意义的表达具有非常重要的辅助作用,在网页设计中可以通过利用色彩的情感特性来引发观赏者的情感体验,调动观赏者的情绪,可以更好的塑造鲜明而丰满的品牌形象,帮助浏览者更好的理解网页所传达的信息。
Flash软件采用矢量技术,其图形和色彩延续了矢量图形的特征,线条简练、色调轻松明快、造型逼真夸张、唯美的艺术情趣、平面化的艺术特征。在艺术领域大家通常把设计中的色彩分为写实色彩和装饰色彩,而Flash动画中的色彩通常都是设计师根据主题和气氛来设计的装饰性的色彩。这种色彩并非自然界的色彩重现,而是对自然色彩的归纳和总结,其色彩单纯、干净、简练,在色彩搭配应用中或追求和谐,或趋向强烈的对比效果,力求达到色彩视觉美感。这种色彩特征为Flash动画增添了视觉魅力。
2 Flash动画增强网页交互性
2.1 交互性是新的审美需求
“审美”实际上是一种社会需求的产物,它总是适应特定社会需求而存在,同时又服务于其赖以生存的社会文化大环境。在这个高度信息化的社会中,传统的审美观已经不能满足大众多元化的审美需求,人们不再满足于观看和被动接受的审美活动,大众审美从单向的“说服”转向了双向的“对话”。 Flash动画互动性的技术和艺术,使企业或个人能够用更直接、更便捷的方式传达信息,与浏览者进行在线交流与双向互动。
Flash以其独特的时间片段分割(Time Line)和重组(MC嵌套)技术,结合ActionScitpt的对象和流程控制,使得灵活的界面设计和交互式动画设计成为可能,无论处于何种平台,只要安装有支持的Flash Player,就可以保证它们的最终显示效果的一致。可以说Flash是在网站上实现交互式动态设计的最优方案。
2.2 交互性为用户带来参与体验
Flash在网页中可以整合图像、声音、视频等多媒体元素实现交互功能。用Flash软件制作的动画具有很强的视觉召唤力和交互性。Flash 软件本来就具有交互性的优势,当然这与网络技术的开放性有着密不可分的关系。采用Flash 设计制作的网站,在满足网络信息传达的同时,还能让网页浏览者、欣赏者参与到信息接受和传播中来。网页浏览者通过点击、选择等动作决定网页动画的播放过程和视觉效果,使网页信息的展示和传达更具互动性和趣味性。通过用户界面设计引导浏览者的视觉,让网页浏览者不知不觉参与到信息的获取和传播中来。
3 Flash动画与网络技术完美融合
Flash软件制作的是矢量动画格式的文件,矢量图的特点在于图像文件体积小,图像质量好,操作简单方便,而且对图像文件进行放大和缩小操作均不会影响图像的质量。
并且Flash软件制作的文件适应面广,Flash制作的文件是“流”式的播放方式,支持多种多样的文件格式。通常网页上用的文件保存为 *.swf动画影片文件,这种文件格式占用空间很小,播放效果流畅,符合网络信息传输对文件的要求。设计者把Flash动画添加到网页中以后,如果想修改动画尺寸,可以在属性面板中对其大小进行调整。Flash动画具有跨平台、跨媒体的优势,多种媒体整合和强大的互动性的特点,使它成为网站设计者非常欢迎的动态图形实现软件之一。
相对于三维软件制作的动画来说,Flash制作耗费的成本小,制作周期短,软件本身简单易学,视觉表现效果却能满足需要,越来越多的公司用它来丰富网站的视觉效果。中国点击率最高的几个网站(比如:新浪、搜狐、网易、雅虎)首页都有Flash制作的动画效果。Flash已经成为各种媒介互助共进,开拓更广阔发展空间的得力工具。
参考文献:
[1]中国互联网络信息中心[OL].http://www.cnnic.cn/hlwfzyj/hlwxzbg/hlwtjbg/201301/t20130115_38508.htm,2013-03-15.
[2]涂杰.Flash技术的网站交互式设计[J].艺海,2010(07).