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

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

网页设计中的Flash动画视觉语言研究摘要随着电脑技术的发展，网络动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说，通过Flash进行网页设计并建设网站，开创了多媒体效果的网页或整个多媒体网站的新潮流，因此网页动画的制作是网页设计的重心所在，怎样创作精彩的动画对于网站设计相当重要。这就需要设计者在设计过程中，追求技术与艺术的高度统一，对动画的视觉元素多作深入地了解和研究，遵循形式美法则和人的视觉规律，将文字、图形、色彩这些基本的视觉传达要素编排组织成一个有机的整体，才能创造出具有美感的信息传达形式。这样不仅可以感染受众，还能使人们产生良好的形象记忆，从而达到设计的目的。关键词：网页设计Flash动画视觉技术 TheResearchOnVisionLanguageOfFlashCartoonInWebpageDesignAbstractWiththedevelopmentoftechnologyofthecomputer，thenetworkcartoonhasalreadybecomeakindofcartoondevelopmenttrendthatmoreandmorepeoplehavepaidcloseattentionto．Wecansay，carryonwebpagedesignandbuildwebsitesthroughFlash，openthenewtrendofthemultimediawebpagedesignandthewholemultimediawebsitebuilding，SOthemakingofthewebpagecartoonisthewebpagedesign’Ssoul，itisquiteimportanttowebsitedesignhowtocreatetheexcellentcartoon．Thisneedsthedesignerinthecourseofdesign，pursuethehighunificationoftechnologyandart，understandandstudythevisionelementofthecartoondeeplymore，followthebeautifulruleoftheformandtheelementsofvision，suchasfigure，personlSvisionregularity，mergethekeyandcolorintoanorganicwhole，createtheaestheticformofinformationpictureconvey．Socannotmerelyinfectaudiences，stillcanmakepeopleproducegoodimagememory，thusachievethegoalofdesign．FlashcartoonVisionTechnologyKeywords：Webpagedesign 插图清单图1—1互联网⋯⋯⋯⋯⋯⋯⋯⋯⋯．图1—2校园网⋯⋯⋯⋯⋯⋯⋯⋯⋯．图l一3页面设计⋯⋯⋯⋯⋯⋯．．图l一4FLASHMX软件界面⋯⋯．．图1—5小小特警⋯⋯⋯⋯⋯⋯图1—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东北人都是活雷锋⋯⋯．图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视觉注意力⋯⋯．图4—14注视的接触效果．．图4—15弹出的动画广告．．图5一l文字设计⋯⋯⋯⋯图52文案一⋯⋯⋯⋯⋯图5—3文案二⋯⋯⋯⋯⋯．．图5—4字体造型⋯⋯⋯⋯图5—5字体的标志设计⋯．图5—6字体的标志设计⋯．图5—7直线型文字编排⋯图5—8曲线型文字编排⋯图5—9文字对齐中间⋯⋯图5一lO文字沿着图形编排图5一ll文字编排成图形．．图5—12大标题、小内文⋯图5—13粗标题、细内文⋯罔j—14素面反白字⋯⋯⋯图5一15图片上反白字⋯⋯．图5—16文字构成的图形一图5—17图形设计一⋯⋯．图5—18图形设计二⋯⋯．．图5一19图形设计符号化一图5—20单纯化图形一⋯⋯图5—21单纯化图形二⋯一图5—22单纯化图形三⋯⋯图5—23单纯化图形四⋯⋯∞”“抖”巧”勰”如"¨H”粥拍””弛弛如∞∞¨叭轮∞钙钳帖钙帖钙 图5—24图形设计三⋯图5—25图形的商业性．图5—26中国皮影⋯⋯图5—27中国剪纸⋯⋯．图5—28图形的抽象性．图5—29儿童类网站⋯图5—30色彩的再现⋯图5—3l色彩的平衡⋯图5—32色彩的韵律⋯图5—33色彩的调和⋯图5—34色彩的渐变⋯图5—35色彩的明快感图5—36色彩的忧郁感图6—12002年世界杯图6—2网络动画游戏．托们蝎铝柏如””勉""舛舛"鳃鳃图6—3网络动画游戏． 第一章绪论1．1课题研究的背景1．1．1信息社会与网页设计信息社会，即实现了信息化的社会。信息化社会的基本特点是知识信息的大量生产。人类的生产规模和生活质量取决于对知识信息的掌握和运用。信息急剧增多，要求信息处理高速化，信息记录高密度化，信息传递大容量化。为了适应社会信息化的需要，一个新兴的科学领域和产业部门一一现代信息科学和信息产业逐渐形成并迅速发展起来。电子计算机、自动控制装置和通信装置组成强大和灵活的信息网络，成为社会的神经中枢，搜集、储存、加工、交换各种信息和知识，供全社会使用，以便更有效地组织生产和进行各种社会活动。信息科学和信息产业推动着社会的信息化和产业的自动化。在信息社会里，每个行业、每个部门、每项工作、每个家庭都离不开信息技术。信息技术渗透到工业、农业、商业、科研、教育、金融、交通运输等各行各业，引发各行各业的革命性变化，使人类社会成为信息社会。信息社会是以网络化为特征的充满信息流的社会。信息社会是充分开发与利用信息资源的社会，而信息资源的开图1—1互联网发和利用，有赖于在畅通的信息交流与传播的基础上，实现信息的高度共享。如果信息仅仅被个别人或个别社会组织占有，没有进入社会信息库，为全社会共享，就不能真正发挥作用。信息社会是建立在计算机技术、软件技术、通信技术和信息处理技术基础上的各种网络，如互联网、局域网、城市网、校园网、内联网、外联网等(图1—1、l一图1--2校园网2)，它们是信息社会的神经中枢。马克思曾说过：“各种经济时代的区别，不在于生产什么，而在于怎样生产，用什么劳动资料生产⋯。”信息社会与工业社会的主要不同在于信息处理与传播方式的变化，如果说工业社会是以机器为中心的商品社会，那么信息社会就是以网络为中心的服务社会。20世纪50—60年代人们注重信息机器，70一80年代人们注重信息系统，进入90年代，注重的是信息网络。互联网的 崛起是信息社会以网络为神经中枢的最有力的证明。商业化的因特网于20世纪90年代初从美国起步，爆炸式地向全球扩张。因特网已经成为社会信息基础结构的雏形，成为吸纳、承载人类生产、工作与生活等方面活动的太平台，成为一种全新的人类存在方式。20世纪后半叶以来，伴随以信息技术为核心的高新技术群的迅速发展，人类社会开始进入了具有划时代意义的信息网络时代。如果说，由于印刷术、印刷机的发明导致第一次信息技术革命，使人类社会由农业社会进入工业社会，那么，以微电子技术、计算机技术、网络通讯技术为基础的互联网建设则导致第二次信息技术革命，推动人类社会由工业社会进入信息社会，开辟了人类数字化生存的新时代。正如手推磨是农业社会的标志，蒸汽机是进入工业社会的标志一样，互联网(又称“因特网”或“环球网”，简称www)则构成信息社会的显著标志。互联网具有数字化、网络化、虚拟化、全球化、多元化、多媒体化和交互性、易检性等特征。互联网作为信息社会的基础，已越来越成为人们不可缺少的一种生活方式或者工作方式。在越来越广泛的领域，宽带的接入、宽带社区的建立，宽带网将迅速地改变我们的环境，使我们在全球范围的信息沟通更便捷，拥有更丰富的信息选择，使人类在共同无际的信息数字时空中触发自我选择，从而实现真正的、有效的信息传播，电子商务和数字娱乐。因特网正在改变世界，它促成了网络经济的雏形的形成，特别是电子商务『F由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点，并由此产生了一个新的工作岗位一一网站设计者。图1—3页面设计互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。网页的组成：一般来说，网页上主要有文字、图片、动画、超链接和特殊组件等元素构成。页面设计也就是对于画面的各个构成要素诸如标题、文字、图形、符号等的整体规划(图l一3)，亦是在规定的画面空间中把各种要素进行有机的组合过程，使其按照一定的法则形成画面的节奏与韵律。随着互联网的发展和普及，网站建设和网页形象被越来越多的企业和个人 所注重。在今天，如何设计出吸引用户的网站，让尽可能多的人参观访问是一个值得研究的课题。l-l-2当前Flash动画现状目前，网页制作技术已经进入了新的阶段，人们追求的不再是纯静态的网页，作为网页动画制作的Flash软件在今天的中国已成为了一种潮流和时尚，它之所以能被广大的爱好者、企业、市场、设计者接受并欣赏，其实也是因为这种数字化设计本身就是当今视觉传达设计发展的趋势。图i-4FLASHMX软件界面F1ash软件是美国Macromedia公司的系列设计软件中的一个(图1—4)。MacromediaFlash软件主要侧重于网络动画设计，但是它也可以制作供其他的平台使用的动画。对于网页而言，动画总是比静态图像更富于表现力。最新数据表明，Macromedia产品拥有庞大的用户群，截至去年年底，全球有超过三亿六千三百万的在线安装F1ashP1ayer用户，他们可以即时观看Flash动画内容。虽然Flash不是专门的网页设计、网站建设工具，但很多人发现通过Flash直接制作网页并建设网站具有很多优势，而且制作的网页或建设的网站比其他工具更时尚、更美观、交互性更强。在我国通过Flash建设的纯动画网站已不罕见，用Flash来设计网页已经成为当今发展的一大趋势。F1ash新版本在动画制做与易用性方面并未有大幅的提高与改善，但在脚本编程方面却有明显的加强，甚至包含了支持电子商务(XML)的功能。从这些新特性来看FIash制图1—5小小特警做的趋势将向三个方向发展：一是纯动画短片的制做；二是交互式的商业应用；三是既有动画短片，又有交互内容的综合应用。时下较流行的网络动画，是由Flash等软件在电脑上完成的。它不需要像传统动画那样需要大量的人力、物力资源的支持，只需要几个人甚至一个人一台电脑就可以制作动画。由于其制作简单，易上手，广流传的特图1-6流氓兔 点，深得现代年青人的喜爱。如国内的《小小特警》、韩国的《流氓兔》、台湾的《阿贵的故事》等等(图1—5、l一6)，都是优秀的网络动画的代表作品，似乎这种动画类型已经让很多爱好动画的人开始尝试做动画。这些生动的形象在网络上流传，创造着一个又一个收看的奇迹。动画短片情节跌宕，引人入胜，体现着传统与现代的交织，闪烁着智慧的光芒。1．2目的及其意义任何商业化的产品，总是为满足一定的社会需求而诞生的，Flash的产生也不例外。由于网络带宽的限制，在主页上放置过大的文件是不现实的。但是因特网发展迅猛，枯燥无味的静态页面很难再引起用户的兴趣，制作人员都希望能使用引人入胜的动态效果来吸引用户的注意，使用JavaApplet是一个解决办法，但是真正精通它是件很难的事，而且，通过编写代码来生成动画永远都不是设计人员真正的手段。因此，Flash诞生了，并且立即被投入到应用中去。现如今，面对着网上众多五花八门的Flash动画，可以发现大部分的作品不能给人带来视觉上的美感，这就是一些Flash爱好者在制作时没有把握住它的艺术性，有的甚至随心所欲。现在市场上关于F1ash的书不少，但几乎均局限于技术应用方面，对动画的“视觉设计”重视不够，在专业培养和理论研究等领域，也可以说一直都是个空白。这种设计和技术失衡的现象，更让我认识到强调设计重要性的警竺譬。⋯。，。、．。，图1—7视觉设计为了达到信息传达的目标，‘设计者需要挖掘并创造出最佳的视觉语言，借以表现传达自我的设计理念和艺术主张(图1—7)。科技的发展为艺术创作提供了新的载体，同时也给我们带来了新的艺术语言。传统设计语言创新主要在于对图形、文字、色彩这三大视觉元素的创新以及这三大元素相互之间的美学性构成的创新。数字技术是将图像、文本、动画等多种媒体形式聚合在同一文件中进行编辑处理的方式，艺术设计已呈现出元素互动的趋势，这将大大丰富艺术设计的构成语言，提高作品的感染力。与普通艺术创新不同的是数字化视觉传达设计以计算机技术的发展作为载体，通过设计的形式要素的变化，显示设计元素在技术层面最恰当的视觉张力及其良好的视觉效果，探求技术表现方式的创新，充分体现数字艺术的交互性与综合性，是在数字技术语境中视觉传达设计语言创新的主要问题。4 随着国内F1ash技术的日益成熟，利用F1ash制作视觉效果动画目益增多，特别是受到了年青朋友的喜爱，前卫的思想、快节奏的生活方式，无不通过F1ash这种艺术语言表现出来，并融合作者的思想延伸。在网页中运用Flash动画或者利用F1ash来建设网站，会为网站增色不少。Flash动画的发展不仅满足了人们同常娱乐的需要，同时它的衍生产品的开发将会拉动社会经济的增长，从而推动整个国民经济的发展。所以，动画的产业意识正逐渐为广大群众所接收，动画专业有着更加广阔的发展空间。 第二章网页设计概述2．1网页设计的基本原则1．正确分析客户需求，注意网页内容的搭配与布局图2-1商务网页图2—2个人网页在设计网页时应明确网站的类别，比如是属于商务网页还是个人网页等(图2一l、2—2)。因为不同类型的网页具有不同的主题与风格，人们所做的网页不能喧宾夺主，也不能是主题与网站类别属性相矛盾，如颜色、线条等。所以，网页设计应该以客户需求和网站的类别为向导，所有的设计工作都应该在这个前提下，正确定位，而不能脱离主题。2．网页下载的时间不能过长为了保证用户所做的网站有不断增长的点击率，除了有吸引人的内容之外，还要有较快的下载速度。互联网中有一条不成文的法则：不要让访问者所点击页面的下载时间超过30s，否则你就会失去这个用户。因此，用户不要把网页设置得太大，一般都控制在50kb以内。3．保证网页对于不同操作系统和浏览器的兼容性通常情况下，人们所设计的网页都是在一种操作系统和浏览器中进行调试，而在互联网中，有各式各样的操作系统和浏览器，比如IE浏览器和Netscape(网景)浏览器，而网页中的一些技术、插件在不同的操作系统和浏览器中的效果是不同的，有的甚至根本无法兼容，因此要充分考虑网页的兼容性。比较常见的办法是在不同的操作系统和浏览器中做测试，保证最大的兼容性。还有一个办法，就是制作多个适应不同操作系统的和浏览器的内容近似的网站，以供不同的操作系统和浏览器用户有选择地观看。4．经常性地进行调试及数据更新为了吸引更多的浏览者，网站中的信息必须经常更新，如新闻，同时，由于网站要经常进行修改更新，网页之间的链接有时会出现断开的现象，因此，要经常做网站的调试，检查是否有链接出错的地方并进行修复，以维护网站的_i下!常运行。 2．2如何进行网页内容的合理布局与排版2．2．1版面编排网页设计首先涉及的是页面的版面编排问题。网页作为一种版面，既有文字，又有图片(图2—3)。文字有大有小，还有标题和正文之分。图片也有大小、横纵之别。图片和文字都需要同时展现给观众，但又不能简单地罗列在一个页面上，否则会搞得页面杂乱无章。因此，必须根据内容的需要，将这些图片和文字按照一定的次序进行合理编排图2--3页面的版面编排和布局，使它们组合成一个有机的整体，展示给广大浏览者。具体的页面排版可从如下几个方面入手：1．主次分明，中心突出在一个页面上，必然考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的文章和图片一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。在网页中有一个7s定律，即当浏览者进入网页之后，如果在7s之内没有看到特定的内容，如广告信息，那么这项内容的设计及位置安排就是失败的。因此，突出重点是非常重要的。2．大小搭配，相互呼应较长的文章或标题，不要编排在一起，要有一定的距离。同样，较短的文章，也不能编排在一起。对于图片的安排也是这样，要互相错开，大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。3．图文并茂，相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同：文字所表达的信息量大，但显得沉闷枯燥，缺乏生气；而图片所传递的信息量小，但比较生动活泼。文字与图片的两者的比例不能过大，否则，页面就会显得单调过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又使网页有丰富的内容。4．不要轻易使用特效文字或过长的文章网页中文字居中和使用粗体或斜体字符，除了使浏览者感到视觉混乱之外，很多浏览器也不能很好地兼容，如个别浏览器就不能弥补由于字母倾斜引起的空白变化。如果是一篇很长的文章，为了使浏览者阅读方便，可以利用短的段落，加点列示，适当地整块引用文字，用水平线分节，同时建立文件内部不同位置之间的链接，以便用户进行定位浏览。 2．2．2网页设计的要求1．导航清晰，布局合理，层次分明设计页面时一定要注意做一个层次分明的导航条，尽量使浏览者知道自己所处的位景，同时，链接层次不要太多，尽量使用户能够用较短的时间找到所需的资料。2色彩和谐、重点突出在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。3．风格统一一个网站中各个页面要保持统一的风格，不要在不同的网页中使用不同的主题风格，风格统一有助于加深访问者对网站的印象。要实现风格的统一，不一定要把每个栏目做得一模一样。例如，用户可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时再为网站增加一些变化。4．明确技术是为内容服务的一些网页初学者经常在所做的网页中加尽可能多的特效，以充实自己的页面，这样往往会适得其反。一定要明确技术是为内容服务的这个前提，不要过分沉迷于技术的运用，坚决摒弃那些华而不实的特效。5．动态效果不宜太多适当的动态效果可以起到画龙点睛的作用，但过多的动态效果会让人眼花缭乱而抓不住主题，因此应用动态效果不宜过度。网页Flash动画是网页设计中的一部分，网页设计中要注意的问题有些同样适用于网页动画，所以在设计时也需要考虑这些方面。23网页设计的发展趋势社会的发展，技术的革新，新事物在我们眼前不断涌现，平面设计领域也不例外。随着个人电脑的普及，多媒体读物的出现，国际互联网的诞生彻底地改变了人们的阅读方式，屏幕就成了新一代传递信息的载体。与纸张相比，它在许多方面的表现力就强多了，使得设计有了更加广阔的空间。然而对于设计师来浇这包是一个全新的挑战，如何去适应这一重大的变革就成为新一代设计师所迫切解决的问题。20世纪末期，数字化媒体的出现，社会环境也发生了质的变化，就在网络技术、数码艺术设计、多媒体广告短片等新兴科技不断地挑战着当代艺术设计形式的同时，也在充实着当代艺术设计的外延。多元化的视觉观念也暗示着新的视觉传达方式将要打破传统设计门类的界限，让艺术设计成为一种能够融合多种学科的载体。进入21世纪，由于人们对于新的尖端科学技术的迷恋， 还导致了不同于以前的心理状态、价值取向、审美意识等。与此同时，也使视觉传达设计由以往形态上的平面化、静态化开始逐渐向动态化、综合化方向转变。在自由的因特网世界里，存在着各式各样的网页，它们都承载着不同的目的，体现着设计师的想法。网页设计是一们新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众。网页是通过视觉元素的引人注目而实现信息内容的传达，为了使网页获得最大的视觉传达功能，使网络成为真正可读性而且新颖的媒体，网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。另外，在谈到网页设计时就不能不说到网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化的当今设计者所必须具备的基本素质。因为网络本身就是一个处理信息的巨型平台，设计者必须充分认识网络，了解网络的特征，才能使设计更加适合于网络上的传播。设计的核心是传达信息，在网页设计中，不仅仅是把各种文字和图片等元素放上去就行了，还要科学地考虑如何使受众更多、更有效地接收网页上的信息，这就需要从“审美方面”配合“使用方便”的要求，设计出内容表达清晰、整体性好、具有艺术内涵的页面。这样浏览起来才会轻松、愉快，接收信息也更容易，在无形中塑造网站的形象。幽2—4醉画仙的个人网首页图2—5醉画仙的个人网次页如今，具有视觉冲击力、动感的网页是网上点击率最高的网站。例如，在在醉面仙的个人网站中(图2—4、2—5)，动态效果兼艺术性的页面往往使浏览者流连忘返。网页动画是网页设计中的一部分，网页动画的目的是为了丰富网站的页面，吸引更多人的浏览。因此，网页动画的制作是否精彩对于网页起着决定性的作用。 第三章网页Flash动画设计3．1传统动画和Ffash动画3．1．1传统动画我们所说的传统动画片是产生了1个多世纪的一种艺术形式，用最简单的话既就是：会。r动”的画。人体的视觉器官，在看到物像消失后，仍可暂时保留视觉的印象。经科学家研究证实，视觉印象在人的眼中大约可保持0．1秒之久，如果两个视觉印象之间的时间间隔不超过O．1秒，那么前一个视觉印象尚未消失，而后一个视觉印象已经产生，并与前一个视觉印象融合在一起，就形成视觉暂留现象。传统动画片就是利用人眼睛的‘视觉暂留’现象，而使一副副静止的画面连续播放，看起来象是在动。它应该归类于电影艺术。不同于通常意义的电影之处在于：它拍摄的对象不是真实的演员，而是由动画师画出的动画形象。在动画片里演员就是动画师本人，戏演得好坏和这个动画师的本身素质有着紧密关系。传统动画片是用画笔画出一张张不动的，但又是逐渐变化着的连续画面，经过摄影机、摄像机或电脑的逐格拍摄或扫描，然后，以每秒钟24格或25帧的速度连续放映或播映，这时，我们所画得不动的画面就在银幕上或荧屏里活动起来，这就是传统动画片。传统动画经历100多年的发展，影响力越来越大，无论大人孩子等不同的人群，都是它的观众。一个好的卡通形象会被一个人记忆一生，说明动画片确实有着它独特的魅力。传统动画产业至今已成为一个庞大的产业，并且还在成长。3．1．2Flash动画Flash是一种交互式矢量多媒体技术，是web发展的一个大流派。它的前身是FutureSplash，为早期网上流行的矢量动画插件，被Macromedia公司收购了后，便将其改造为Flash2，后来有了Flash3～Flash5，然后是FlashMx，现在最新的版本是F1ashMx2004。F1ash动画也是利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，包括画面的缩放、旋转、变换、淡入淡出等等特殊效果。在Flash动画出现之前，网页动画主要以Gif动画为图3—1Gif动画主(图3一1)，Gif格式的动画文件比较小，适用在窄带网络上传输。但是，Gif动画有很大的缺陷，例如，它不能包含声音效果，也不具有交互性功能，只能单调地循环播放。 Flash这种动画是矢量动画的格式，文件量较小，是主要为网络应用开发的交互式矢量图形动画格式(图3—2)。网页设计人员使用F1ash可以创建站点片头、导航控件、动画徽标、旗帜广告、人物、动物和景物动画等。和其它动画格式相比，Flash动画有突出的特点，主要体现在以下几个方面：一．1．F1ash动画受网络资源的制图3—29188h交互动画约一般比较短小，所以在情节和画面上往往更夸张起伏，致力在最短时间内传达最深感受。2．Flash动画具有交互性优势，能更好地满足受众的需要，它可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果，这一点是传统动画所无法比拟的。3．由于只需要掌握一些特定的软件就可以尝试，Flash动画的制作相对比较简单，一个爱好者很容易就能成为～个制作者。全新的Flash动画使动画制作变得非常简单，一套电脑软件、一个人、一台电脑就可以制作出一段有声有色的动画片段。4．Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图，文件小，传输速度快的特点，助长了高速动画的崛起，可以利用独有的优势在网上』11泛传播。Flash制作的MTV比传统的MTV就易于在网络上传播。并且在播放的同时不问断地传输后续数据，从而缩短了使用者的等待时间，使动画在低速网络上也能顺利播放。5．Flash动画虽然现在还是比较粗糙、简陋，但Flash有新的视觉效果，比传统的动漫更加轻易与灵巧，更加的“酷”。不可否认它已经成为了一种新时代的艺术表现形式。6．用Flash制作动画会大幅度降低制作成本，减少人力，物力资源的消耗。同时，在制作时间上也会大大减少，半小时的节目，用Flash技术制作，大约3至4个月就可杀青，若用其它技术通常需用10一14个月。7．Flash制作的动画可以同时在网络与电视台播出，实现一片两播。8．由于F1ash动画还可以生成可独图3-3Flash动画中的夸张动态立执行的Exe文件，所以还有许多设计 人员愿意使用F]ash制作多媒体产品，通过光盘介质打包来播放。Flash这种二维的平面动画可以让人最大限度的发挥自己的想象力，最大限度的夸张动态(图3～3)，许多不符合常理的动作在二维平面里也会变成可爱、幽默的同义词!因此极易产生视觉效果，极易吸引别人的注意，也能极快地使现在急功近利的人得到一种满足，Flash为他们提供了这样一个比较成功的工具13．1．3结合传统动画制作Flash动画1．技法基础仍然要参照传统动画。无论什么样的动画，它的原理是一样的，这个原理就是传统动画原理，它是一切动画的基础，包括三维动画也是运用传统动画原理来使物体运动的，当然Flash动画也不例外。如果想把Flash动画做得出色，不了解传统动画原理是不行的。动画的许多操作方式完全可以在Flash中运用，例如分镜头，我们可以在纸上画，而画在Flash场景中，这样可以使你更容易整体把握片子的走向。设计稿同样如此，把精确的构图先勾画出来，片子的大模样就会确定。3．Flash制作动画就应该突出它的优点。传统动画技法是多种多样的，制作Flash时不可以完全照搬过来，要根据Flash的特点加以运用，那些经常出现可以反复使用的动作和造型，用传统动画技法完成后，尽量都做成元件，随时调用。4．避免缺点。由于表现复杂繁琐动作不是F1ash的特长，遇到必须表现的，我们可以采取传统动画的特殊技法予以解决，比如在F1ash小品金瓶梅中猪八戒的移动，一步步的走路或跑步需要画许多张数，而在F1ash中，用动画残影加士烹的雪件变形移挈氅!譬耄图3—4猪八戒的残影移动现出来(图3—4)，这样解决例子很多，在构思故事的时候就要避免那些繁琐动作画面的出现，即使出现最好以定格的方式出现。使用Flash软件，一部完整动画片甚至可以由一个人、一台电脑完成，这当然简化了动画的程序，但是对制作者的要求也提高了许多，你一个人要身兼数职，导演、原画、动画、绘景、拟音等等，你只有对这些传统动画工序有了认识，才能做出有质量的动画片。特别是其中几个关键环节：导演、原画、 动画。做出好的片子除了画上功夫，更多的是画外的功夫。也就是说，你的整体素质越高，知识越广泛，片子才可以做得更好。总而言之，动画是一个综合型的艺术，不可以仅靠某一方面的能力做好。3．2FIash主题表现与动画风格正如任何文章必须有主题一样，任何一个动画也需要有其主要表现的内涵所在，因此，在制作动画之前，创意的确定很重要，创意确定之后动画的大方向就确定了，围绕这个方向整理思路、搜集素材、选择表现手法，然后制作动画即可。但是，如果你确定动画主题与风格之间存在了矛盾，说明你已经不是一个初学者了。初学者往往利用自己掌握的美术技能和欣赏水平去表现所有题材的作品，用一贺的创作风格去创作广泛的作品主题，这就出现了两者之间的矛盾，比如：用古代水墨画的风格去表现现代都市紧张的生活节奏就是一个突出的矛盾，解图3-5小破孩系列决这个矛盾的最好办法就是要求我们在平时的训练中，广泛接触其它艺术形式，提高自己的审美水平，以适应不同题材的作品创作。但是人的精力是有限的，不可能精通全部的艺术表现形式，这就涉及我们常说的艺术风格的问题。避开我们不熟悉、不擅长的题材，多多表现自己感兴趣、统一类别的主题，这样我们创作时才会游刃有余。图3-6小破孩系列目前，F1ash动画大多表现的是娱乐性，通俗化的题材。看Flash动画成了人们休闲娱乐的一种方式，说明F1ash的基础还是通俗化的，人们对它不会提出苛刻的要求，这一点和Flash本身操作简单易上手，非常贴切，所以不少人说Flash是平民化软件。另外，Flash动画的题材可以从传统文化中寻找，《小破孩》系列的故事(图3—5、3～6)大多取材来源于中国传统故事或民间传说，并且绘画风格，音乐，服装等都保持中国文化味道。使人～看就知道这是中国的动画，中国的小破孩。当然里面也加入了大量现代的因素。风格是艺术家在创作作品时表现在作品中的特色，反映了创作者的个性和感情。动画风格的形成不是一朝一夕就可以实现的。要经过自己不断实践，融 倒3—7图3—8图3—9合自身社会文化背景、自己的人生观，以及自我价值取向，而形成的一个综合体。这个综合体表现在艺术上就形成了艺术风格。在制作动画时，要选择合适的风格。风格有许多可供选择，比较丰富。例如h桦的作品(图3—7、3—8、3—9)，h桦是近几年才开始制作Flash动画的，以前一直从事专业绘画。她的Flash作品一出现就给入带来耳目一新的感觉，在传统动画领域几乎能看到任何风格片子，但h桦这种纯美术风格的F1ash动画却很少看到。这种版画风格的动画非常适合Flash来表现，粗犷的不规则线条、夸张的色块。她不讲究动画的过渡，但这一点和整体地美术风格又很协调，可以说b桦的这种风格是F1ash和美术结合的典范。图3一lO东北人都是活雷锋幽3—11流氓兔以上所说的都是强调艺术风格的类型，其实我们看到的Flash作品绝大多数还是通俗、现代的作品。此类作品非常多，也有不少成功例子，雪村曾经凭借一个通俗搞笑的FlashMTV使他红遍中国(图3一10)。流氓兔也在F1ash领域找到了合适的切入点，使流氓兔的形象家喻户晓(图3—11)。学习F1ash动画一般都是自学的形式，选择了一个范本要认真学习，继承大师们的熟练技能和优秀技能，在此基础上发展自己的思想，锻炼自己的技能，从范本中走出去。同时要坚实地打好Flash动画基础，不断地创新，勇于创作，不怕失败，坚持自己的道路。3．3网页FIash动画设计3．3．1从构思到创作设计工作并不直接参与画图。在脑子里灵光一闪的东西不一定可以应用于实际，首先必须从各种案例的讨论中确定它是否适合主题。之所以要这么做，是因为主题有时是别人确定的，不像自己确定主题，设计的东谣肯定与其相符l4 合。从别人那里接手的主题就是别人委托的工作。光是自己理解，却不符合委托人的心意，那么这项工作就不算圆满。按照这样的步骤工作，心里却不甚情愿的人同样不能成为设计师。真正的设计者只有在作品被人理解时，才感到最大的喜悦。工作圆满完成，自己也能欢欣鼓舞，还可以得到报酬，难道还有必这更好的工作吗?对于一个设计师来说，拿到一个主题的时候是最痛苦的，因为要想出一个合适的创意不仅耗费时间，也耗费脑筋。一旦创意确定了，以后只要按照一定的步骤展开工作，作品就不难成形，所以，一个创意的出炉将会耗去大量的时间。对主题的准确理解，对消费对象特性的提炼，以及对时代脉搏的把握都与一个创意的出台息息相关。一步～步完成以上的步骤，仿佛是柳暗花明又一村一样，一个创意就将破茧而出。要找出一个和他人完全不同的创意是很困难的，但是只要改变～下实施的方法路子，就又是一个全新的创意。总结创意的草图称为创意草图。首先，一想到什么可以尝试的点子就画些小的草图记录下来。这个草图就叫做创意雏形，草图的尺寸从五厘米见方到明信片大小，以便于设计者处理为宜。通过草图把自己的想法反映到纸上，不足或可取之处就一目了然。设计者必须穷尽所学，想出尽可能多的创意雏形。为了使刨意的展开能更加富于变化，也可以用颜料给草图作简单的上色。创意雏形就是在这样不断探索自己究竟要表现何种内容的过程中积累和完善出来的。罗列出各种可能的方案以后，就要在其中选出两三个和主题最契合的画成略图。略图要比雏形更大更充实一些。略图也是创意草图的一种，但是略图强调图纸的整体性和概括性，创意草图则是用于比较分析各种创意的图纸。然而略图还是一个半成品，正式用于设计的图纸，必须经过加工，使其更加完善细致。如果小说家是用文字构思，那么设计师可以说是用图画进行构思的。一个创意就是在对图纸不断修改和加工的过程中形成的。构思一个创意最重要的阶段就是从不甚明了的灵感到完整的设计这一过程。再对这些创意进行整理，就可以进入到实质试制阶段。试制就是按照创意制作出具有动态的作品来。动画作品的实现也是一个复杂的过程，它需要花一定的时间和具备一定的耐性，逐步测试直至达到满意的结果。当然，对于一般用户制作动画而言，其创意一般在脑子里形成，甚至随时变更，只要在制作过程中知道要做什么、要表现什么东西、该怎么做就可以了。3．3．2动画的制作1．动画制作的前期 在讲动画制作的前期之前，必须对动画制作的流程有一个了解。动画制作的流程和影视作品一样，分为前期创作、中间制作、后期合成三个阶段。前期创作首先必须确定要选择一个什么样的主题，即选题，也就是创作者们所想表达的思想所在。主题的选择对于整个动画作品来讲有着至关重要的作用，它决定着动画作品的思想内涵和社会意义。在处理选题这一问题时候，通常有两个原则：一是创新原则，就是说在选题的时候要有新意，在各个方面争取新颖，可以选择从来没有人涉及的内容，也可以针对某件事情从一个新的角度去诠释，赋予其新的生机和朝气；另一个是可行性原则，就是说应该选择熟悉的，可以把握的主题来创作。当然，在确定了一个主题后，该怎么来实现，就需要运用多种的表现手法来完成。其次，要学习创作剧本的几个方法。第一，原创。当然是相对而言的，这需要从生活中汲耶tg,J作灵感，可以是自己图3～12视觉语言的运用的亲身体验，也可以有别人的经历，这需要慢慢地去体会和积累。只有自己创作出来的东西，才会给人一种“真”的感觉。第二，改编。这种方法在创作动画作品中是经常要运用的。另外，光有创作的主题是远远不够的，还需要把它们转换成恰当的视觉语言(图3～12)。2．动画制作的中后期在中间制作阶段，就要十分清楚Flash动画作品中常用的镜头变化，镜头的技巧有以下几种：·镜头当摇镜头的时候，是场景中从一个方向移到另一个方向。可以是从左到右，从右到左摇，也可以是从上到下，或者从下到上摇。不能直接在场景中通过镜头创建这种效果，你需要在舞台中移动到场景的元素。为了制作最佳的电影效果，距离镜头越近的物体移动速度越快。●推／拉镜头推／拉镜头关系到对图像进行大小的缩放，可以对一个物体进行推镜头以观察某个特定的部分，也可以用拉镜头向观众展示全部的景像。对一个物体用推镜头，必须把舞台上的所有元素都以相同的速度放大，用拉镜头，必须缩小影像显示完整的图像。永远不要让推／ti镜头成为一种惯用的镜头，特别是镜头中有许多物体， 而且这些物体必须体现景深的感觉。推／拉镜头比较呆板，并且看上去比较做作。最好用在要表现某个物体的细节或者和周围的物体对比体现这个物体的大小上。·推移镜头和摄影机调整焦距改变对某个物体的缩放程度不同，推移镜头是把握住摄影机，对某个拍摄的物体来回推移地过程。影片中对某个角色、物体或者布景元素的来回拍摄更适合用推移镜头体现。如果物体不是一个呆板的平面，或者运用推移镜头而不是推／拉镜头来体现。在Flash中表现推移镜头，必须对某个片段中的所有元素采取不同速度的动画处理。●升降镜头升降镜头是在摄影机上拍摄的。当升降机升起或者降落时，摄影机集中在某一个物体上或在升降机运动的同时摇到场景中的另一个区域。这是一个效果惊人的镜头，在F1aSh中也比较难体现，因为这个镜头大部分要依靠所画的图像图形。在Flash中表现这个镜头，首先要创建～个扭曲的背景图像以适合镜头的运动，这样通过镜头观察时会显得比较自然。●倾斜镜头倾斜镜头是摄影机被固定在一个地方，为观察某一边的情况把摄影机倾斜一个角度，而不是移动摄影机镜头的摄制方法。在Flash中倾斜镜头和升降镜头的处理相近，但是要更极端地绘制背景图像。对于一个倾斜镜头，事实上要把一个平面的物体进行扭曲，让两端变成平行的。它能够让镜头的移动表现出360。旋转的效果。·跟踪镜头跟踪镜头是镜头锁定在某个物体上，当这个物体移动的时候镜头也跟着移动。·景深景深是指在影片中三维空间的场景感觉。由于Flash是基于矢量的，比起一些基于位图的工具来说，它比较难创作出景深的效果。动画制作者最常用的一种方法是把背景运用高斯模糊滤境进行处理，然后再把这副图像作为位图导入Flash中。有时候可能复制至少两个符号重叠在一起，偏移l、2个像素左右，这就达到图像的模糊效果了。●切换镜头在电影制作中，切换的转换方式是最常用的，它不仅仅是一种转换方式。切换镜头能让影片不至于很快变得单调乏味。3．后期制作一部完整的动画作品必须经过后期的剪辑合成、配音等工作后，才能真正被称之为一部完整的动画作品。其中，配音是Flash动画中非常重要的组成部17 分，说到给动画作品添加配音，就不能不介绍一下是先做动画动作还是先配音的问题。一般来说动画动作比较重要，所以先仔细地做动画中的动作效果，然后根据成型的动画进行配音。配音工作需要收集、制作声音。虽然说现在的声音比较丰富，但想要得到我们需要的声源还是需要花费一番功夫的，所以有的时候还必须学会图3一13传承与超越自己制作声音，这就需要在日常生活中去研究和积累了。其次就是根据剧情给动画作品添加声音，如Flash小品传承与超越就是采用这样的方法(图3～13)。至此，后期制作就完成了。3．3．3设计的意义设计一词在当今的日常生活中被广泛使用，人们更关注它在抽象意义上的使用。不过，真正把设计作为一项工作来进行创作时，必需要充分明确设计的具体内容和该设计的社会效应。只有完全实现社会效应，才能表明它所具备的价值。要让设计具备一定的效果，就必须事先明确设计为何而作，即设计的目的。这个目的，可以是让人感到幸福的，也可以是让人感到愉悦的。自己的作品能使人幸福，并通过设计最终取得金钱作为报酬，就是设计者的工作。设计师当然希望更多的人感受到幸福，因为给更多人的人带去快乐，不仅体现了自己的实力，还可以让收入更加丰厚。如果作品仅仅让自己满意，却无法让他人分享快乐，那么这个作品作为设计本身的价值也就荡然无存了。艺术和设计虽然有相通的部分，但实际上大有区别。艺术创作可以不管别人的评论，只要创作者自己理解了，就成其为艺术。当然，有没有人欣赏和能不能卖出作品，又另当别论了。梵高一生中没有卖出一幅作品，但这并不能否定他的作品充满艺术性。设计就不同了。如果众人无法理解自己的作品，那么就应该断定它不具备价值。设计首先是面向大众的，为此，必须迸行大批量生产，如果生产条件不允许，那只能完成到原稿阶段。以为靠量化的生产就可以引人注目是大错特错的。如果作品本身没有什么东西可以吸引人的目光，那么任何人也不会去注意，这就牵涉到作品的冲击力问题。冲击力分为几种，并不是指单纯用花哨的装饰来引起人们的关注。除了抓住人的目光，它还包括使目光在作品上停留的能力。那么，作品要如何才能捕捉人的目光呢?这里就要用到视觉表现的原理。合理运用视觉表现的各个原理，不仅有助于抓住众人的目光，还能使设计者更 准确地表现自己想表达的内容(图3—14)。引人注意是第一步，接下来最重要的就是谋求如何被人理解。这一点，无论是平面工作还是立体的、或是空间的，在本质上都是相同的。假设有一张空白的纸，要图3～14视觉冲击在上顽画一条线，你会画在哪里呢?同样一条直线，画在不同的地方，对于读者来说，就会有不同的理解。这就是视觉表现中的一个心理问题。既然画在不同的位置，可以表达出不同的意义，那么究竟做何取舍就相当重要了。如果不知道线条的不同位置所代表的不同心理暗示，就不能简单地画一条线。也就是悦，不明确自己想表达的内容是不可取得的，如果在不明确的情况下还iJ_以继续创作的人，只能是天才了。然而我们中的大部分人都不是天才，正因为不是天才，却要去完成天才性的工作，所以就无法脱离视觉表现的各条原理。有时候自己想说的东西不一定能用语言来表述。比如说要用一句话来表达感动之情，听起来容易，实则很难。不过，要再次回味自己所经历的感动情绪则不难。所以，我们能在日常生活中积累大量的感动体验。能感受到感动之情的能力，我们称之为感性。丰富的感性能力能让我们感受到更多的感动，因而，我们必须锻炼自己的感性能力。感性不是靠思考的，而是通过绘画、音乐、自然等的熏陶下磨练出来的。这样得来的是自己的感受，只有自己才能体会，所以称之为个性。设计就是将这些个性化的信息规划整理为一定的形式。这个过程包含的人与人之问的交流，正是设计的基本所在。设计的终极目标是为了“让生活更加美好。”设计的东西再小，也不能背离这个目标。设计就是要围绕生活这个中心，向每个人的人生传达信息。 第四章网页动画的视觉原理4．1网页动画中的视觉形式美的基本法则人类在长期的审美实践活动中，不仅熟悉和掌握了各种形式因素的特征，并对它们进行了研究，总结出了多种形式美的法则。多种形势美法则之间既有区别又有密切联系，但也不是固定不变的，都有一个从简单到复杂，从低级到高级的发展过程。多样统一是形式美的总规律，其它的形式美的规律都要统一在这个总规律下面，它是形式法则的高级形式。多样统一是指形式组合的各部分之间要有一个共同的结构形式和节奏，使人感到整个艺术作品内部既有变化与差异，又是一个统一的整体。它也指多样化的形式美法则在美的创造中综合统一的运用。事物的多样性符合现实生活的矛盾构成状态，也与人们的心理机制相吻合，统一才能达到和谐，而和谐则是形式美的最高要求。多样统一是一切优秀艺术作品必须遵循的一个共同准则，它是形式美的基本规律，是艺术美学的辩证法。多样统一体现了自然界的对立统一的规律。整个宇宙就是一个多样统一和谐的整体。多样体现了事物个性的干差万别，统一体现了各个艺术作品都是由多个既有区别又有内在联系的部分组成的，只有按照一定的规律，把它们组合成既有变化又有秩序望二二!萋体二才能有机统一地唤起人图4一l多样统一们的美感(图4—1)。一～。多样统一的和谐美，是艺术美的关键。它要求将多种因素有机地组合在一起，既不杂乱，又不单调，使人感到既丰富多样而又有秩序。作为形式美的基本法则，多样统一贯穿于其它派生的形式诸规律中，主从、均衡、对比、韵律等，这些形式法则都是多样统一在某一方面的体现。形式美的主要法则简述如下：1．主从与重点任何艺术上的感受都必须具有统一性，这早已是一条公认的艺术原则。为了加强艺术作品整体的完整统一性，各组成部分，应该有主和从的区别，重点和一般的区别。一个完整形态的构成，必然在整体上表现为主导与从属，并由此派生出整体与局部的关系。任何一件作品其构成整体的多个局部之间必须有机联系，作品的美感是从统一整体的效果中感受到的。 主从关系是整体与局部之间的法则。网页动画短片中的主要角色和次要角色，色彩的主色调和非主色调，线条的主线和非主线都有这样的主宾关系。表图4—2突出重点现在网页动画中的主题与副主题，主题形象与陪衬形象，重点与一般等，都应该按照一定的主从关系进行处理。不然各部分不分主次，或者竞相突出自己，都会破坏整体的完整统一性，会流于松散、单调、杂乱。重点是指在设计中有意识地突出其中某个部分或要素，使其成为整体中最能产生视觉吸引力的“兴趣中心”(图4—2)，其余部分明显处于从属地位，从而达到主从分明，完整统一。在我们见到的许多作品中，最常见的通病是缺少统一，设计上没有主从与重点的观念，画面上没有中心，一些次要部分对于主要部分缺少适当的从属关系，虽然画面安排的整齐，很有秩序性，却使人感到平淡无奇，缺乏有机的统一性。2．对称与均衡所谓均衡是指在特定的空间范围内，形式诸要素之间保持视觉上力的平衡关系。在视觉艺术中，均衡是任何观赏对象中都存在的特性，在审美上使人产生了视觉平衡心理，得到审美上的满足，审美中的均衡观念是人们从经验中积累而形成的。均衡有两种基本形式，一种是静态均衡形式，一种是动态均衡形式。静态均衡即我们常说的对称，对称是指画面中轴线两侧的形态，均同形而相对时，则称为左右对称形。以点作为对称中心，把图形沿着一个中心作环绕布局时，成为辐劓之形状，称为辐射对称形。对称的现象，在自然界从人体、动物、植物到抽象的图案构成里均可找到。人体、走兽、昆虫等都是左右对称；圆、车轮、雪花都是辐射对称。对称之构成能表达秩序、安静和稳定、威严等心理感受，并能给人以美感。古希腊美学家曾指出：“身体美确实在于各部分之间的比例对称f2]。”说明了人体美的基础之一在于对称。尽管对称的形式自然就是均衡的，但是人们并不满足于这一形式，常用轻巧灵活的对称形式来保持均衡，这就是我们通常所说的动态的均衡。均衡，是指不等质和不等量的形态求得非对称形式，它是对称的变体，在 静中倾向于动。均衡是与对称相比较不以中轴来配置的另一种形式格局。视觉设计美学上的均衡，是由形状、色彩、位置与面积决定的，利用虚实达到呼应和谐一致，造成视觉上的均衡。比之于对称在心理上偏于严谨和理性，均衡则在心理上偏于灵活和感情，具有动势感，应用于设计可以带来构成的无限变图4—3均衡性化，开拓表现领域。具有良好均衡性的设计作品，必须在均衡中心上予以某种强调(图4—3)，使人的视觉在它上面停留下来，引起一种满足和安定的愉快情绪，产生明显的吸引作用，这已经成为许多优秀的视觉艺术设计作品取得成功的诀窍。3．对比与和谐对比与和谐反映了矛盾的两种状态，对比是在差异中趋向于“异”，和谐是在差异中倾向于“同”。对比是设计构成要素的差异和分离，是表达物象的基本手段，能使物象产生富有活力的生动效果，使人兴奋，提高视觉力度。对比，是对差异性的强调，是利用多种因素的互比互衬来达到量感、虚实图4—4线条的曲直感和方向感的表现力。例如，形的大小、问的大小、色彩的明暗、冷暖对比(图引视线。图4～5色彩的明暗方圆，线条的曲直、粗细、疏密，空4—4、4—5)等，都能活跃画面，吸对比基本上可以归纳为形式的对比和感受的对比两个方面。形式上的对比以大小、明暗、曲直、粗细、强弱等对照来加强视觉效果。对比的画面效果鲜明、刺激、响亮、力度感强。感觉上的对比，是指心理和生理上的感受，多从动静、软硬、轻重、刚柔等方面给人以各种质感和快感的深刻印象。和谐是表现形式之间的协调性，从差异中达到统一的重要方法，是构成要 素的一致和协调。和谐，是近似性的强调，是两种以上的要素相互具有共性，形成视觉上的统一效果。和谐是综合了对称、均衡、比例等美的要素，从变化中求统一，很巧妙地构成要素的调和，能满足人们心理潜在的对秩序的追求。和谐可以从画面的类似性组织而获得：如大小的类似性、形态的类似性、色彩的类似性、位置的类似性、方向的类似性等。对比是把两个极不相同的东诬并列，使人感到鲜明、醒目、振奋、活跃(图4—6)。和谐是把两个相似的东西并列，和谐使人感到融合、协调，在变化中保持一致(图4—7)。对比与和谐是相对的，是对立统一的艺术手段，不是简单数值上的差异，而是图4—6对比图4-7和谐以人的视觉感受为依据。它们相辅相成，过分的对比会造成强烈、刺激，而过分的和谐又会造成平庸、单调，在设计中要注意对比与和谐的适度，要求鲜明而不刺激，调和而不平淡。从形式构图上讲，对比要求集中，多体现在画面主体和特别强调的点、线和小的块面上，和谐则体现在画面的整体照应之中。任何视觉艺术设计都需要一定量的变化，画面如果由同质要素的部分构成，就容易产生既对比而且又有秩序之美，但有强调、呆板之感，画面如果由许多对比要素所构成，又容易造成杂乱、不协调。假如，画面是由类似要素的许多部分所构成，也就是说，在大部分调和中有小部分对比或不协调，就容易得到既有秩序又有变化之美，产生既和谐又对比的效果。4．节奏与韵律指运动过程中有秩序的连续。构成节奏有两个重要关系，一是时间关系，指运动过程：一是指力的关系，指强弱的变化。韵律是任何物体的诸元素构成系统重复的一种表现，是使任何一系列大体上并不相连贯的感受获得规律化的手法之一。诗歌和音乐的起源和人类本能地爱好节奏与和谐有密切的关系，这是以往一些美学家的见解，亚里士多德认为“爱好节奏和谐之类的美的形式是人类生来就有的自然倾向。”节奏是韵律形式的纯化，韵律是节奏形式的深化，节奏富于理性，而韵律则富于感性。 构成要素作长短、强弱的周期性变化产生节奏。最单纯的节奏是重复，节奏带有机械的美，韵律则不是简单的重复，它是有一定变化的相互交替，是情图4—8韵律调在节奏中的融合，能在整体中产生不寻常的美感。韵律是构成要素连续反复所造成的抑扬调，具有感情的因素，能满足人的精神享受，它在造型中的重要作用是能使形式产生情趣，具有抒情意味(图4—8)。韵律能增强设计作品的感情因素和感染力，引起共鸣，产生美感，开阔艺术的表现力。韵律按其形式特点一般有下列几种形式：·连续型韵律以一种或几种要素连续、重复地排列而形成，多种要素以基本相同的间隔有规律地重复出现。·交替型韵律各组成要素交替在画面上出现，表现出一种有规律的变化，增强了画面的情趣感，它可以从图形、位置、色彩等的变化而产生。·渐变型韵律有规律的渐变形成的韵律，它可以用构成要素的大小、形状、方向、色彩有规律地演变而得到，如逐渐缩短或加长，变窄或变宽，色彩上的变冷或变暖等。·起伏型韵律渐变韵律依据一定规律时而增加，时而减少，形成波浪式起伏，产生一种生动活泼的运动感(图4—9)。图4--9起伏型韵律·旋转型韵律构成要素按照一定的轴心或轨迹作有秩序的或渐变旋转运动，造成强而有力的动态和特殊的情趣。·自由型韵律构成要素不按一定规律作一种松散的、自由式的构成，有很强的流动感，灵活生动、妙趣横生，极富人情味和趣味性。 5．空白的设置和运用在设计画面的构成中起着不可忽略的重要作用，是进行艺术表现的重要手图4一lO空白的运用段，它能缓和画面的紧张及复杂性，打破沉闷和闭塞，唤起联想，利于组织严密和突出主题，加强对比，达到画面的均衡，着意处理的空白，能留下艺术想像的天地，增加画面的灵性与气韵。设计中要把强调、突出、给人强烈印象的构成要素的周围留下空白，就能扩大和提高视觉效果，同时利于视线流动，破除沉闷感(图4一10)。除此之外，还要看到空白在画面的虚实处理中的特殊作用。虚实作为一种表现形式，是为深化主题服务的，画面构成中必须有虚有实，虚实呼应。视觉艺术设计画面的主题形象要“实”，陪体和背景要“虚”，“虚”是为了突出“实”，应该藏虚露实，宾虚主实，不能平均主义地处理，实得让人透不过气来。要大胆地运用虚实对比，突出主题，烘托情趣，巧妙地使画面实中有虚，虚中有实，造成新颖独特的构成效果，加强画面的感染力。6．画面的空间设计不少的业主，为了不浪费用金钱买来的版面，总想把版面“充分利用”，总想把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，空间在构图上有着不可忽视的作用，这种构图上的“少”，确是效果上的“多”。它能引起人们的注意，使人产生兴趣，给人留下深刻的印象，从而也最大限度地达到传播的目的，这些画面的空白，是很难能而可贵的(图4—11)。图4—11画面的空间设计研究形式美法则的重要意义在于把这些形式美的法则灵活地运用到视觉设计艺术中去，以便使形式能更好地表达视觉艺术的内容，获得美的艺术形式与美的内容高度统一的效果。 4．2网页动画中的知觉原理4．2．1网页动画的认知原理人类的知觉具有一定的规律，早在本世纪初，心理学家们就开始了这项研究工作，例如在建筑设计、商品包装设计等方面运用视知觉规律产生了很好的艺术效果与经济效益。不同的知觉具有不同的规律，下面先讨论一下知觉特点及其对视觉艺术设计的影响。人们通过感官得到了外部世界的信息，这些信息经过头脑的加工，产生了反映事物整体的心理现象，这就是知觉。也就是说。知觉是客观事物直接作用于感官，而在头脑中产生的对事物整体的反映。知觉与感觉一样，是事物直接作用于感觉器官产生的，同属于对现实的感性反映形式。离开了事物对感官的直接作用，既没有感觉，也没有知觉。知觉以感觉作为基础，但它不是个别感觉成分的简单总和。知觉包含了按一定方式来整合个别感觉成分的作用，形成一定的结构，并根据个体的经验来解释由感觉提供的信息，它比个别感觉的简单相加要复杂得多，也丰富得多。在实际生活中，人们都以知觉形式来反映事物。知觉依赖于感知的主体，即具体的、活生生的人，而不是孤立的眼睛、耳朵和鼻子这些感觉器官。知觉者对事物的态度、需要、兴趣与爱好，以及对活动的预先准备状态与期待，知觉者的一般知识经验等等，都在一定程度影响到知觉的过程和结果。根据产生知觉时起主导作用的感官的特性，可以把知觉分成视知觉、听知觉、触觉、嗅知觉、味知觉等等。例如，对事物的形状、大小、距离和运动知觉属于视知觉，对声音的方向、节奏、韵律的知觉属于昕知觉。在这些知觉中，除了起主导作用的感官以外，还有其它感觉成份参与。根据人脑所反映的事物特性，可以把知觉分成空间知觉、时间知觉和运动知觉。空间知觉反映事物的大小、形状、方向和距离；时间知觉反映事物的延续性和顺序性；运动知觉反映物体在空间的位移等。知觉的一种特殊形态叫错觉，人在出现错觉时，知觉的反映与事物的客观情况不相符合。4．2．2视觉传达中的错视当知觉条件产生变化时，知觉印象在一定范围内保持稳定，它倾向于反映事物的真实状态和属性。知觉的这一特性对维持人的正常生存是必不可少的。但是，有时候人们也会产生各种各样的错觉，即我们的知觉不能正确地反映外界事物的特性，而出现种种歪曲。例如，墙上装有镜子的房间会让人觉得宽敞多了，一个身穿竖条衫的人会显得瘦～些等等，这些都是错觉。 研究错觉还有实践的意义。从消极方面来讲，它有助于消除错觉对人类实践活动的不利影响。设计表现过程中，有时要利用人们的错觉达到一种艺术效果。4．2．3视觉传达与格式塔格式塔完全心理学说的音译，意指人有这样一种本能，善于将某些复杂的因素进行归类，将本无联系的视觉因素组合识别和记忆。上世纪早期，一组受德国及美国科学研究者影响的心理学家们著书立说，发展了一些最具有说服力和逻辑性的视觉观察形式(信息)的方法，其中之一就是格式塔原理。这些研究家们致力于发现我们人类是如何认知事物的，也就是说，人是如何靠大脑来接受信息的，他们的理论是他们观察与实验的结果，奠定了格式塔心理学派的基础。格式塔心理学家们的理论认为，认知的基本因素是格式化或归类。人有一种本能，善于将某些因素归为一类而排斥它类，这种理论注重对整体的研究而不只是研究各部分。一个视觉形象的各部分可以作为不同的组织部分来加以考虑、分析和审视，一个视觉对象作为整体而言并不等同于部分的总和，事实上它超过了部分的总和。格式塔的主要内容包括：·视觉统一视觉统一是一个基本的设计概念，视觉统一说明了设计中各元素之间的一致性，视觉元素看起来也似乎是融合在一起的，其中存在着一种视觉上的联系，一种和谐，一种完整(图4—12)。格式塔原理则有效地发展了视觉统一的概念。根据格式塔原理，人们观察某个视觉形象时，是从整图4—12视觉统一体上出发的。·形象与背景当我们在观察一个对象时，首先是把这个物体和它的背景分开，才能看见这个物体。不管看任何东西，我们观察到的物体就被称之为对象，并且总是衬托在某个背景之上。即使形象和背景是处于同一平面，形象也往往显得离观察者更近，没有背景也就没有形象，形象和背景不能同时观察，至少应该是有先后顺序的。可以断定，越是相近的物体越有可能被归为一组，看作一个形象，要区分背景和形象并不总是轻而易举的。所有的视觉范围都有可能是模糊不清的，靠其它感觉得到的补充信息也不足以解决这样的问题。27 ·不可视的图形一背景图形、背景概念不只是限于视觉体验，它也问样适用于多种感觉的体验。当背景充满了其它声音时，我们仍然可阱用正常的声音与朋友交谈，这是用声音来表现形象与背景的概念。你的声音就是形象(信号)，其它的声音就是背景(噪音)。当你的手指摸过有某种肌理的物体表面时，你所感觉到的就是一种形象，告诉你某种表面肌理的信息。在一个充满不同气味的房间里，你肯定会闻到较强的味道，这一点因人而异。有的人会闻到自己最熟悉的味道，有的人闻到的是自己最不熟悉的味道。这也是将形象与背景区别开来的例子，早期的格式塔心理学家归纳了一系列的定理或规则，这些都与视觉结构有关。眼睛是人类最重要的获取外界信息的器官，80％的外界信息是通过眼睛来获取的，如果人类用视觉接受一个信息，而另一个信息是通过另一感觉器官接受的；又如果这两个信息彼此矛盾，人们所反应的一定是视觉信息。人类的视觉是可靠的接受装置，人眼不仅能通过文字来传播信息给大脑，更能直接从形象中获取信息，形象本身是通过视觉直接沟通的。视觉信息质量具有清晰性、形象性、吸引性等特点。眼睛是光感受器，它的作用就像一架极精巧的照相机，眼睛后面视网膜上的光感细胞受光的刺激，引起神经质冲动，通过视神经传到大脑皮层，人就看到了物体的形象，视网膜中心是惟一具有敏锐分辨力的地方，由于它覆盖的面积较小，视域的其它地方则离视网膜中央越远越不清晰，观者能看见什么，取决于他如何分配注意力。阿恩海姆说过：“我们总是在想要获取某件事物时才真正地去观看这件事物[31。”观看从一开始就是这样有选择的，看到不等于注意到，但如果事先注意到书上有某方面需要了解的内容或者书上有引人兴趣的图形，马上就会集中注意力专注地看它。所以信息传递的效果图4—13视觉注意力如何，关键在于网页动画设计时，我们采用的形式，运用的形象能否强烈地吸引观众的视线，能否首先作用于受众者的心理，引起注意，激发兴趣(图4—13)。根据格式塔心理学的理论，在网页动画的图形形式中，蕴藏着一种引起观众视觉注意的“张力”。这是形式的视觉力以及由此在大脑皮层产生的生理力的混合物。 4．3网页动画中的注意原理注意是人们选择欣赏的起点。在一些网站中，即在琳琅满目的信息中，受众者究竟接受哪些信号，往往会有一个选择的过程。经过选择之后，注意力就集中到那些准备接受的信号上。受众者往往被那些醒目的图像、鲜明图4～14注视的接触效果的色彩、独特的造型、生动的文字引起注意(图4—14)。引起注意，是设计重要的手段和成功的基础，设计的效果基本上来自注视的接触效果。有了注意，然后才能谈到理解、确信的效果，若不能引起注意，设计的诱导欲望，加强记忆，导致行动的功能就无法实现。注意是心理或意识活动对一定对象的指向和集中。人们注意对象的某～瞬间内，我们的心理活动会有选择地朝向于一定的对象，在注意时，心理活动不仅指向于定的对象，而且还集中于～定的对象。4．3．1注意的一般特点注意是人的心理活动对外界一定事物的指向和集中。注意这种心理现象是普遍存在的，它与人们的一切心理活动密切相连，并伴随着人们的认识、情感、意志等心理活动而表现出来。注意有两个基本的特征：指向性和集中性。·注意的指向性所谓指向性，是指人们的心理活动具有选择性，即在每一瞬间把心理活动有选择地指向于一定对象，而同时离开其余的对象。所谓集中性不仅只指离开。切与传播信息无关的事物，而且也是指对与接受无关的，甚至有阻碍的活动的抑制，这样，被接受内容的重点才能得到鲜明清晰的反映。注意的指向性表明，人们的认识上具有选择性，对认识活动的客体进行有意或无意的选择，在每一瞬间，心理活动有选择地指向一定的对象，而同时离开其它对象。注意的选择性，就是把心理活动贯注于某一事物，不仅是有选择地指向于一定对象，而且离开与被注意对象无关的东西，并且抑制了与之相争的附加活动，以全部精力来对待它，以获得对某一事物鲜明而清晰的反映。·注意的集中性在同一时间内，人只能注意少数的对象，而不能注意所有的对象。集中注意的对象就能够被清晰地意识到，成为注意的中心。当有意义的刺激成为注意 的中心时，有关的感觉器官就会朝向它，以便更好地察觉它，把视线集中在该刺激物上，即所谓“举目凝视”、“心无旁骛”。集中性就是使人的心理活动只集中在少数事物上，而对其它事物视而不见、昕而不闻，并以全部精力来对付被注意的某一事物，使心理活动不断深入下去。4．3．2注意的两种形式由于引起注意的因素不同，受众者注意的方式也不同，会形成两种不同的注意，即有意注意和无意注意。·无意注意无意注意指事先没有预定目的，也不需要作意志努力的注意，不由自主地指向某一对象的注意。无意注意是由于外界突然的刺激引起的，当外界刺激突图4一15弹出的动画广告然产生之后，立即引起主体的注意，并伴随着主体的情绪上的反应。例如，上网时，对突然弹出的动画广告的注意是无意注意(图4—15)。●有意注意有意注意是一种自觉地、有目的地，在必要时还需要一定意志努力的注意。有意注意是人根据主体意识的需要，把精力集中到某个事物上的特有的心理现象，其特点是主体预先有内在要求，注意力集中在已暴露的目标上。如学生在带有背景音乐的学习网站里专心地阅读，都属于有意注意。4．4网页动画与异质心理根据日本色彩研究所川上元朗的试验报告，视觉引起的“注意”行为比其它感觉强六倍。视觉是人类认识环境的基本感觉之一，眼睛是它的工具。光线的刺激、眼球的活动、精神的潜能，合成一种不自觉的心理能力和活动，使我 们毫不费力地通过视觉的管道认识事物、接受信息。人们对图形的识别能力，往往与信息刺激的强度、过去的知识、经验和记忆残留的诠释有关。没有思想准备，在现代消费社会，这种被动型比例较大，因此，网页Flash动而设计要引人注目，给受众留下深刻的印象，使其变被动为主动，就成为关键的问题。引人注目，使人过目不忘，需要强烈刺激人的感觉器官，从而得到深刻的印象，这种现象在心理学上被称为异质心理现象。其原理是：当一个人受到突如其来的刺激时，其视昕知觉就会暂时失去平衡，使感性细胞发生理性变化，从而在人的感知中留下深刻的印象，其印象深刻的程度同刺激强度成正比。比如，在电影放映过程中，忽然广播找人，使处于平衡状态的人们的感知器官突然被刺激，尽管所找之人与你无关，这事都会给你留下深刻的记忆。我们把这类现象归为某⋯偶然因素的作用，视为偶然性现象。异质性心理的原理正是从对这些偶然现象的分析和研究中，找出它产生的条件和原因。4．4．1异质性心理产生的条件和原因一般正常人对物的感知(仅指对可见物和有声物的感知)，首先是通过n艮、耳这些主要感知器官进行的，“眼观其形，耳辨其声”。人的感知过程包含思维过程，在这一过程中，它具有进行判断、推理以及记忆的能力。感知的可记忆性和物的存在的相对稳定性及其发展变化是有规律可循的。对象的存在给人的感知器官提供了能够对同一物进行多次感知的条件，同时还提供了在这种反复的感知过程中得到无数感知经验的可能，感知经验也称为过去的经验，而在新的感知过程中则会得到新的体验，这些新体验总是与过去曾经感知而形成的各种记忆相联系，这种联系是维系各种器官平衡的重要因素，如果没有这种联系就会使感知失去平衡，产生突然感、奇特感，从而出现心理异质现象。感知经验的存在是心理异质现象产生的条件之一，而感知常性的存在是心理异质现象产生的条件之二。人对客体的大小、形状、颜色的感知在某种条件改变的时候仍保持一定的心理状态，称为感知常性。比如一个成年人从近处走远时，出现在我们视网膜上的影像虽然相应缩小，却决不会把该成人感知为儿童，这就是感知常性的作用。异质性心理现象产生的原因，就是感知经验与感知常性相违背。4．4．2异质性心理现象的特征及类型异质性心理现象的特征是由于刺激物的突然性而带来的深刻印象，这种突然性有三种基本类型：1．时空的突然性 即物象出现的时间、空间不符合感知经验。它的特征是其感知过程在一定时f司内是连续性和活动性的，突然产生的新经验与以前的经验没有必然的联系，刺激物对感知者以不带任何过程的强制性方式出现。2．变异产生的突然性即熟知物是以全新的面目出现，或者说是以非普遍性的面貌出现。3．时空变异综合型这种类型是综合前两种类型的复杂型。它既带有时空反感知经验，又带有物象反感知经验与反感知常性的多方面。这种综合型在现实生活很不常见，因此，产生的刺激更为强烈。从某种意义上说，这种综合型是人工合成的类型，是对异质性心理特征的复合与运用，因此在网页动画设计中得到非常充分的体翊。。32 第五章网页动画的视觉要素5．1网页动画中的视觉要素一文字文字和图形一样同属视觉符号，是网页动画的重要组成部分。正如兹阿普夫所说：“字体最广泛的意义并不只是其艺术形式或艺术价值的表现，它首先是最易于信息传达的交流工具[41。”文字设计主要承担着信息传递视觉化的作用，是网页动画中进行视觉沟通的主要媒介物(图5—1)。文字的表现形式具有极大的可塑性，既有规律性又有极大的自由度。文字的自身结构又具有视觉图形意义，字体的造型变化构成了各种形状和性格。文字的形态变化和组合方式的变化，使它以点、图5--l文字设计线、面的形式构成了设计的最基本元素。一个字符可以作一个独立的单位，进而连为线，也可集结为一个面。利用文字视觉传递、视觉规律、视知觉感受的生理效应及传统和现代审美趋势等作用，可以寻求和创造更加丰富多彩的个性化、风格化的视觉语言形式。在网页动画设计中，字体作为主要的视觉要素之一，是其它要素不可替代的。5．i．1字体的功能和种类文字是人类智慧的高度结晶，文字的变化也同样反映了时代特征。原始社会文字图形作为一种形象符号，维系着原始人类的群体生活。当社会发展处在一个比较低的阶段，大众文化落后，生产和消费还停留在追求基本生活的必需时，文字在很大程度上是起着记录和说明的作用。随着现代社会的高速发展，不同民族文化与生活方式有了广泛的交流媒介，文字发挥着巨大作用。由文字构成的字体设计起源于20世纪初，这个时期的欧洲科学技术得到了进一步的发展，对字体设计产生了重大的影响。现代设计运动的兴起，使人们的艺术观念发生了很大的变化。在图形设计领域里，改变了以往单纯地将优美的风景和著名的肖像作版面的设计，开始了研究文字本身独特的价值。走在最前端的是瑞士图形设计师厄斯特·凯勒，他在苏黎世工艺美术学校执教时，√1：创了纯粹用文字作编排设计的图形风格，并建立了字体设计完整的教学体系，他主张形式应该由内容来决定，要解决设计问题，首先要做到形式与内容的统一。字体设计的表现形式是由文字与内容的关系所构成的，各种事物的不同功 能决定了表现形式的多样化，新颖的表现形式往往是对描绘对象深刻独特的把握。从字体设计的发展来看，它经历了由单纯地说明产品属性而转向运用字体设计形象本身反映内容的过程，表明了形式的发展是对内容认识的不断深入。1．字体设计的功能·加强文案的吸引力图5—2文案一图5—3文案二经过字体设计的文案，由于不同字体笔画粗细不同，置于图面上，不同字体区域各自形成深浅不同的色块，不再是整片单调而无变化的灰色块，若干个字体区域分别设计成不同颜色，而产生色相差异，更可赋予文案生命力，如同图画般悦目迷人(图5—2、5—3)。·辅助图形设计设计人员亦可利用文案排成图形，或将文字图形化，使文字产生图的功能，以强调信息诉求。2．字体的视觉特征·独特性字体的识别性体现在独特的风格与强烈的个性印象上，依据信息经营理念、文化背景和行业特征等因素的差别，创造不同个性的字体。●易读性字体应该传播明确的信息，说明内容简要易读。这样才能符合现代信息讲究速度、效率的特点具有视觉传达的瞬间效果。字体笔画、结构法则必须按照国家颁和的汉字简化标准，力求准确规范，避免随意性，以免造成辨认得困难。拉丁字母的设计也应力求清晰规范，注意与汉字的协调。●造型性字体设计成功与否，造型因素是决定性的条件。在遵守造型原理与规则的前提下，追求创新感、亲切感和美感，字体必须通过其形态特征传达信息的个性特征，力求做到美的传达，创造美的形象，提高传播效益(图5—4)。34 图5—4字体造型5．1．2字体的视觉设计在网页动画中，字体可以是传达内容的叙述性符号，也可以是视觉形象的图形。从字体的本质上来说，任何一种字体，都具有图形的性质，只是在视觉中所涉及的字体图形，旨在表现传播过程中作为符号的文字与对象之间的相互关系，以及它在传播媒介中的设计运用。字体设计的表现形式是由文字与内容的关系所构成的。各种信息的不同内容和特点，呈现出表现形式的多样化。新颖的表现形式往往是对表现对象深刻独特的把握。从字体图形的发展历史来看，它同样经历了由单纯说明产品属性转向运用字体图形结构本身反映内容的过程，表明了形式的发展是对内容认识的不断深入。1．字体设计进行的程序●确定设计方向：●确定字体的基本造型：·配置字体笔画形态；·统一字体形象；·编排设计。2．字体的错觉与校正由于字体的结构、笔画繁简不一，实际粗细相同，大小一致的字形在我们视觉上并不完全相同，这就是错视。与字体相关的错视主要有：线的粗细错视；点与线的错视；交叉线的光谱错视；黑白线的粗细错视；正方形的错视：垂直分割错视；点在画面上的不同位置的错视。常用的字体错视的修正方法包括：字形粗细、大小处理、重心处理、内白的调整，横轻直重的处理，字形大小的调整。3．字体的造型设计字体之所以能表现差异性的风格，主要在于字体具有统一的特征。中文字体无论怎样变化，一般总离不开两个最基本的字体形式一宋体和黑体，这两种字体在笔画造型上有着截然不同的风格和特征。宋体横细竖粗，黑体粗细一致，就线端来看，宋体字基本笔画的造型变化多样，黑体字则造型统一，平整 匀称。再以文字的精神风貌来看，宋体字带有温婉含蓄、古典情趣的美，黑体字则传达刚硬明确、现代大方的理性美。因此，字体在设计时，首先应该根据设计信息的经营内容与理念来选择合适的字体形式，从中发展、变化、创造出具有独特个性的字体。字体的设计还在于统一线端造型与笔画弧度的表现。线端形态是圆角、缺角、直切等，都会直接影响字体的性格，再则曲线弧度的大小也能表现字体个性。如表现技术、精密、现代科技等特征应以直线型为主，如表现柔和、松软的食品和活泼、丰富的日用品等特点应以曲线为主来造型。·创意化字体的设计创意化字体的设计，在于把字体作为图形来进行造型。结合文字与图案，或文字上饰以图案、花纹，或字变形为图案，均称为图化字体。古人曾经仿照人、动物或器物的形状，将之绘下，创造出绘画文字与象形文字。中世纪时，图5—5标志的字体设计图5—6标志的字体设计以羊皮纸抄写的圣经，每章开头第一个字通常特别放大，并且加上许多花哨的装饰，后来有许多英文字体均以此手法设计，称之为花体字。另一种方式是将字的部分笔画以图或商品替代。标志同文字一样是能够传达概念性内容的具有识别性符号的标记。以文字为标志的设计素材(图5—5、5—6)，是运用晟普遍的形式之一，其特点是将文字图形化，以抽象或象形的方式来表现，其文字的表述概念性功能被隐藏或削弱，强调图形的意义以增强标志的视觉记忆力。文字标志既有图形的直觉性、丰富性和生动性，又具有文字的信息传递的准确性和直接性。文字标志设计的字以图形的方式展示出来，不仅能增强设计的趣味性，而且能加深人们对设计的记忆力。它以最简洁的符号形式表现出具有高度识别性格的标志，这种强化视觉识别或阅读性的成功转化，已经成为当今世界上的一种通用语言。·合成文字的设计改变文字结构，取字根组合成新字，以创造新的意义，可利用照相机打字打出若干字，剪取各字部分将之组合，或利用造字系统在电脑上造字，这种字通常加以修润，才能匀称美观。 ●特效字体的设计特效字体是利用图像软件中的图层样式或者滤境效果等种种技巧制作出的，使字体出现如阴影、发光、浮雕、拓印、渲染、斑驳、模糊等现象，而呈现出丰富活泼的效果。5．1．3字体的编排模式1．字体编排方式对阅读率的影响文字编排方式的主要因素是字距和行距。根据台湾大学庄仲仁教授对中文编排方式在阅读效果方面的研究表明，行距的变量对阅读率没有显著地影响，而字距的变量对阅读率的影响非常显著。该研究成果还证明当文字的编排使用初号字大小的尺寸时，字问距离应控制在3毫米左右，而行距也宜控制在3毫米以上，比字距略大些，采用这样的编排尺度，最易达到良好的阅读效果。2．文字的编排设计的基本模式·以线来构成文字编排设计的最常见形式是线，把单一的点形文字排列成线，是最适宜阅读的形式。在设计中，常见的线型有直线和曲线两种(图5—7、5—8)，直线型包括水平线、垂直线、斜线和折线，曲线型有弧线、波浪线和自由曲线，还可以根据需要把文字排列成间隔拉开的虚线形式，可以采用单一的线型排列，也可以由多种线型综合排列。●以面来构成图5—7直线型文字编排图5—8曲线型文字编排在字体的编排中，常常把文字由点排列成线，再由线排列成面，即所谓文字的“群化”。这往往是版面空间和构图形态的实际需要。排列成面的文字整体性和造型性较好，而且便于阅读，排列成面的文字多是作为画面的辅助因素来考虑的，可以和其它主体性因素产生互补关系，形成画面特征和个性。·齐头齐尾齐头齐尾的排列是最整齐的编排形式，就是把版面的文字排列成面，面的 两端是整齐的。中文字体的基本形状是方形的，不管是直排，还是横排，编排起来都比较容易。但英文的单词，常由许多的字母组成，最少的有一个字母，最多的有十几个字母，在编排时难免会出现一行的末尾有时空几个字母的空间，有时一个单词只能排一半，为了整块的整齐和单词对角的完整，只有拉开单词间的距离，将不完整的单词转入下一行。·齐头不齐尾把一行文字的开头对齐，而在适当的地方截止换行，这样，在行尾时就会出现参此不齐的形状，这就是齐头不齐尾的排列。这种排列方法在英文中是最常见的，中文采用这种方法编排时，通常以一个整旬或一个段落作为划分的单位。齐头不齐尾的编排方式与齐头齐尾的方式比较起来，前者轻松活泼、方便阅读且有动机性，后者则整齐严谨有余，灵活多变不够。·齐尾不齐头把每一行文字的结尾对齐，而在适当的地方截止换行，这样，在行头就会出现参差不齐的形状，这就是齐尾不齐头的排列。在视觉设计中常采用这种方法编排，以创造一种别具一格的风格。通常以一个整旬或一个段落作为划分的单位。齐尾不齐头的编排方式与齐头不齐尾的方式比较起来，更能突出前卫、时髦和别致的个性。·对齐中间对齐中间是一种具有高雅特点的对称形式(图5—9)。如果每一行文字的长度不同时，使之刻意地对齐中问，作对称形式的编排，在首尾自然产生凹凹凸凸的空白空间，这种编排方式，能使版面产生优雅的感觉。紧凑的中心，放松的四周空间，条理中有变化。图5一g文字对齐中间图5—10文字沿着图形编排 ●沿着图形排列沿着图形编排字体是一种自由活泼的编排方式(图5一lo)。当文本在设计编排时，遇到图形，即顺着图形的轮廓线进行排列，使图形和文字相互嵌合在一起，形成互相衬托、互相融合的整体。这种编排方式，需要注意文案语句意义的完整性，以及外形轮廓的整齐感，如果沿着不规则的图形的外形编排，加之排成面的文案的外形不整齐，会给阅读带来很大的困难。·文字的分段编排在网络广告文字、海报招贴、报纸、杂志编排设计中，文案量的大小相差很大，往往会碰到大量文案编排的情况。虽然横向阅读最符合人的生理特点，但是每一行的文字不宜太多，为了方便观众的阅读，就必须采取合理、有效的编排方式。常常采用一段式、两段式、三段式和四段式的编排，一段式的编排简洁明了，适宜文案较短的编排，两段式的编排对称大方，适宜较长的文案，三段式和四段式的编排比较活泼，比较适合年轻人的口味。·文化型文字的编排打破常见的编排模式，追求变化和新意，是现代设计的重要特点之一。改变文本或比例，注意文字的点、线、面效果，把握严谨、生动等不同风格的表现形式。·错位式的文字编排错位式的文字编排是采用错位方法，来区别或强调文案不同内容特点的手法。通过改变字体的造型、尺寸和位置，使重要内容能出类拔萃。具体的方法是将个别需要强调的文字提升、下沉、放大、拉长等。图5—11文字编排成图形●将文字编排成图形将文字编排成具有造型特点的线、面或者成为插图的一部分。在广告的画面上字体本身也属于图形的要素，把字体编排成图形，就是运用多种多样的编排手法，把文字排列成具有节奏变化、形态特征的视觉形象，以可视性和特征性为主，兼顾可读性，通过视觉形象来传达信息(图5—11)。●将文字分开和重叠排列把文字分开排列，就是打破通常的字距和行距，将文字按设计传达的需要，排成特有的视觉形式。分开排列是指拉大文字之间的距离，字体的间隔通常超过字体本身的宽度，有的甚至更长。这样做似乎延长了阅读时间，但在视觉心理上会显得比较轻松、自由和富有节奏感。另外，与之相反的是重叠式的排列，文字的部分形体相互重叠，造成一种立体感和紧凑感。 ·文字编排中的辅助手法(1)以线条分隔文本(不同线形分隔、规范外形、区分层次)；(2)以线条制造空间(留白、粗细线区分层次、错落节奏)；(3)以线条强调的方式(画线、勾框、分隔)；(4)符号形象化设计(提高造型效果)；(5)符号强调设计(几何形、自然形等)；·文字设计中的变异设计改变字体在旬中或段中的方向、字体、色彩、位置等等，起到强调的作用。5．1．4字体的视觉表现与应用1．字体的搭配在网页动画中，欲从繁多的字体中于阅读，有以下原则：·大标题、小内文利用字体大小的差异，表现标题及内文不同的重要程度，是字体常用的搭配方法(图5—12)。大标题字体的大小尺寸应为内文的三倍以上，才能凸显其领导地位。副标题字体的尺寸必须小于大标题一半以下，才不至于减弱大标题的力量。小标题可与内文一样大小或略为大一些，但不能比内文小。内文字体一般应有12pt的大小。●粗标题、细内文标题要租，就如洪亮的声音，轰然入脑，以最快的速度吸引人的注意，印象才会深刻(图5—13)。横竖笔画粗细选择几种搭配运用，使画面美观且易图5—12大标题、小内文图5—13粗标题、细内文相差太多的字体，看起来比粗细接近者吃力，横竖笔画粗而空间拥挤的字体，在阅读和识别时比较慢。·字体少、字型少l司一纽内采用的字体宜在三种以内，以不同的字体区隔标题、副标题，但4O 内文与标题字体可相同也可不同。字体运用更应讲究整体感。●字体与内容配合着重理性说服者，宣采用较冷静理智的方正型字体，如黑体、圆体；诉诸感性者，不妨用较具变化感的字体。总之，字体与字型均不可太多，但变化要合理，才能明显突出重点并区隔内容，适当表达出网页设计艺术的诉求内容。如果字体与字型种类太多，会显得杂乱，看到这种画面，读者不会感受到设计者为了变化而花费的心思，只会觉得视觉混乱而产生抗拒，从而降低设计效果。2．字族的运用一般字体在大小、粗细上有多样变化，足以让设计人员在区隔重要性不同的文案时运用自如。字族就是以某种字型为蓝本，将之变化为一组字体，它们有一个总称。例如“黑体”字族有细黑、中黑、粗黑、特黑、超黑、反自立体、长黑、平黑、斜黑，但笔画形状都相差无几。采用同一字族多种不同字体来制造变化，字体间的相似性，能让广告产生整个字体的印象。字体间的小差异，也能使设计显得精致而有活力。3．字的变形设计图5一14素面反自字图5一15图片上反白字41电脑上可将字拉扯挤压，做不规则形状的变形，这种变形字很难做到美观，因此一般设计上并不使用。如果变形的程度过大，会使字体横竖笔画比例失衡不美观，尤其变形率超过30％的字级以上字体，如特黑、超圆等字体，其变化的程度特别显著，必须修正字形，为避免识别的困难，宜少用倾斜。4．特殊效果字体应用中注意的问题在字体设计中应特别注意以下几种情况：●素面反白字在浅色调的素面底色上安排反白字或同样淡色调的字，或白底浅灰色文字，因明度都偏高且 接近，彩度都偏低，文字的明度与底色的差距过小，造成视觉识别性较差。常常采用提高彩度或在文字部分衬托深色块的方法，以增加文字的可视性(图5一14)。●图片上反白字在背景繁杂，且含有浅色斑纹的图片上反白字时，文字的笔画很容易融入到背景的浅色部分而使字的笔画不完整，字形难以辨认。改进方法是将文字置于背景色深浅接近、没有浅色斑纹的地方，或者改为非反白字。因此放置文案时，不妨选择图片上色调较暗或色彩单纯的地方放反白字(图5—15)，也可采用反白字部分加框，框内部分的背景加网，或者改为色块，衬托反白字。·图片上设计字在图片上安排文字，除了应注意上述反白字可能出现的情况外，还应该认真推敲图片的内容、视觉特征、构图及色调，选择合适的地方安排文字，使文字、画面形成统一的整体，而不是破坏图片的视觉效果，影响信息的传达。单从视觉设计的角度出发，在图片上素面(色彩和形象要素单纯)的地方印字，应注意减少图纹干扰，文字色彩与图片色彩的明度与彩度差距要合理，才能产生较好的视觉效果。·在黑底或深底色上印字如果字体是印在黑色或深色的背景上，尤其是满版色或好几层叠印构成的颜色时，一定要选用粗而大的字体。因为根据光渗透的视觉原理，在黑底或深底上放的文字，会产生炫目的现象，易使读者很快产生视觉疲劳，影响阅读效果。因此，在黑色或深色的底色上安排文字，需注意的是，不易用字形笔画细小的文字，更不可长篇大论，使读者厌恶。5．1．5文字构成的图形特性网页Flash动画设计是源于视觉，诉诸于视觉的艺术。设计艺术的根本目的是传递信息，文字则是传递信息的主要媒介物。以文字编排为主体的视觉传达设计，是一种公众性的艺术形式，网页动画设计的过程很大程度上就是文字与图形经营的过程。文字作为信息传递的图形符号，自身就具有构成、编排的图5—16文字构成的图形价值，文字作为基本构成元素，字符是点，词、句是线，而段是面。文字通过 易被受众识别理解的视觉元素，进行有意识的编排(图5—16)，最终完成信息传递和交流，这已成为网页动画设计中一个重要的表现方式。任何艺术风格的存在和形成都不是孤立的，科学技术的进步，艺术思潮的变革，往往会影响设计风格。世界各国的设计师，将文字作为设计元素用于视觉传达的主要设计手段。文字设计以其理性逻辑的思维方式，视觉流程引导明确、清晰、有序。文字的编排在形式上具有高度的理性化、功能化和几何化的特点，字体的选择，文字的大小，字距、行距地确定，对称、错位等排列方式，造就了多角度、丰富的视觉空间从信息化、视觉化、艺术化的视角来审视文字艺术，我们可以领略到它是一种巨大的生命力和感染力的设计元素，它具有其它设计元素和设计方式所不可替代的设计效应，不仅可以“读”，而且可以“看”。文字已成为名副其实的信息传达工具，发挥文字的图形作用，无疑会使视觉传达设计获得新颖奇特的效果。文字作为设计元素有着丰富的发展空间，它已经越来越引起设计师们的兴趣和重视。将文字用图形的形式来表达的“图形文字”，或将文字编排成图形的“文字的图形”已被设计师们广泛运用，对文字的图形特征的研究，充分发挥文字的表现力愈显重要。我们在尊重文字的信息传递功能、阅读功能时，更应该看到文字作为一种视觉载体所拥有的图形魅力和震撼力。文字已不仅是表达概念的符号，而且是表现生命的单位。正如德国著名设计家冯德里希所理解的那样“文字与人类文化同样古老。它的形象具有魔术般的力量，人们的视线无法避开那伟大的杰作。它产生对比、紧凑、感觉、情调。活泼和严肃，明亮和黑暗，安静和运动都是它的特征，用它可以设计出字母的奇迹。在满足它的使用功能的同时，能够赋予其最高的审美需要。”5．2网页动画中的视觉要素一图形5．2．1图形的设计观念时代在不断发展，不同的时代对设计有不同的要求，不同的时代也有不同的设计条件，所以，设计人员必须根据这些因素不断更新自己的设计观念，设计才不会失去其时代性和现实意义。那么，我们应用怎样的观念来面对当今的图5—17图形设计一43图5一18图形设计二 图形设计呢?结合时代的特征、时代对网页动画设计的要求，可归纳为以下几点：1．传播信息为终极目的，是信息传播时代对设计的基本要求。因此，始终以信息内容为设计诉求中心，是现代图形设计的根本原则(图5—17、5—18)。设计如果偏离了诉求目标丽不能准确传达信息，甚至完全忽略了信息内容，而使图形根本没有信息价值，既丧失了图形的实用功能，也丧失了主要的存在价值。图形设计的主要目的是建构能表达信息内容的、视觉形式的、独立完整而有序的“语句”。图形设计几乎成为独立的“语言”设计学科，这一点是现代图形设计和传统设计的根本差别。传统的设计往往是将对视觉形象的使用作为文字信息的辅助性说明手段，多偏重于自我艺术表现和装饰功能，并且在某种意义上说“成像”和“设计”是一个相同的概念，只要用图画形式对信息中的某些内容予以展示或图解，就表明了设计的完成。而现代图形设计则是充分发挥视觉形象的独特的表现优势和表达能力，有意识地建构能完整表达信息内容的视觉语句，有效地进行信息传播并具有审美价值。2．现代图形设计的表现形式呈现多样化。网页设计在艺术和科技之间任意游离，兼收并蓄对信息传播有用的各种因素，艺术和科技的成就创造了丰富的视觉表现手段和形式，给视觉传播设计以无穷的启示和诸多可借鉴之处。设计可以吸纳其中有利于信息传播的各种表现手段和形式，而毫无定式地自由表现。3．现代图形设计形式上日趋符号化(图5—19)。如何运用简洁的雪一}炯必1广_·、——，／、～一∥7。．威篇㈣2蠢卷徽，∥图5一lg图形设计符号化视觉形式，而又能包容复杂、丰富的信息内容，使之进行快速而准确地传播，是当今网页动画设计的重要课题。这是快节奏的现代生活和激烈的传播竞争对设计提出的要求。只有那些形式简练，能使人一目了然的设计作品，才能给仓促奔忙的人们获取信息的机会。所以，当今的图形设计有向原始造字编码回归的趋向。寻求比文字更直观、而又比一般图画更具图理和文字性的数字化形式，是现代网页动画设计艺术的主导潮流。4．以创造性为最高要求，以创意为中心进行设计表现。时代需要创造，一切没有独特性和新意的设计很难引人注目。如果设计不能引人关注，就不能使传达产生效果。5．妥善处理好画面的基本要素，即抛去是图还是文字的具体问题，而将4 其统一作为画面的基本构成要素一一点、线、面来进行处理。通常在一幅作品中，是需要点、线、面互相穿插、互相衬托、互相补充，才能设计出具有最佳视觉效果的页面。另一方面是将图形图像分为具象和抽象，根据其在画面中是处在实的位置，还是虚的位置等不同情况分别处理。直观的图形图像能在瞬间给人留下完整、深刻、生动的印象，抽象的能够引发人的联想，使信息的含量显得更加丰富。其实网页设计的图形图像无论采用具象的还是抽象的，目的都在于创造一种能迅速传递信息的表达方式。5．2．2图形的设计原则1．设计主题定位准确设计本身是一种按照一定的需要，有目的地进行的一种计划与预定。其突出的特点之一就是具有相当地制约性和约束力，即受到设计主题的限制和约定。每一个设计‘作品都应有自己鲜明的主题，主题目标的鲜明性决定了设计的鲜明个性特征，设计主题定位要求准确，这是设计原则中的首要问题。设计主题，是设计艺术作品传递内容的主要信息。设计师应该充分运用所要传达的特定信息，调动画面中所有的视觉因素，使之发挥出最大的视觉效果，设计的定位要始终牢牢地把握住设计主题。在平面图形设计中，突出设计主题，强化主题思想，可采取一些设计具体的方法手段。例如：单纯化图形画面内容(图5—20、5—21、5—22、5—23)，即将设计的内容尽可能地单纯化处理，排除或整合次要的以及非主要的图5—20单纯化图形图5—21单纯化图形二图5—22单纯化图形三图5—23单纯化图形四 内容因素，设计的高度单纯化使图形与主题内涵紧密相连；还有，画面的视觉层次感也是引发设计主题醒目的关键表达手法之一。讲究有次序的视觉层次，突出与强化、整合与淡化可以在不同的场合、不同的时间段里，将主题信息量更有效地传递给受众。2．符合受众者心理与社会心理的需求懂得不同的受众者以及不同的社会层面的不同心理需求，是设计师展开设计应该掌握的一项基本原则。在设计创作之前，设计师要对所表达对象的文化背景、审美心理以及社会关系等作一系列相应的了解。对于不同国度、不同民族的设计对象，设计师还要进行一定区域民俗文化现象的了解与学习。只有这样，设计出的作品才能与设计对象产生紧密的联系，达到读者与作品的“心连心”、“面与面”地交流。所谓“以情动人”、“流连忘返”、“共鸣”等等说法，都是在这种设计的积极条件下获得的。与此同时，所设计的作品图形，还要求与所涉及的国家民族的社会制度、风俗习惯及其它法规制度等相吻合，这也是设计师所必须考虑的内容。3．设计主题避免“一般化”所谓“一般化”，是一切设计艺术所忌讳的问题。“新颖”、“独树一帜”、“妙趣横生”、⋯⋯是设计艺术蕴涵潜在生命力的永恒主题，也是平面图形设计师所不断追求努力的方向。面对熟知的事物，人们往往总是表现出“熟视无睹”，很难引起足够的重视。然而，美妙的设计又总是通过这些被司空见惯了的事物来表达出一种不寻常的艺术感觉。解决这一问题的办法，那就是艺术创意了。运用刨意，就是在艺术表达这些普普通通的事物时，设计师往往是运用创造性思维，采取崭新的新的观察事物的方法、超越一般人的经验和视觉思维，由此达到强烈的感染力和视觉冲击力。4．图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计(图5—24)。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度，反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有图5—24图形设计三的设计意图。 5．2．3图形设计的艺术特征1．文化性与商品性一个优秀的平面设计师往往具有较高的文化艺术品味，这是由平面图形设计艺术是一门综合性艺术的特点决定的。文化知识层面的广博以及艺术修养的高超，会给设计师提供深厚的创作潜力和更宽广的创新视角。同样，网站设计往往是为大众、企业或某种社会组织与活动服务的，它是联系人们之间的媒介物，具有较强的视觉传达功效，这就决定了设计师在设计过程中必须考虑到其作品的商品价值与商业效果(图5—25)。引起这种图5—25图形的商业性强烈可视性的方法，可以通过以下手段来实现。比如：通俗易懂、趣味性、奇妙的创意以及吸引人注意的色彩等等。2．科学性与艺术性(理性与感性)当代设计，无论是科学性，还是艺术性；无论是感性表达，还是理性表达，这都是时代所赋予现代设计的表现形式，对于图形艺术创作而言都是需要的。两种设计思路相互存在、协同发展，构筑了当今设计艺术发展的趋势，它们两者兼而有之，共同表达着现代社会、现代意识、现代人对美的需求和再创造。我们在进行作品的创作时，若其艺术侧重点更多的是在感性因素方面的表现，那么，就要考虑适当地加入某些理性视觉因素来调节画面，因为只有这样，才不至于使作品因感性成分过多而使整体画面感觉混乱；同样道理，当图形画面侧重点更多于理性方面，则要恰当地加入一定的感性视觉因素，使其不至因为作品理性成分过重而显得画面呆板、缺乏生机。3．限制与反限制平面图形艺术设计是实用性的视觉艺术门类，与其它视觉艺术相比较，具有更为显著的不同之处。一般视觉艺术，更着重强调表现艺术家的纯个性化东西与个人的精神世界，是自由性极强的艺术形式。正如同其它设计艺术门类那样，图形艺术设计与一般视觉艺术相比较，具有不同的艺术特征，它更突出的特点是为人服务，以设计服务的对象为设计的最终出发点。当然，设计艺术更多的是属于艺术特征范畴，其本身具有极强的审美价值和文化艺术品味。设计者应在一定的目的性限制的范围内，充分运用多方面文化知识和艺术技巧，发挥个人的想像力和创造力，赋予设计艺术作品以无穷的艺术魅力，这又是设计47 艺术反限制特点所给予设计者的重要使命。4．民族特色与时代感“民族特色与时代感”实在是一个老生常谈的问题。但是随着时代的发展、科学技术的进步，民族精神与时代气息，越来越引起了世界各国艺术家们的重视。民族特色与时代感有机的结合与发展，将成为当今时代我们所共同讨论的重要设计课题之一。全球经济的一体化、“地球村”现象的出现、信息知识经济时代的到来等，都给人类的生存质量带来了巨大的革命性突破。世界各地人们之间的时空、距离感在不断缩小，人们之间的沟通方式、语言交流更趋于一致化程度，人类生活呈现出一派欣欣向荣的景象。然而，在这“繁荣”之后出现某些负面的现象，人们不自觉地会感知到另一种“文化荒芜”现象的来临。就平面图形艺术来说，由于科技革命，现代主义理性思维占据了主导因素，国际主义平面设计给设计带来了千篇一律、缺乏独特个性美等影响，人if]越来越强烈地认识到，人类民族独特的视觉艺术语言所具有的魅力是冲破这种“文化荒芜”现状的有力武器之一。世界各个区域的每一个民族，因其不同历史条件、地理状况、民族心理等因素的多重作用，以各自相对独立的天性特色发展着自己特有的文化传统，成就了各自得天独厚的民族图形艺术观，这是全人类、全世界共同的文化财富。设计者只有凭借着现代入的眼光去研究、开拓这些民族特色图幽5--26中国皮影形艺术，才能真正创作出富有国际水准、形设计作品来(图5—26、5—27)。图5—27中国剪纸时代气息，而又有独具艺术特色的图5．2．4图形设计的艺术创意图形可以传播信息，但是仅以简单的未经设计的图形来进行传达，是不能满足画面的注目性和印象性要求的，因而收不到良好的效果。只有在图形的设计中注入高超的创意成分，才能使之具备成为一个优秀网页动画的条件。创意是在设计中创造新意念的简称。所谓“创意”，是设计艺术创作活动中的重要步骤，是表达作者创作构思、意图的一种活动。创意是设计艺术的灵魂，是艺术作品呈现的前奏，是其生命力所在。创意是设计艺术创作活动的开 端，但是，它所需要花费的时间和精力往往是相当大的。创意活动的优劣高低，直接对艺术作品的进展和最终的效果起着决定性作用。优秀的设计创意，无疑会打动人并激发人的思想感情，吸引人去关注设计所表达的思想内容，从而达到图形艺术设计所要表达的视觉传达信息的目的。为了引起人们的注意与兴趣，设计师必须下大功夫来考虑创意。具有好创意的作品往往具有新奇、情感化等艺术特点，如何能够充分地表达出这些特点，我们可以从以下艺术创意表现手法中得到一些启发。1．真实表达真实表达一般采取较为写实的绘画手法或摄影形式来表现画面。所表现的设计内容，设计师必须先进行一定的理论思考，采用“蒙太奇”特写、剪辑的手法，经过理性分析，对表现的现实事物进行条理化、系统化、单纯化的艺术处理，使图形艺术形象更具有整体性构思，并使之有针对地、更直接、更快捷地传达出设计主题意旨，其主要视觉特点是：真实、亲切、可信、直观。2．引发联想联想，是思维的翅膀，它是由此及彼、触类旁通的相似性关联而引发的某种新结果，是一种创新型思维。图形设计需要开发人们丰富的想像力，它犹如信息传递的纽带，通过丰富的联想想像力，利用人们参与联想而产生的再创造意图。对于图形艺术家而言，联想是一种创造力的展现，他们凭借着这种潜在的创造力，不断地为人们创造着一个个崭新的精神世界。真正具有创造性的图形艺术设计，是将作者与读者的想像力都充分地挖掘出来，利用台理的夸张、机智的趣味等因素让人们充分展开丰富的想像，参与到艺术作品的思维活动中去，由此激发人们对生活的需求和憧憬，这可以说是艺术的再创作过程。联想想像，是图形艺术设计的灵魂和生命。联想点的形成和发展又是以生活积累和广博的文化知识为基础的。现实事物与较为抽象的理念相结合成为创作的根本，图形艺术设计应当充分利用这些“相似性”联想点，阐发自己的设计思想意念。引发联想的事例有：民间传说、神话故事等。3．抽象思维国际主义平面设计形成以来，利用抽象思维视觉方式来表达设计图形设计，一直是设计艺术的主流形式之一。随着时代的发展，这种纯粹的理性秩序化设计风格在不断地发展和变化，新时代赋予了这种纯机械美感艺术形式以新的要求。在平面图形设计上，更注重表现艺术家直觉和可以表现主义风格为特图5--28图形的抽象性49 征的抽象艺术气息。在抽象思维方面，从强调纯机械美感，变为更强调一种文化与社会意识的象征符号，抽象思维方式更强调设计者的主观感觉(图5—28)，而不象以往只求客观形象的合理性，这是当今科技革命与人文艺术进一步融合的必然结果。现代新科学领域的不断拓展，世界各区域、各民族独具特色的审美心理和文化现象，新思维带来的新材料、新工艺、新媒体层出不穷等，这一切都为现代图形设计艺术创意在开拓新思维方面，提供了广泛的应用价值。5．3网页动画中的视觉要素一色彩5．3．1色彩的属性色彩是刺激人类视觉感官的第一要素，是造型语言的最重要的表现手段。动画影片镜头画面中的色彩表现与绘画的色彩创作规律相同，也必须依靠基本的色彩原理。1．色相色相指色彩的相貌。是区别色彩种类的名称。比如说紫色，绿色，黄色等等都代表了不同的色相。2．明度明度指色彩的明暗程度。明度图5-29儿童类网站越大，色彩越亮。比如一些购物、儿童类网站(图5—29)，用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗，主要用于一些游戏类网站，充满神秘感。3．纯度纯度是指色彩的纯净程度，也被称作饱和度、彩度、鲜艳度。任何色彩加入黑白灰，都会降低它的纯度。混入黑白灰越多，纯度就越低。出于人眼对不同波长的光敏感程度不同，所以直接影响了人对色彩纯度的认知。红色是纯度最高的颜色，橙色、紫色次之，蓝绿色显得最低。这里要说明的是色彩的纯度高并不等于明度高，色相的纯度和明度并不成正比。这是由色彩的视觉生理条件决定的。5．3．2色彩的功能色彩具有传达信息、增强记忆、激发情感、树立形象的重要作用，还具有 注意功能、告知功能、再现功能、美化功能的作用。1．注意功能中国人常说：“远看颜色近看花”，就是指色彩可以远远地引人注意，只要网页动画色彩有较好地视敏感，就能引起受众的注意【5J。2．告知功能通过色彩传播相关的信息，告诉人们了解、明白、信赖所表达的内容和形象，真实可靠是关键的条件。[]5--30僦再现≥震笔保证真实性的前提下，采用各种艺术手法与技术手段，将对象概括、提炼、夸张、变化而实现的(图5—30)。5．3．3色彩设计的形式法则色彩设计的技巧和方法是帮助我们掌握色彩表现的基本途径。而对形式法则的理解和掌握，可以使设计表现的纯技巧性的知识从感性的认识上升到理性的高度，色彩设计的美感来自对形式法则的合理运用，色彩构成的技巧是以形式法则为前提的。在色彩设计中必须理解和掌握的形式法则主要有：色调、平衡、韵律、强调、调和与渐变。1．色调色调是指色彩关系的基调。寻求统一、协调是人的基本需要，一个纷乱的、捉摸不定的形象是难以让人理解和接受的。色调的基本美感就是将互相排斥的色彩统一在一个有秩序的主调中，使人在统一的效果中感到～种和谐的美：或是充满生机活力的美，或是悲怆低沉的美：或是华丽丰富的美，或是朴素单纯的美；或是鲜明粗犷的美，或是柔和细腻的美。寻求统一的色调，取决于画面色彩各部分之间及各部分与总体之间的关系，与色彩的色相、明度、彩度、面积等相关。只要抓住主导画面统一关系的因素，就能形成统一的色调。图5～3i色彩的平衡2．平衡 色彩的平衡是指画面上各个色彩视觉张力的平衡感觉。在～个设计作品中，两种以上的色彩放在一起它4f']的色相、明度、彩度、面积或位置的不同，有一定的联系，有的色彩面积大但明度低或彩度弱，有的面积虽小却彩度高，有的是由多个色块组合成统一的调子，或以小面积、高彩度的色彩加以提示，以保持在色相、明度、彩度等关系上的平衡(图5—31)。一般而言，在以重色与轻色、前进色与后退色搭配时，应该通过变化其面积和比例关系来取得视觉上的平衡，因为色彩的明暗、轻重和面积是配色的基本要素。纯色、暖色的视觉张力强，而灰色和冷色的视觉张力相对弱一些，只要使前者的面积控制得小一些，就容易取得平衡。在明度接近时，彩度高的色彩面积小一些易于平衡。另外，明度高的色彩置于画面上方，明度低的色彩置于画面下方，色彩重心易保持平衡。求得画面色彩平衡的方法有很多，掌握配色的基本法则，是把握画面效果的基本依据之一。3．韵律我们知道节奏和韵律是色彩美感的基本形式之一。在色彩构成中，具体表现在色彩的重复、交替、变换以及在空间、位置、分量、面积上产生的疏密、大小、强调、反正的节奏关系。这种节奏感和韵律感能给作品带来很强的艺术效果，从美的角度，传达了信息的另一种图5～32色彩的韵律涵义(图5—32)。色彩的韵律是一种生动的、有活力的视觉形式，它们是有一定规律可循的。不管是基于色相的配色，还是基于明度和彩度的配色，一般有重复韵律和渐变韵律两种，重复韵律只是几种节奏组合的简单重复，渐变韵律的特点是几种有规律变化的节奏的组合。4．强调强调是指通过色彩配置的方法，突出有特殊和典型意义的部分。平均地处理有关视觉要素，会使重要的信息和一般的信息混为一谈，让观众自己去捉摸和理解设计的重点是不适宜的。从设计的技法上来说，强调某个色彩因素，可以打破整体色调的单调和沉闷，再将一部分的色彩施以强烈醒目的色彩，能使画面产生凝聚力和一张一弛的表现力，从而刺激视觉引起兴趣，产生生动的色彩形象感，这种用来调节配色的色彩称之为强调色。在具体设计中，要注意强调色的作用，需要应用巧妙而不能过度，到处强调就无所谓强调了，其结果只 能导致整体的混乱。5．调和这里所讲的色彩调和是指通过中性色、无彩色和光泽色的特殊作用协调对比过强的色彩关系，使之和谐统一。我国民族建筑上的装饰图案，多采用对比的配色，甚至补色关系的配色，给人以雍容华贵、富丽堂皇之感(图5—33)。虽然是对比色或补色的配色，却不觉得俗气或僵化，其原因在于大量使用了调和的手段，通过分割和包围的办法让原先强烈对比或难以协调的色彩各得其所。所谓分隔是将两个对比的色彩保持一定的距离，用无彩色(黑、白、灰)、光泽色图5—33色彩的调和(金、银)或中性色(黑+白、彩度较低的色)来隔开对比强烈的色彩，缓和对抗性矛盾。采用无彩色、光泽色、中性色，以线框的形式对跳跃的对比色进行限制的做法称之为包围，这种手法实际上是分割的扩大，同样能取得较好的调和作用。6．渐变色彩的渐变是指一个色相向另一个色相逐渐过渡，或者在同一色相的基础上，由一种明度向高或低的彩度逐渐推移(图5—34)。渐变是一种自然的过渡，渐变的过程呈现明显的层次变化。通过这一层次的渐变，也可使原先对立的两个色彩之间架起一座桥梁。在配色实践中，寻找两个色彩调和的关系，往往在它们的共性上做文章。如果两色的色相对比，明度相近，彩度相同，甚至面积和分量感都有相同之处，这时两者的中间色或各色的渐变色一般图5-34色彩的渐变町以调和对比的关系。通过渐变得到的色彩往往比较温和，容易和其它色彩调和。5．3．4色彩的心理感觉 色彩作用于人的视觉器官后，产生色感并促使大脑产生一种情感的心理活动，形成色彩的感情。色彩引起的感情是因人而异的，还会因为环境及心理状态而发生变化。但是由于人类生理构造方面和生活方面存在着共性，因此，对大多数人来说，无论是单一色，或是几个色的组合，在色彩的心理方面都存在着共同的感觉，影响着视觉传达。1．色彩的冷暖感红、橙、黄的色调带有温暖感，蓝、青的色调带冷感。低明度的色彩具有温暖感，高明度的色彩具有冷静感。高纯度的色彩具有温暖感，低纯度的色彩具有冷静感。2．色彩的轻重感色彩的轻重感主要由明度决定，高明度具有轻量感，低明度具有重量感。白色最轻，黑色最重。3．色彩的软硬感色彩的软硬感与明度、纯度有关。凡是明度较高的含灰色系列有软的感觉，明度较低的含灰色系列具有硬的感觉，强对比色调具有硬的感觉，弱对比色调具有软的感觉。4．色彩的明快和忧郁感色彩的明快和忧郁感与明度、纯度都有关。凡是明亮而鲜艳的色调具有明图5--35色彩的明快感图5～36色彩的忧郁感快感(图5—35)，凡是深暗而浑浊的色调具有忧郁感(图5—36)。强对比色调具有明快感，弱对比色调具有忧郁感。5色彩的兴奋沉静感有兴奋感的色彩，能刺激人的器官，使人兴奋，引起注意。色彩的兴奋沉静感与色相、明度、纯度都有关，其中以纯度的影响为最大。在色相方面，红、橙色具有兴奋感，蓝、青色具有沉静感。在纯度方面，高纯度的色具有兴奋感，低纯度的色具有沉静感。强对比的色调具有兴奋感，弱对比的色调具有沉静感。色相种类多的显得活泼热闹，色相种类少的则令人有寂寞感。6．色彩的华丽朴素感 色彩的华丽朴素感与纯度关系最大，其次与明度也有关。凡是鲜艳而明亮的色相具有华丽感，凡是浑浊而深暗的色相具有朴素感。有彩色系具有华丽感，无彩色系具有朴素感。强对比色调具有华丽感，弱对比色调具有朴素感。5．3．5现代色彩设计网页动画设计的演示平台多为数字化终端设备，例如显示器等。传统的艺术设计作品如印刷品是通过油墨印刷的，欣赏者看到的色彩是通过光照到纸上反射到人眼中的。而网页动画作品的最终用户是直接通过显示器等终端设备看到的，这种观看模式的原理是显像管射出的电子打击荧光屏上的发光物物质使其发光并控制其色彩，也就是说光直接射到眼睛里。这种“反射”和“直射”的差别使作品的色彩大不一样。控制传统印刷品的色彩，使用的是CMYK色彩模式，即通过控制青色(C)、洋红(M)、黄色(Y)、黑色(K)四色的比例达到控制色彩的目的，当这四色同时达到最大值100时，就是纯黑色，这就是我们所说的“色(料)混”。而网页动画的展示平台突破了传统印刷品的局限，色彩的控制是通过调配红色(R)、绿色(G)、蓝色(B)的比例来实现的，当三色同时达到最大值255时，色彩的明度最高，这就是我们所说的“光混”。网页作品对色彩的发挥提供了无穷的潜力，甚至可以显示高达32位真彩色，即2的32次方种色彩。可以使作品的色彩明度更高、纯度更高，不再受Gammawarning的限制，也不会因为油墨、纸张、印刷技术造成偏差。同时网页作品在色彩方面也对我们提出了新的要求，由于其数字化形态，网页作品必须通过相关的终端设备加以展示，当使用不同的终端设备时(这种情况在网页动画设计的传播和展示中几乎是无法避免的)，就可能因为设备的区别(如显示器的品牌、质量、功能不同)和设置的不同(如显示器的明度、对比度等属性设置可以由用户自由设置，因此可能造成差异)，而给欣赏者带来不同的视觉效果。总而言之，正确选择动画中的色彩，有助于利用动画中的背景、角色等元件对欣赏者进行心理暗示，达到突出主题的效果。 第六章Flash动画的发展及探讨无论是国外还是国内，近几年的动画都在蓬勃地发展。信息网络技术开启了人类新的生活、新的实践。正如海德格尔所说：“技术不仅仅是手段。技术是一种展现的方式[“。”网络技术的出现，给动画艺术提供了一个崭新的演示平台。在提倡个性化创作的今天，网络动画更加适合现代动画制作者的口味，并随之进入了千家万户。或是因为兴趣，或是因为商业的需要，或是因为设计的需要，部分网民开始了F1ash动画的制作。F1ash一族自2000年来逐渐成形，并迅速壮大，Flash原创作品蜂拥而起，因为其实用性、趣味性和娱乐性很强，它已经逐步占据了广大青少年、甚至是部分中老年的工作和生活，Flash动画短片成为一时间网络最热的娱乐方式，也成为了一种时尚和潮流。开始学习和制作F1ash动画的人越来越多，人们都以能制作出倍受大家关注的FIash动画作品而感到自豪。现在有许多专门的如“F1ashempire闪客帝国，大话三国，闪盟在线”等这样的一些网站，这里面不仅拥有大量的F1ash动画供爱好者在线观看，而且还是F1ash爱好者们的一个专门交流的空间。的确，它的发展让人不得不刮目相看。F1ash作为现代一种新的设计方式和娱乐方式，不仅有其实用功能，并且还有视觉和听觉上的双重享受，更因为它具有的趣味性，成为现代人放松自我、表现自我，甚至是陶醉自我的一种方式!因为各大媒体对它的宣传，设计界和市场也开始对这样一种新的宣传和表达方式重视起来，Flash动画的价值也开始以秒来计算，大大的刺激了更多的F1ash爱好者的创作热情。他们汇聚在自己的网络空间里，以始终如一的热情，创作出一个又一个的精品，吸引着成千上万双眼睛的关注!F1ash作为一种强大的动画制作软件，集合了文本、图片、音频、动画各种元素，在视觉表现上较普通的网页有很大的优势，因此，它被广泛用于网络的制作中。最初用于网站片头，现在已经大量运用于宣传企业产品的网络广告。另外，电视台也开始播放Flash制作的短剧和广告。将动画加上音乐及歌词就成了MTV，这也是F1ash最擅长的一面。制作交互多媒体是Flash的优势所在，FIash制作的导航界面，随着鼠标的各种动作可以产生动画、声音。通过运用ActionScript还能使网上游戏更具吸引力。随着F1ash的不断升级，应用领域也在不断扩展。除了在影视作品中动画已经被越来越多的人所关注，在日常的生活中，动画也逐步被人们所接受。下面我们分别从它在教学、展示、广告、网络游戏这几个方面来加以说明。首先由于动画的多种表现形式，动画在教学上已经有广泛的运用。例如多媒体教学光盘、电视讲座等教学方式有很多都加入了动画的元素。在教学中， 动画的应用主要可分为两类：一类是动画技术在教学中的应用，另一类是通过动画片中的卡通形象来对教学起到一个作用。动画技术在教学中的应用，通过不同的动厕技术(例如F1ash动画产生之后，在教学光盘上的运用比较多)让教学中的知识通过简单的动画表现出来，使原有的教学方式得到了很好的改善，人们对教学不再感到乏味。另一种方式就是通过卡通形象来传达知识。在日常生活中，每一个人的喜好是不一样的，在教学中可以通过一个卡通形象来表达大众的意思，让它来教大家学习知识，这在某种意义上避免了人们喜好的问题，通过可爱的卡通形象可以让大众愿意接受这种类型的知识传播。无论通过哪一种方式的运用，目的都是为了让教学理念更加深入人心，更加起到其教学的作用，达到一种大众与教学互动的作用，使大众能够在轻松的环境中不知不觉就已经把知识记录下来，这就是动画在教学中应用的最终目标。其次在演示领域中，动画也逐渐开始占有了自己的一席之地。不难发现，在很多大型的展示会上能看到用动画制作的一系列展示产品，通过动画制作的手段向人们展示产品，可以况动画为展示这一领域增添了新的表现形式，人们似乎也越来越喜欢这种表现的形式。与传统的展示的方法相比，动画不仅在视觉上而且在听觉图6～12002年世界杯上都给了人们新的感受。例如，2002年世界杯动画的制作(图6—1)，可以说是十分有新意和有趣的，给人们留下了深刻的回忆。现在经常可以看到，在设计某一新的产品、新的物品的时候，动画设计似乎成了必不可少的一个环节。通过这种设计，人们可以看到他们想象中的产品是什么样子，不再先去制作出一些试验品而浪费资源，较高地提高了工作效率。动画在广告中，特别是影视广告中的应用已经十分广泛了。影视广告也可以说是一种视听语言的表现，它需要有视觉的冲击力，因为它需要在几秒中或者是十几秒中就能给人们足够多的信息，所以它比起一般的影视作品更加需要视觉表现。现在很多的广告中都加入了动画的元素，这样能够让人们在观看广告时，在视觉上更加达到饱和，有助于他们获取更多的信息量。美国运通、通用汽车、Miller8rewing等公司均通过Flash广告获得了更好的宣传效果。57 目前世界前500强企业已经转向使用Flash技术，Flash技术可以传递完整、互动的信息，从而使响应比率比标准的Banner广告大大提高。MillerBrewing公司在过去的几年中一直使用用Flash技术制作的广告进行不同的在线宣传。MilleF公司的高级数字市场经理曾说，“F1ash已经证明是一种帮助我们让客户对我们在线活动产生兴趣的有效技术，根据统计，我们的F1ash广告比Banner和Button广告的效果要有效110倍，显然，当我们要寻找有效的方法来促进客户使用在线服务时，我们认为它会是我们的首选工具之一。”可见，在网页上，F1ash比起其它技术更能给访问者留下深刻的印象。动画在网络游戏领域应用也很广泛。游戏已不再只局限于一些智力游戏和人工游戏，游戏的种类也越来越多(图6～2、6—3)，已经成为一些人娱乐生活中不可缺少的一部分，而这一部分几乎都要归功于动画的发展。随着动画的发展，可以说网络游戏已经成为动画的表现方式之一，网络游戏是基于一些角色和场景互动的游戏，这类游戏的背景和文化底蕴深厚，这对游戏制作者对作品的理解力和表现力要求很高。制作一部游戏作品与制作一部动画作品有很多的相同之处，有场景、人物、情节等。切相连，不可分割了。图6—2网络动画游戏图6—3网络动画游戏可以说游戏与动画的关系越来越密随着动画在各个领域中的不断深入发展，已经无法简单地估计动画的前景将会怎样，但我们坚信动画将会带给我们无限的惊喜和激动。现在国家对动画事业的高度重视，加入动画行业的人员也越来越多，我们期望着动画事业更加蓬勃地向前发展。 第七章结论与建议进入20世纪90年代以来，艺术表现形式趋向于综合，对设计者的综合素质的要求也越来越高，伴随着娱乐文化、流行文化的发展和数码新媒体交流的普及，人们丌始对交互式、影像化和视觉交流方式进行探索，更多的人则沉迷于虚拟空间当中寻找和塑造自我理想的角色和形象。我们已不能再把设计理解为一个狭隘的概念，视觉设计也渐渐的超越了其原先的范畴，走向越来越广阔的领域。在理性化和功能化的前提下，数字化视觉传达设计要素更要注重和谐统，使之不仅要表达概念，同时也通过诉诸于感觉的方式传递情感。因此，在选择视觉元素来传达信息时，应突破一般视觉所习惯的东西，对艺术语言与技术语言的融合可能出现新的语言可能性和创造性要有充分认识，力求以简约化、符号化的形式表现最为丰富的内容，同时应注意在图形语言中创造出视觉愉悦与生命激情，使信息的传达在情感层面中释放。视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求。当今世界，艺术不再是一项只有少数人才能享有的专利了。现在的许多入都有着强烈的表现欲望和因为名利思想而产生的创作欲望，对于任何新鲜事物都希望能参与并亲自实施，想让别人欣赏和羡慕自己。不仅仅因为如此，参与还可以使每天承受着巨大压力的人得到一种精神的享受和情感的宣泄，更可以向别人展示自己的才能和存在，满足现代人自我心理层面的需要。动画设计中最重要的东西，并非在软件的应用上，而是在我们对网页动画设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。动画设计作为一种信息传达的工具，最佳的视觉传达会有效地影响其功能。动画设计不是单纯地为了艺术，而是为了创造更多的被接受的机会。本文就是从Flash动画的视觉语言方面多角度地作了阐述。现在市场上关于Flash的书不少，但几乎均局限于技术应用方面，对动画的设计理论，尤其是对动画的“视觉设计”这方面重视不够，在专业培养领域，也可以说一直都是个空白，这也是目前所急需解决的问题。本文能给一些Flash爱好者、Flash制作者和从事Flash教学工作的人员在设计上提供一定的参考，以便能制作出更好的动画作品，吸引更多的浏览者，这也是本文写作的目的。一部动画的制作是一项既复杂、严谨又充满创造性的工作，它需要掌握动画的基本原理和动画的系统知识。学习动画的视觉语言是制作动画的前提和基础，更是提高其艺术品位的灵魂。在这个资讯时代，我们必须先通过对这些基本元素的学习，才能掌握动态影像制作的思路和技巧。因此，在设计过程中， 设计者必须去研究，掌握并主动地、有意识的运用这些规律，才能创作出好的作品。当然，不同时代有不同的设计审美观念，也有不同的美学特征。在信息特别发达的今天，竞争日趋激烈，给人们带来了新的审美需求，对于网页动画设计，客观上将其推向了更高层的表现境界，这是网页动画设计的必然趋势。去追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，我们应该把关的形式规律同现代的网页动画设计的具体问题相结合起来。既然网站文化给网页动画设计师提出了更高的要求，那么具体到网页动画设计者身上该如何应对呢?提高自身的综合修养是必不可少的，假如自身素质不高的话，就无法领会到很多其中的内涵，这样在自己的设计表达的时候就不可能到位，其实作品就是一面镜子，在其中可以折射出设计者自身的素质，这是掩盖不了的，所以提高自身的综合修养是很重要的，形成一种习惯，这样无形中就可以在设计的作品里面表现出来，所以这里没有任何捷径可以走，只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心，对生活充满热情!这样才可能在自己的动画设计中挖掘出好的东西来，也给浏览者留下好的印象。科学家预言，21世纪最有前途的两个行业，是信息产业和文化产业。动画业作为后起之秀，正在全球文化产业中扮演着越来越重要的角色，因此，社会对于设计者的需求在不断增加，并且要求也在不断提升。对于设计者而言，其任务正是在于如何创造一个最佳的视觉语言，借以传达其设计理念和艺术主张。同时，在竞争日趋激烈的今天，还需要设计者树立自己的风格，在设计上，除了继承传统媒体设计特点外，还要融合日新月异的网络技术，追求艺术与技术的高度统一。只有如此，才能制作出有个性、有特色，具有吸引力的网页动画。 附录·案例图示：越洋装饰公司首页效果图1越洋装饰公司首页效果图2 小草设计工作室首页小草设计工作室第二页62 上海蓝典建筑艺术设计有限公司合肥丰乐种业股份有限公司83 马鞍山市华天机械制造公司六安市邦恒茶油有限公司安徽省当涂冶金机械厂64