论三大交互式媒体中动态图形设计的应用

本文从对网站、游戏、触屏手机三大媒介的特点分析入手，以动态表现的元素与技术的关系进行探索，阐述了动态图形设计的准确定位与表现，并稍加列举了实际应用的设计案例，加以论述。

数个世纪以来，书籍作为线性信息系统，以规定的开端、高潮和结局来呈现连续的内容。相反，互动环境则以分支的非连续性结构来组织信息，通过材料以“走出很多不同的道路”。因此，用户的角色从被动的观众变成了主动的参与者。当出现互动时，我们可以根据行为来思考动态图形。受用户驱动的刺激，比如鼠标选择、敲键盘、语音指令、使用控制器或者网络摄像机前的一个手势，都会引发给定系统中元素的行为，影响内容呈现的方式。

网站

今天，网站已经成为展现动态交互内容的主要媒介。高的连接速度和带宽的视频流，已经让在网站上展示动态图形的前景变得更有吸引力，同时让设计师可以设计出在电影银幕和电视屏幕之外的媒介上展示的动态图形作品，从而塑造出日新月异的视觉语言。

Nessim Higson的名为IAAH在线作品集，包含了很多不同的风格，从清新的现代风格，到看似疲倦痛苦的很厚图层的纹理元素。图像从每个边缘平稳地滑动，背景的颜色和内容随意改变，提供了一种组合多样性。

很多B2B网站上的最新趋势已经转变成了一种更简单、精妙的图像处理方式。如：平面设计师格雷曼为Ro To Architects建筑公司创作的网站。这个协作完成的设计项目，研究了如何将自然条件和社会条件结合起来形成日常生活的空间条件，为那些利用建筑分享工作和思想的人提供了机会。这个网站的外观被设计成一个空间媒介，就像一件建筑作品，通过分层图像和动画，反映了艺术设计流程中的协作性。排版和图像的巧妙平衡，提供了一种视觉景色，观众可以从中看到大量的素描、笔记和快照。可以说，这个网站展现了设计理念化的过程。

随着对于动态图形需求的增加，为网站设计动画的进程也在不断完善。Java格式的应用程序已经用于制作在不同操作系统中运行方式类似的交互式动画。动画GIF一直是非常流行的低技术动画制作选择，因为所有浏览器都支持GIF格式，而且不需要编程技术。在HTML4.0发布之后，动态HTML（DHTML）通过CSS提供了一种处理文本的更好方式。尽管大多数浏览器都能识别动态HTML，而且不需要额外的组件，但是它的动画功能具有局限性。Flash格式已经被证明了是一种非常有效的网格动画工具，因为它具有改变矢量图像比例的功能，且无需牺牲分辨率。但是，Flash格式的内容很难升级，也难以被搜索引驚识别，在今天的移动触屏设备上无法阅读。现代CSS和HTML5等新技术已成为网格动画的标准。JavaScript的基于对象的编程语言对于设计师也很有吸引力，因为大多数浏览器支持，而且无需插件或软件。JQuery等JavaScript库能够简化设计处理和动画制作。

游戏

动态图形是影像家族的成员之一，伴随着电影产业而发展起来的一种视觉艺术，它作为一种新兴的视觉呈现形态， 在国内仍处于起步发展阶段。而西方发达国家早已获得了广泛的认知，产业链发展也较成熟。

过去十年中，交互式体验在游戏行业已经变得越来越具有电影风格了。很多随身带的视频游戏主机，比如：日本游戏公司世嘉株式会社的“Dreamcast游戏主机“、日本电子游戏公司任天堂的”游戏盒子（GameCube）、微软公司的（Xbox）、索尼公司的C，已经发展到对家庭娱乐产生了革新性变化。1999年，索尼娱乐公司开发出了“PlayStation2”，即“PlayStation（1994）”的继承版。PS2包含一个处理器（叫“情感引驚），可以进行复杂运算，以支持由预先记录的数据的播放来决定。例如，在游戏“NBA ShootOut”（2003）中，运动员栩栩如生的动作是拍摄了数十位NBA球星的运球、传球、投篮和标志性灌篮而制作出的效果。

游戏设计专业领域要求在美学、理念性和想象力思维、编程、动态设计经历、游戏动态的理解有着坚实的基础，以及在团队环境中工作的能力。越来多的大学开设了游戏设计项目课程，而且大多数都强调了设计技巧的重要性。

触屏手机

今天，绝大多数与日常生活、娱乐、教育、社交、音乐和旅行等有关的移动设备应用程序，已经引领了数码技术和艺术的更包容性和生成性结合。根据移动分析公司Flurry数据显示，苹果手机与平板电脑支持的应用程序超过50万个，而IOS、Android、Blackberry、Windows phone、Java ME和HTML5等移动平台支持的应用程序更多。此外，使用移动应用程序的消费者的数量，已经远远超过了观看黄金时段电视节目的人群数量。

小屏幕界面的动画的潜力已经在音乐领域逐渐发挥。作为一种合作式媒介，音乐已经从其与电影的整合，演变到音乐视频，以及近年来引入到交互式媒介中。在接受“全球交互设计指南”的采访时，著名媒体艺术家兼电影制片人斯尼比指出，音乐家的目标不是创作“一维的音符流”，而是“创作一种情感的感性体验，其中往往包含着表演。”

2011年7月，位于纽约的Trollback+Company设计工作室发布了视频应用程序“+loop”。这个程序让您可以将iphone或ipad的屏幕分成视频播放器的一个自定义网格，用于记录和连续循环播放并置的动态或静态小图像。视频内容可以全屏记录和播放，或者逐个记录，组成单独的方块。这个作为固定网格的应用程序的构思形成之后，创意总监贝克认识到，把网格设计成可自定义将会非常有趣，因为用户可以接受一种新的方式的动态图形的直观性。通过修改网格尺寸、画面偏移量和播放速度等因素，创作出一系列作品。

结语

成功的导航设计，将支持和引导用户浏览复杂的界面。在界面的导航结构中加入动画，能够重点突出一些用户可能会忽视的菜单项，从而提升交互水平。动画过渡的认知好处，在于可以在静态的图像环境中提升设计的含义。

（作者单位：广东创新科技职业学院）

作者简介：刘超祥（1979-），男，湖南涟源人，本科，研究方向：视觉传达设计方向。