基于Flash的网页设计

绪论1.1研究背景在最初的阶段，大多数企业开始建立基于实际结果的网站，但主要关注“静态”模型。在静态页面进入市场后不久，用户开始注意到他们有很多问题:注意力不集中的页面，产品信息不足，视觉效果模糊，流量不足等等。这是因为静态页面的模型不允许消费者和客户对购买感兴趣。新时代Flash技术逐渐发展并推广，在此基础上设计的网页具有诸多优势。这篇文章主要描述了与Flash有关的科学和技术，以及如何利用Flash创建有关的网站1.2研究意义Flash目前基于互联网视频，其文件短，播放效果好，交替功能，易用，广泛应用，互联网视频广告制作，教育，互动游戏等等。21世纪是一个信息化的时代，鼓励网络技术的形成和发展，是传播信息技术的重要工具。由于网络的快速发展，Flash技术在创建网页、分析和研究应用程序以及使用Flash技术方面的重要性得到了重点关注。在网络设备的快速更新中，网页生产水平和对Flash动画的需求都在上升。此外，作为吸引人们对Flash网站关注的视觉元素，它的适当使用将有助于用户更多地关注该网站，并促进观看者和制片人之间的互动，使网站对浏览者具有吸引力。通过进行网页设计并创建网站，开创了多媒体效果的网页或整个多媒体网站的新潮流。2.Flash的简单介绍2.1Flash概念阐述1999年美国的某公司推出了的优秀网页动画设计软件—FLASH。它作为一种交互式动画设计工具，能够将音乐，图片，动画以及富有新意的界面融合在一起从而制作出高品质的精美网页动态效果。只从1985年5月Macromedia公司发布了Flash4，一道闪电照亮了整个网络界，并逐渐形成了一些有一定影响力的Flash技术交流团体。目前已经有很多人会使用Flash这个软件了，而且还会有越来越多的人学习并使用它。Flash是一款使用矢量图形和流媒体技术编辑二维视频的软件。经过几代版本的改进，它成为在线视频的赢家。Flash可以很好地支持声音，具有交互功能，简单易学，并且易于实现在某些现实中难以实现的抽象概念和现象你可以。开发适合Flash在线发布的视频。自2006年以来，大多数FLASH企业（FLASH网站开放，FLASH演示视频，FLASH网站，FLASH广告等）的利润都有所下降。下降的原因大致可分为以下五种。许多公司，设计公司和工作团队继续进入设计闪存行业，该行业处于饱和状态，客户有更多选择，竞争压力也越来越大。后来，由于现有的利润导致市场准入经理的划分，由于价格竞争并不主导技术，国内的闪存生产成本在劳动者和劳动力成本之间几乎完全不为人知，这个降价终点线是模棱两可的。结果，FLASH业务的价格下降变得难以控制，而FLASH的开通已经从原来的1万多元创造到目前的几百元。当然，质量会大幅下降。在价格下降过程中，客户从之前的标准中失去了闪存价格的位置。客户希望在不花钱的情况下更好地购买。当你面对一个管理技能水平低的团队时，你经常会在奖励谈判中获胜。闪存产品的价格比客户心目中的实际价格下降得更多。通过盲目地提供一些能力差异来加深生产团队的价格令人困惑。传统闪存产品的普及是由于因果技术已经开始被推迟的事实。实际价值也在下降。如此闪光的环境条件不断闪现正常业务，健康和不健康的人的表面价格，这种现象损害了这一趋势和创造者群体的价值，或价格走了而不是尖叫口号，如暂时提高规则行业价格，保护创作者的利益。事实上，这本书的现象，除非是正常技术，随着时间的推移，市场要求必须进行改造，管理层必须保持盈利能力，以降低价格。2.2Flash的特点1．友好的操作界面，易学易用。Flash的操作界面美观，层次清晰，面板功能齐全，布局合理，无须任何编程基础就可轻松制作大量精美动画。2．输出文件格式丰富。Flash支持swf、avi、exe等多种动画格式输出，适用于在线、离线观看动画，或将动画嵌入到其他程序中播放。3．文件体积小，易于网络传输。Flash使用矢量图形和流式播放技术生成动画，生成的动画文件体积小，图像不易失真，可自由缩放，自动调整图像尺寸，文件大小不改变，适用于网络流式传输。

3Flash应用现状分析2.1国内flash动画的应用现状如今，Flash逐渐得到国内用户的认可和接受，并涌现出大量的忠实粉丝。在互联网上，FLASH动画的最大贡献就是那些“FLASH”，无数年轻人使用FLASH技术来实现他们的想法和梦想，为中国的FLASH动漫产业做出了不可磨灭的贡献。有1000万人喜欢在中国看到FLASH，有70,800万人喜欢做FLASH，作为MACROMEDIACHINA用户联盟。只有当FLASH成为一个行业并找到自己的利润增长点时，才能将”FLASH“变成一个专业并推广更多优秀的作品。一些优秀的作品也有在推动FLASH动画事业方面发挥了重要作用。在过去的两年里，各电视台的动画频道也播放了FLASH制作的动画片，如流行的《喜羊羊与灰太狼》受到好评。由内部人士和公众。可以看出，中国电视观众已经完全接受了FLASH动画的新艺术形式。2.2国外flash动画的应用现状在美国百事可乐，麦当劳广告获得了很好的宣传效果。现在，全球500强企业已转向使用FLASH技术，该技术可提供完整的互动信息，从而使响应率较高的BANNER广告得以显着提升。根据TBWA/CHIAT互动创意总监DOUGJAEGER的说法，“FLASH允许广告商克服宽带限制，通过互联网传递情感信息，使用FLASH进行开发的良好互动性使我们能够创造更多方式来推广我们的品牌为我们的客户。“MILLERBERWING过去几年一直在使用使用FLASH技术制作的广告开展不同的在线活动。事实证明，FLASH是一种有效的技术，可以帮助我们让客户对我们的在线活动感兴趣。“我们的FLASH广告在统计上比BANNER和BUTTON广告效率高110倍，”MILLER的高级数字营销经理说。”我们发现使用FLASH技术的网站比普通的网站访问量更大，POING

OF

VOEW公司业务发展主任JOHN

HORN

说：“在网页上，FLASH比其他技术更能给访问者留下深刻印象。”但目前我国的FLASH动画与国外的相比有很大的差距，整体上落后，而且都是人家在几年前已经用了不用的在中国才发展起来，在画面制作商相对来说中国的比较粗糙，先程序方面的应用我们更远不如国外的发展，尤其是与韩国的相比，作为当时代的我们不要光关注自己身边的东西，我们要从大局上看，看看国外的发展，要吸取外国的精华弥补自身的不足，只有这样我们才能发展的更快，我们国家才更强大。

3发展前景3.1从FLASH软件本身特性来看从FLASH软件本身的角度来看。与其他软件相比，它在动画制作中具有许多优点和独特功能。11.新的数字技术数字视频和数字音频，包括数字视频-创新的通信模式将帮助您进行全面，动态的竞争，展示您公司的优势和产品其特点是它是客户在最短时间内最轻的，以生动有趣的方式了解公司光盘上的信息，为客户提供前所未有的视觉和重要的新乐趣。3.2从动画制作工序和周期上来看跟传统的不同，flash动画简化了流程详细了内容，使得工作的排期可以大大缩短。然而传统的动画制作系统，有一个繁琐的流程，对硬件要求高，渲染时间长。Flash则不同，可以将10分钟的普通动画绘制成千上万的照片。就那我们像熟悉的动画片——“天堂之战”，130分钟的电影整整用来超过10万张的图片。这种繁琐的图形工作需要数十名动画师，耗时长达三年多的时间。传统动画在分工中非常复杂，可以通过监督，印刷和其他过程取得成功。目前，FLASH动画主要分为商业用途和个人创作，包括产品广告，网站，短篇小说，MTV等。FLASH编写者从接收任务到分发任务时几乎总是一个人。虽然与传统动画相比，FLASH动画并不是非常流畅和粗糙，但它有其独特的视觉效果。例如，图片往往更加夸张和起伏，以便在最短的时间内传达最深的感受，满足现代观众的审美需求。在生产周期中，使用FLASH技术可以在大约3-4个月内完成半小时的编程，使用其他技术可以在10到14个月内完成。3.3FLASH动画的优势Flash是目前最好用的的互联网多媒体动画，他拥有强大的声影效果，丰富的感染力可以给观众留下深刻的印象，并专注于创造形象任务或者主角形象。无论是设计动的画图形还是设计构建数据驱动器的应用程序，Flash都可以完美的创建良好的效果，同时兼容各种平台和设备，以提供完美的用户体验。在我们的现代浏览的网页上使用Flash技术正变得越来越普遍，并且在公司在线产品的传播中起着至关重要的作用。从脚本规划，都可以提供专业的服务，如角色建模设计，音频分配，音乐合成，动画合成等。

4.网页制作与Flash网络的呈现方式-网页应该是相当互动的。但是观众应该看到什么样的呈现面貌呢?网页的实用性不仅更好，艺术设计也是吸引和留住顾客的关键，也是Flash动画设计的关键因素，Flash动画是艺术形式的互动，沟通的内容。网页的实用性更好，但艺术设计是吸引和留住顾客的关键，也是这个Flash动画设计的关键，它是艺术形式的互动，是沟通的内容。因此，网站上的Flash设计形式可以是静态页面上嵌入的部分动画设计，也可以是静态页面上的所有动画设计。Flash是一个很棒的网络动画软件设计，MACROMEDIA公司于1999年6月在美国推出。这是一种交互式动画工具，将音乐、力量、动画和创新界面结合起来，创造出高质量的网络动力学。他们利用矢量图形编辑生产是Flash动画输出电压有一个小文件,效果不错,美丽的图像、低要求宽带网络和无损耗可以增加和许多其他优势,这个很棒的编辑工具,矢量动画的编辑工具带来强大的视觉冲击,所以我们可以很容易地想象丰富的想象力。今天，flash动画在互联网上很受欢迎，它的小的，动态的，互动的性质。在web产品中，flash动画应用于网页，做出的页面模板也更吸引顾客的眼球，观众的互动也相对强劲。Flash图像似乎不会在面具被扭曲后放大，而Flash动画制作的视频足够小，可以在网上观看，并引起观众的注意。Flash的开发不能与web页面分开，Flash网络每天都在数据页面上丰富，web游戏的制作也具有独特的优势。网页的亮度也无法与Flash动画分开，Flash动画可以使浏览器远离无聊的网络固定文本，Flash动画可以吸引眼球。作为三名网络击剑手中的第一个，Flash在开发网页方面起着至关重要的作用，网页的发展不能与Flash动画分离，Flash动画的发展不能与网页的发展分离。5Flash动画应用于网页制作flash动画在web应用程序中广泛使用，从简单的移动动画到复杂的交互式网络动画，反映了flash动画的好处。在大多数网页上，我们只看到网页内容的一小部分，通常只用于指导或广告，在这个时候，如果使用Flash动画完成页面的制作，整个设计过程太大，占据了很大的网页空间。因此，在实际制作过程中，将调用和控制Flash动画，将Flash动画作为嵌入到web页面中的模块，这两种组合不仅可以使web页面的制作过程更方便，还可以增加web页面上的动感。5.1在网页中启动Flash动画接下来就介绍如何添加、管理和管理web页面上的Flash动画，以及如何从web页面开始Flash动画。为了添加和管理web页面上的Flash动画，将Flash互动对象插入到web页面中，可插入的对象包括Flash动画、Flash按钮和Flash文本。5.1.1插入Flash动画flash动画文件(格式:.swf)必须在flash动画插入之前存在。点击“将Flash动画插入到网页软件”中，弹出对话窗口，填写所需的名称和路径，选择预先开发的Flash动画格式，点击OK完成web页面上的Flash动画。图5-1插入FLash按钮对话框5.1.2插入Flash按钮通过打开对话按钮InsertFlash，您可以插入Flash按钮的对象，允许设置和插入一组预先开发的Flash按钮。在插入闪光灯按钮或文本对象之前，必须保存文档。在对话字段中，可以选择按键类型、输入文本、设置文本文本、指定地址或链接文件、指定下一个目标框架或目标窗口、称为flash动画等。5.1.3插入Flash文本使用Flash文本对象创建和插入一个包含文本动画效果的Flash电影。它允许创建一个小的向量动画，你可以在动画中安装字体和文本的内容。它被用来模拟闪光灯按钮。然后确定Flash对象的属性来选择嵌入的Flash对象，可以安装在属性面板中。属性可以通过窗口安装到高度和宽带动画的特性，保存路径、对齐、背景颜色、是否应自动播放、循环是否应设置空间、复制质量、比例尺等。此外，web页面上的flash控制可以使用Dreamweaver中的“控制waveorflash”行为来控制动画的再现、停止或扭转。在网页上运行flash动画页面。方法1:只要浏览器内置Flash插件，与Flash动画相关的web页面内容就可以打开web页面，可以复制Flash动画。方法2:使用“开放视图窗口”实现HTML页面自动调用，并在运行链接时实现web页面。如果您在设置行为时直接添加开放浏览器窗口的行为，Flash窗口会随着主web页面的打开而打开。然后用Flash脚本语言管理web页面。ActionScript是一种嵌入到Flash动画软件中的脚本语言，通过编写Flashscripting语言，程序员可以非线性地复制Flashscripting。嵌入Flash动画使web页面活下来，以及Flash动画如何与HTMLweb页面交互。图5-2Flash与网页交换方式5.2Flash动画对网站的优化5.2.1网站中的动画声音如果你能在生动的网络动画中加入美丽的声音，它将会是锦上添花。网页上又许多声音:鼠标链接点击声音、背景音乐、视频或网页音乐、饮料、现场广播电台、在线流行音频格式:MIDI、WAV、MP3、RealAudio。MIDI音乐的特点是一个小序列，但颜色的单调;WAV是一个压缩音频文件，可以在所有带有音频卡的电脑上复制;MP3压缩音乐文件占据的空间要小得多，但下载和播放的空间要小得多;RealAudio的质量略低于WAV和MP3。但内存要小得多。你可以在下载的时候听。鼠标设计和背景音乐中的卡带，按下鼠标后应发出清晰的声音，以反映快速的链接感，以便给观众一个完整的心理满足感，以充分调动观众对其他内容的热情;你可以根据网站的性质选择音乐风格，选择愉快的音乐，考虑到许多你喜欢的陷阱。同时,最好设置按钮控制页面上的证据,同学们的声音可能会调整高潮观众,尊重个人利益,有一刻,庆祝很多客人会在安静的办公室或者公共页面,不想打开页面,立刻从不便,为别人的声音。因此，你不能专注于页面和动画的影响，但你必须完全尊重观众，背景音乐可以设置为默认关闭，但也可以由浏览者自己控制按钮。5.2.2网站中的动画色彩使用不同的颜色，网站的外观不同，它给人一种不同的感觉。换句话说，颜色作为传递网站图像的第一个视觉元素，会给访问网站的用户留下深刻的印象。用户无法清楚地记住他们访问的网站的形状，或者至少很容易记住网站的颜色。换句话说，颜色是最直接的视觉语言，颜色也必须遵守一些规则。总的来说，动画映射图像作为一个整体，设计的颜色必须符合CI的标准，符合设计的标准和辅助颜色，或使用网络的基本颜色。主要原因是在观众面前形成一个单一的图像记忆。其他相关颜色可以在必要时使用，也可以插入公司产品中。此外，匹配的颜色试图从页面的所有协调中分离出来。5.2.3网站中的鼠标动画在动画中，为了产生效果，你需要关注匹配的颜色，实际上是鼠标移动轨迹颜色。这种颜色是页面其他颜色的第一个区别，所以访问者可以清楚地找到鼠标位置，使用户更容易浏览页面信息。鼠标的运动轨迹不能阻塞页面的下一个信息，因此，图形越小越好，除了页面之外的颜色，可以设计成感觉有点透明，而鼠标的运动轨迹也不应该太长。当然，鼠标动画的设计比其他动画更复杂，需要语言编程。6总结在本设计的制作过程当中，我体会到了要做出一个精美的作品很不容易。有时脑中浮现的画面创意，要绘制的时候却是无从下手，绘制不出，看似简单的图案，要画得让自己满意也是需要下很大功夫，需要不断地对细节进行修改。而想要做到好看的动画效果，也就更加需要做好每个细节。所以在制作FLASH作品时，需要有自己的思想，有创新意识、有构思，这些便需要在日常生活中进行网上查阅创意图片、观赏优秀的广告作品与留意有趣的画面进行知识的积累，并加强练习，提高自己的绘图技术。通过本次毕业设计，我在渐渐熟悉网页制作的过程中总结出了一些经验，也了解到了自己存在的不足。但最大的收获是学会如何去应对一个项目，从只有一个开放性的题目到最后作品的成型，首先需要总体的构思，总体结构的搭建；然后再分段制作、合成；最后再做细节修改和润饰。只有这样，才能在保证质量的前提下快速地完成作品。致谢感谢我的导师徐舒婷老师，她认真细致、一丝不苟的作风一直是我工作、学习中的榜样；她对我耐心细致地进行指导，不厌其烦地审阅我的论文并给出修改意见，帮助我顺利完成论文的写作，谢谢您！感谢我所工作单位给予我历练并提升自己工作能力的机会，同时也感谢单位同事给予我的关心与照顾。在我论文完成之际，我谨代表我本人在这里向我开始选题到写作完成的过程中给予我帮助和指导的所有同学、同事以及老师，致上我最诚挚的谢意！

参考文献[1]郭晓俐编著.二维动画设计——flash案例教程.北京：清华大学出版社，2017.6[2]穆亚梅，魏砚雨等编著，flash动画广告创意直播.北京：机械工业出版社，2017.4[3]孙立军编著.现代动画设计.河北:美术出版社，2011.3[4]邵天营.flash动画广告创意作业[M].湖北人民出版社，2015[5]张艳芳.flash