论文部分内容阅读
摘 要：Flash是美国Adobe公司推出的一款交互动画工具软件。动画为平面设计领域开辟了一个全新的视野，在视觉表现中占有举足轻重的地位，听觉的表现给视觉表现带来重要补充，带有配音的网页设计作品要比没有配音的作品更加具有表现力,更能吸引网页浏览者。
关键词：动画；乐；视觉
中图分类号：J218.7 文献标识码：A文章编号：1006-4117（2011）08-0368-02
一、视觉设计的动态表现
动画中的运动分为滑动、形体和显隐的变化。滑动能给人以柔美、流畅的感觉，在平面上缓慢滑动物体让人平和、安详，使人视觉神经放松；如果是缓慢的曲线形滑动就会让人有委婉含蓄的视觉效果。如果是表现快速的穿梭效果，就需要借助物体运动时视觉产生的模糊原理，即利用人们视觉上的误差在眼睛中留下的残影原理来完成。滑动的快与慢，让观众产生柔美与急促的对比视觉效果，例如使用滑动制作雪花缓缓飘落的场景，让观众体会到冬的寒冷与凄美，又例如用滑动效果表现大风吹掉树叶的视觉效果，让浏览者感受到秋意。在Flash动画中，形体的变化是很奇妙的，奇妙之处在于它能完成方形这一状态自然变化成圆形的变化过程。物体从没有到半透明后逐渐完全显现出来这一变化，我们通常叫做隐显的变化，它是利用物体透明与显现来完成视觉美的表达。这隐显的变化通过三种表达方式来完成。第一种是快速显隐，形体通常完成一次显隐的时间是2秒钟，实现了闪断的效果，具有一定的视觉冲击，而且这样的快速闪断在节奏上给人一种轻松的快感，与现代的快节奏生活相符相乘，更加容易让浏览者接受。第二种是利用透明度这一属性来实现显隐效果，与第一种有所不同，它的透明度调节有0-100的透明选项，0%是完全透明，，100%是不透明，这也是现今设计领域很热衷于运用的效果之一，利用这一效果可以很轻松的设计出带有潮流信息的网站动画效果，使网站具有时尚性，让浏览者感觉到强烈的潮流信息。遮罩功能就是网页动画中做常用的第三种显隐效果，它是利用两个图层来实现的，上层物体的形状限定了下边图层字体显示的区域，达到只显示下边字体的目的，利用遮罩的功能，实现了窥一斑而知全貌的动画效果，而且巧妙的使用遮罩，还能实现放大镜的效果。以上这三种隐显动画效果，在动画制作中应用十分广泛，成为实现众多变化的最基本表现方法。
二、动静结合的视觉审美
（一）点、线、面的动静结合
静态点和动态点在分布、大小、排列、数量的不同，产生不同的视觉效果，通过表—1，提出一个点与多个点在应用中产生的不同视觉效果，但是在实际创作中，却不是单一的使用某个方法，而是同时运用这些“点”变化效果，这样才能产生千变万化的“点”的视觉效果。
“线”比“点”更有表现张力,更能体现柔美的感觉。“线”分为直线和曲线。在网页中合理的使用“线”可以表达出比“点”更加直观的视觉感受。表需2中总结了“线”在动画中常用的几种表现方法。
虽然“面”的变化没有“线”的变化丰富多彩，但“面”变化有质量和体积感，动画效果容易吸引人观众，更加具有表现力。所以在运用面做动画时要注意面积比例的掌握，这比动画本身还要重要的多。表3总结了“面”的视觉动画效果
（二）色彩在动画中的混合搭配
动画同平面设计一样，也需要色彩来增添活力，在动画中很好的运用色彩，会给浏览者留下深刻印象，也就增加了网站的点击率。在动画设计中如果遇到强烈的色相对比时，需要注意的是色彩对比所产生的对比效果，强烈的动态感搭配原色的强烈对比，比两者单独在网页中使用时对比，给浏览者的视觉冲击感受更强。色相的强烈对比与色彩纯度对比就效果来说后者不如前者，同色系的色彩纯度对比让观众更理性化，让人产生思维的延续性，网页设计时用这样的对比方式，如慢慢降低色彩的纯度，让观众从兴奋的情绪中逐渐脱离出来，从而使情绪稳定并进入思考的空间。动画中明度对比可以有很多的变化，从而产生视觉美感。例如在深蓝色背景上加上白色字体，字就会显得是非突出，如果把白色字改成灰色，就缺少了明快的感觉，而失去了明度对比的最佳效果。色彩在动画中的使用与平面设计是有所区别的，平面设计中不能运用红绿搭配，但是因为动画不是静止的，如果谨慎使用，在网页设计中也可以实现红绿搭配，例如在红色中添加20%绿色,在绿色中加入40%红色，对比效果就出来了，这就是动画中的色彩调和。在动画网站中色彩调和很重要，色彩在搭配运用方面做到你中有我、我中有你，使整个网站色彩更加的协调一致。要想做一个成功的动画网站，不仅需要良好的色彩搭配，还要注意色彩的调和与对比，这样才能达到好的视觉美感。
三、视听的奇妙组合
Flash除了让视觉元素动起来，还支持听觉功能。声音的加入丰富了动画的魅力。如果动画不加入声音，就像早期的电影没有声音一样。声音是动画的同步补充,是为了加强浏览者在观看动画时，在视觉的冲击的同时对听觉的冲击，从而达到动画给予观众的最好的双从感受。所以要想设计出高水平的动画网站，如果没有声音的配合是不完整的。动画音乐主要分音效和音乐这两个方面。根据不同的动画加入适合的声音效果，其使用方法也不尽相同。音效播放时间很短，瞬间及播放完成，它主要是使用在某个简短动作上边,例如当鼠标触发菜单时发出的“叮”声，设计流星滑落夜空时的“呼”声等等。音效的使用很广泛，网站中的游戏网站的按钮经常会运用音效这一对象，用来提示浏览者：“点击按钮还会有内容”。音乐播放的时间比音效要长得多，如果开头和结尾是可以完好的衔接在一起的音乐，进行重复播放设置，就会很大程度上减小Flash生成文件的尺寸。当然,如果需要整段的音乐,比如制作MTV，即音乐配合动画时,一首歌曲一般是3—5分钟的时间，就不能把音乐导入动画中了，因为音乐会使生成的文件过大，增加服务器的负担，在打开页面时，需要加入action语言进行音乐外部调用。
听觉表现效果，主要有三种方法，我们主要讨论动画配合音乐的表现手法。音效最终服务于动画。
（一）节拍配合。动画在切换不同镜头时，一般都会用节拍加以配合。因为没有专业的录音设备，所以动画形式都是配合音乐而衍生出来的，这在制作网络音乐MTV中是最常见。画面给观众身心愉悦的听觉与视觉的统一，让观众受到音乐与画面的共同震撼，而被打动，产生共鸣。
（二）速度配合。除了节拍，音乐还有速度感，比如DJ音乐，特别是跟舞蹈动画配合在一起时，有身临奇境的感觉，这是音乐就显得尤为重要，在制作动画中起到画龙点睛的作用。
（三）情感配合。节拍与速度的配合可以表达情感,但是更多的情感表达是依靠有特点的音乐来实现的，音乐表达的喜、怒、哀、乐，是根据相应的动画需求而定，最终达到剧情的需要。正如海德格尔所说：“技术不仅仅是手段，技术是一种展现的方式”。在网络资源丰富的今天，如何让自己的网站在网络的天空中更具特色？如何使之脱颖而出？如何提高点击率和浏览量？答案是肯定的，改变单调的静态页面，变被动为主动，利用FLASH技术制作动态网站将是网络高度发展的新方向。
综上所述，FLASH以其特有动画优势，不但引领了网站市场和网络广告设计的新概念，更对整个平面视觉传达的研究与探索开辟了新的发展方向，它让网络广告更加丰富多彩，推动了网络艺术这一新兴媒体的普及和发展，FLASH动画已经逐渐渗透到广告、文化、影视、教育、生活、经济等各个领域。
尽管网页设计有很多的网络优势，可是并不是完美无缺的，也有其局限性。
1、被动选择。网页与浏览者永远是互动关系，大众在浏览网页时，信息虽然是被动点选，但不是强迫性阅读，会有很宽松的选择余地，这既是优势，也是局限，其局限在于没有强迫阅读，人们在了解信息时，网站如果没有一个很好的视觉冲击，就无法挽留人们的视线，这也给设计者提出来更高的要求。
2、版面局限。网页是互联网最基本的单元，受计算机显示器的局限，版面过小，设计的图片不能达到很好的细致程度，使创意受制于小空间。这一点在平面设计中的优势远远大于网页设计，显得网络的设计在视觉冲击力上先天不足。
3、技术局限。要想成为一名优秀的网页设计者，不仅要有扎实的平面设计功底，还要学习计算机语言。尤其是flash动画中的action脚本语言，但是这对于一个平面设计者来说，是相对比较难的事情，因为这要从计算机最基础的代码学起，对我们这样不是从事计算机专业的人员来说，在代码技术这方面是很欠缺的。而从事计算机行业的人员在创意和设计上又是相对欠缺的，这就需要两者相互补足。
结束语：本文以网络设计平面视觉元素的创新应用，探讨了万维网的基本概念，就网络动画进行较为详细的分析，在网页设计中将平面视觉元素与听觉元素相结合，所带来的特殊效应。小的方面还探讨了网页设计的局限，现在网络己经成为人类不可或缺的一部分，所以提出了本文的论题，让更多的平面设计师投身到新媒体设计中来在网络这一新兴媒介中继续发扬我国民族文化的特点，把具中国特色的动画设计推向国际的平台。
参考文献:
[1]尹定邦.图形与意义[M].长沙:湖南科学技术出版社,2003.
[2](英)EH.贡布里希.秩序感[M].长沙:湖南科学技术出版社,2000.
[3]南波飞.网络媒体的视觉传达设计研究[D].湖南大学硕士学位论文.2002.
[4]陈飞.组合之美一谈网页设计的点、线、面的运用[J].内蒙古艺术.2003:26-27.
注：本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文
关键词：动画；乐；视觉
中图分类号：J218.7 文献标识码：A文章编号：1006-4117（2011）08-0368-02
一、视觉设计的动态表现
动画中的运动分为滑动、形体和显隐的变化。滑动能给人以柔美、流畅的感觉，在平面上缓慢滑动物体让人平和、安详，使人视觉神经放松；如果是缓慢的曲线形滑动就会让人有委婉含蓄的视觉效果。如果是表现快速的穿梭效果，就需要借助物体运动时视觉产生的模糊原理，即利用人们视觉上的误差在眼睛中留下的残影原理来完成。滑动的快与慢，让观众产生柔美与急促的对比视觉效果，例如使用滑动制作雪花缓缓飘落的场景，让观众体会到冬的寒冷与凄美，又例如用滑动效果表现大风吹掉树叶的视觉效果，让浏览者感受到秋意。在Flash动画中，形体的变化是很奇妙的，奇妙之处在于它能完成方形这一状态自然变化成圆形的变化过程。物体从没有到半透明后逐渐完全显现出来这一变化，我们通常叫做隐显的变化，它是利用物体透明与显现来完成视觉美的表达。这隐显的变化通过三种表达方式来完成。第一种是快速显隐，形体通常完成一次显隐的时间是2秒钟，实现了闪断的效果，具有一定的视觉冲击，而且这样的快速闪断在节奏上给人一种轻松的快感，与现代的快节奏生活相符相乘，更加容易让浏览者接受。第二种是利用透明度这一属性来实现显隐效果，与第一种有所不同，它的透明度调节有0-100的透明选项，0%是完全透明，，100%是不透明，这也是现今设计领域很热衷于运用的效果之一，利用这一效果可以很轻松的设计出带有潮流信息的网站动画效果，使网站具有时尚性，让浏览者感觉到强烈的潮流信息。遮罩功能就是网页动画中做常用的第三种显隐效果，它是利用两个图层来实现的，上层物体的形状限定了下边图层字体显示的区域，达到只显示下边字体的目的，利用遮罩的功能，实现了窥一斑而知全貌的动画效果，而且巧妙的使用遮罩，还能实现放大镜的效果。以上这三种隐显动画效果，在动画制作中应用十分广泛，成为实现众多变化的最基本表现方法。
二、动静结合的视觉审美
（一）点、线、面的动静结合
静态点和动态点在分布、大小、排列、数量的不同，产生不同的视觉效果，通过表—1，提出一个点与多个点在应用中产生的不同视觉效果，但是在实际创作中，却不是单一的使用某个方法，而是同时运用这些“点”变化效果，这样才能产生千变万化的“点”的视觉效果。
“线”比“点”更有表现张力,更能体现柔美的感觉。“线”分为直线和曲线。在网页中合理的使用“线”可以表达出比“点”更加直观的视觉感受。表需2中总结了“线”在动画中常用的几种表现方法。
虽然“面”的变化没有“线”的变化丰富多彩，但“面”变化有质量和体积感，动画效果容易吸引人观众，更加具有表现力。所以在运用面做动画时要注意面积比例的掌握，这比动画本身还要重要的多。表3总结了“面”的视觉动画效果
（二）色彩在动画中的混合搭配
动画同平面设计一样，也需要色彩来增添活力，在动画中很好的运用色彩，会给浏览者留下深刻印象，也就增加了网站的点击率。在动画设计中如果遇到强烈的色相对比时，需要注意的是色彩对比所产生的对比效果，强烈的动态感搭配原色的强烈对比，比两者单独在网页中使用时对比，给浏览者的视觉冲击感受更强。色相的强烈对比与色彩纯度对比就效果来说后者不如前者，同色系的色彩纯度对比让观众更理性化，让人产生思维的延续性，网页设计时用这样的对比方式，如慢慢降低色彩的纯度，让观众从兴奋的情绪中逐渐脱离出来，从而使情绪稳定并进入思考的空间。动画中明度对比可以有很多的变化，从而产生视觉美感。例如在深蓝色背景上加上白色字体，字就会显得是非突出，如果把白色字改成灰色，就缺少了明快的感觉，而失去了明度对比的最佳效果。色彩在动画中的使用与平面设计是有所区别的，平面设计中不能运用红绿搭配，但是因为动画不是静止的，如果谨慎使用，在网页设计中也可以实现红绿搭配，例如在红色中添加20%绿色,在绿色中加入40%红色，对比效果就出来了，这就是动画中的色彩调和。在动画网站中色彩调和很重要，色彩在搭配运用方面做到你中有我、我中有你，使整个网站色彩更加的协调一致。要想做一个成功的动画网站，不仅需要良好的色彩搭配，还要注意色彩的调和与对比，这样才能达到好的视觉美感。
三、视听的奇妙组合
Flash除了让视觉元素动起来，还支持听觉功能。声音的加入丰富了动画的魅力。如果动画不加入声音，就像早期的电影没有声音一样。声音是动画的同步补充,是为了加强浏览者在观看动画时，在视觉的冲击的同时对听觉的冲击，从而达到动画给予观众的最好的双从感受。所以要想设计出高水平的动画网站，如果没有声音的配合是不完整的。动画音乐主要分音效和音乐这两个方面。根据不同的动画加入适合的声音效果，其使用方法也不尽相同。音效播放时间很短，瞬间及播放完成，它主要是使用在某个简短动作上边,例如当鼠标触发菜单时发出的“叮”声，设计流星滑落夜空时的“呼”声等等。音效的使用很广泛，网站中的游戏网站的按钮经常会运用音效这一对象，用来提示浏览者：“点击按钮还会有内容”。音乐播放的时间比音效要长得多，如果开头和结尾是可以完好的衔接在一起的音乐，进行重复播放设置，就会很大程度上减小Flash生成文件的尺寸。当然,如果需要整段的音乐,比如制作MTV，即音乐配合动画时,一首歌曲一般是3—5分钟的时间，就不能把音乐导入动画中了，因为音乐会使生成的文件过大，增加服务器的负担，在打开页面时，需要加入action语言进行音乐外部调用。
听觉表现效果，主要有三种方法，我们主要讨论动画配合音乐的表现手法。音效最终服务于动画。
（一）节拍配合。动画在切换不同镜头时，一般都会用节拍加以配合。因为没有专业的录音设备，所以动画形式都是配合音乐而衍生出来的，这在制作网络音乐MTV中是最常见。画面给观众身心愉悦的听觉与视觉的统一，让观众受到音乐与画面的共同震撼，而被打动，产生共鸣。
（二）速度配合。除了节拍，音乐还有速度感，比如DJ音乐，特别是跟舞蹈动画配合在一起时，有身临奇境的感觉，这是音乐就显得尤为重要，在制作动画中起到画龙点睛的作用。
（三）情感配合。节拍与速度的配合可以表达情感,但是更多的情感表达是依靠有特点的音乐来实现的，音乐表达的喜、怒、哀、乐，是根据相应的动画需求而定，最终达到剧情的需要。正如海德格尔所说：“技术不仅仅是手段，技术是一种展现的方式”。在网络资源丰富的今天，如何让自己的网站在网络的天空中更具特色？如何使之脱颖而出？如何提高点击率和浏览量？答案是肯定的，改变单调的静态页面，变被动为主动，利用FLASH技术制作动态网站将是网络高度发展的新方向。
综上所述，FLASH以其特有动画优势，不但引领了网站市场和网络广告设计的新概念，更对整个平面视觉传达的研究与探索开辟了新的发展方向，它让网络广告更加丰富多彩，推动了网络艺术这一新兴媒体的普及和发展，FLASH动画已经逐渐渗透到广告、文化、影视、教育、生活、经济等各个领域。
尽管网页设计有很多的网络优势，可是并不是完美无缺的，也有其局限性。
1、被动选择。网页与浏览者永远是互动关系，大众在浏览网页时，信息虽然是被动点选，但不是强迫性阅读，会有很宽松的选择余地，这既是优势，也是局限，其局限在于没有强迫阅读，人们在了解信息时，网站如果没有一个很好的视觉冲击，就无法挽留人们的视线，这也给设计者提出来更高的要求。
2、版面局限。网页是互联网最基本的单元，受计算机显示器的局限，版面过小，设计的图片不能达到很好的细致程度，使创意受制于小空间。这一点在平面设计中的优势远远大于网页设计，显得网络的设计在视觉冲击力上先天不足。
3、技术局限。要想成为一名优秀的网页设计者，不仅要有扎实的平面设计功底，还要学习计算机语言。尤其是flash动画中的action脚本语言，但是这对于一个平面设计者来说，是相对比较难的事情，因为这要从计算机最基础的代码学起，对我们这样不是从事计算机专业的人员来说，在代码技术这方面是很欠缺的。而从事计算机行业的人员在创意和设计上又是相对欠缺的，这就需要两者相互补足。
结束语：本文以网络设计平面视觉元素的创新应用，探讨了万维网的基本概念，就网络动画进行较为详细的分析，在网页设计中将平面视觉元素与听觉元素相结合，所带来的特殊效应。小的方面还探讨了网页设计的局限，现在网络己经成为人类不可或缺的一部分，所以提出了本文的论题，让更多的平面设计师投身到新媒体设计中来在网络这一新兴媒介中继续发扬我国民族文化的特点，把具中国特色的动画设计推向国际的平台。
参考文献:
[1]尹定邦.图形与意义[M].长沙:湖南科学技术出版社,2003.
[2](英)EH.贡布里希.秩序感[M].长沙:湖南科学技术出版社,2000.
[3]南波飞.网络媒体的视觉传达设计研究[D].湖南大学硕士学位论文.2002.
[4]陈飞.组合之美一谈网页设计的点、线、面的运用[J].内蒙古艺术.2003:26-27.
注：本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文