【硕士论文】网页设计中的Flash动画视觉语言研究.pdf

《【硕士论文】网页设计中的Flash动画视觉语言研究.pdf》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计中的Flash动画视觉语言研究摘要随着电脑技术的发展，网络动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说，通过Flash进行网页设计并建设网站，开创了多媒体效果的网页或整个多媒体网站的新潮流，因此网页动画的制作是网页设计的重心所在，怎样创作精彩的动画对于网站设计相当重要。这就需要设计者在设计过程中，追求技术与艺术的高度统一，对动画的视觉元素多作深入地了解和研究，遵循形式美法则和人的视觉规律，将文字、图形、色彩这些基本的视觉传达要素编排组织成一个有机的整体，才能创造出具有美感的信息传达形式。这样不仅可以感染受众，

2、还能使人们产生良好的形象记忆，从而达到设计的目的。关键词：网页设计Flash动画视觉技术TheResearchOnVisionLanguageOfFlashCartoonInWebpageDesignAbstractWiththedevelopmentoftechnologyofthecomputer，thenetworkcartoonhasalreadybecomeakindofcartoondevelopmenttrendthatmoreandmorepeoplehavepaidcloseattentionto．Wecansay

3、，carryonwebpagedesignandbuildwebsitesthroughFlash，openthenewtrendofthemultimediawebpagedesignandthewholemultimediawebsitebuilding，SOthemakingofthewebpagecartoonisthewebpagedesign’Ssoul，itisquiteimportanttowebsitedesignhowtocreatetheexcellentcartoon．Thisneedsthedesigner

4、inthecourseofdesign，pursuethehighunificationoftechnologyandart，understandandstudythevisionelementofthecartoondeeplymore，followthebeautifulruleoftheformandtheelementsofvision，suchasfigure，personlSvisionregularity，mergethekeyandcolorintoanorganicwhole，createtheaestheticf

5、ormofinformationpictureconvey．Socannotmerelyinfectaudiences，stillcanmakepeopleproducegoodimagememory，thusachievethegoalofdesign．FlashcartoonVisionTechnologyKeywords：Webpagedesign插图清单图1—1互联网⋯⋯⋯⋯⋯⋯⋯⋯⋯．图1—2校园网⋯⋯⋯⋯⋯⋯⋯⋯⋯．图l一3页面设计⋯⋯⋯⋯⋯⋯．．图l一4FLASHMX软件界面⋯⋯．．图1—5小小特警⋯⋯⋯⋯⋯⋯图1—6

6、流氓兔⋯⋯⋯⋯⋯⋯⋯图1—7视觉设计⋯⋯⋯⋯⋯⋯．．幽2一l商务网页⋯⋯⋯⋯⋯⋯⋯⋯图2—2个人网页⋯⋯⋯⋯⋯⋯图2—3页面的版面编排⋯⋯⋯⋯．图2—4醉画仙的个人网首页⋯⋯一一____“““_J图2—5醉画仙的个人网次页⋯⋯．图3一lGjf动画⋯⋯⋯⋯⋯⋯．图3—2Flash交互动画⋯⋯⋯．．图3—3Flash动画中的夸张动态图3—4猪八戒的残影移动⋯⋯．图3—5小破孩系列⋯⋯⋯⋯⋯图3—6小破孩系列⋯⋯⋯⋯⋯图3—7b桦的作品一⋯⋯⋯⋯．图3—8h桦的作品二⋯⋯⋯⋯⋯J加¨¨他”¨¨H图3—9h桦的作品三⋯⋯⋯⋯⋯一图3—10东

7、北人都是活雷锋⋯⋯．图3—11流氓兔⋯⋯⋯⋯⋯⋯H¨H图3—12视觉语言的运用⋯⋯⋯图3一l3传承与超越⋯⋯⋯⋯⋯．图3一14视觉冲击⋯⋯⋯⋯⋯⋯图4—1多样统一⋯⋯⋯⋯⋯⋯．图4—2突出重点⋯⋯⋯⋯⋯⋯⋯⋯．圈4—3均衡性⋯⋯⋯⋯⋯⋯⋯．幽4—4线条的曲直⋯⋯⋯⋯⋯．图4—5色彩的明暗⋯⋯⋯⋯⋯．M埔"加¨龙控舱图4—6对比⋯⋯⋯⋯⋯⋯⋯．图4一-7和谐．．．．．．．．．．．．．．⋯．．．．．图4—8韵律⋯⋯⋯⋯⋯．．图4—9起伏型韵律⋯⋯⋯图4—10空白的运用⋯⋯．．图4—11画而的空间设计．．图4—12视觉统一⋯⋯⋯图4～13

8、视觉注意力⋯⋯．图4—14注视的接触效果．．图4—15弹出的动画广告．．图5一l文字设计⋯⋯⋯⋯图52文案一⋯⋯⋯⋯⋯图5—3文案二⋯⋯⋯⋯⋯．．图5—4字体造型⋯⋯⋯⋯图5—5字体的标志设计⋯．图5—6字体的标志设计⋯．图5—7直线