元素应用场合

第9章　互动设计的元素组织

【学习的目的】

本章具体讲解互动媒体设计元素的类别及特点，并对互动媒体设计元素的内容进行详细分析。

【学习的重点】

互动媒体设计的元素构成。

【教与学】

采用实例分析的方式讲解互动媒体设计元素组织的内容，通过提出问题、分组讨论等方式掌握设计元素的知识点。

9.1　互动媒体设计元素类别

互动媒体设计是一项综合的设计形式，不同于其他设计类别单一的设计模式，互动媒体将不同种类元素根据一个设计目标，进行系统整合，最终组成一个综合各种媒体形式的交互设计作品。所以在进行互动媒体设计时要根据需求，事先准备好如下所需的各种设计元素:

1.图片元素:用于位图与矢量图片的拍摄与后期制作。

2.动画元素:用于二维及三维动画的制作。

3.视频元素:用于各类视频的采集、编辑。

4.音频元素:用于录音及各种音效制作。

9.2　图片元素编辑

9.2.1　元素应用场合

图片元素是应用最广泛的设计元素之一，几乎所有的互动设计作品都需要用到大量的二维素材。

9.2.2　软件选择

可以制作图片元素的软件有很多种，主要分为两大类:图像设计制作软件和图形设计制作软件。前者主要用于对照片等位图图片进行处理，后者则可用于矢量图片的绘制与编辑。

图像软件处理的对象是位图文件，因为其工作原理是对图片的色彩点阵进行处理，所以位图文件相对较大，目前首选的软件是Adobe公司的Photoshop，因其功能强大，所以占领了图像设计的大部分市场。Photoshop是一款经典图像处理软件，界面设计人性化，功能精炼，使用简单，无论对于初学者还是专业人士都是最佳选择。

图形类软件是针对矢量图进行绘制与编辑的，因为矢量图形通过数学模型的方式对元素进行记录和存贮，与图像软件相比，矢量图形不受分辨率的限制，存贮的文件相对较小，可以绘制各种复杂而精确的图案图形。图形制作软件有较多选择，如Adobe公司的Illustrator和Corel公司出品的Coreldraw都是功能非常强大的矢量制作软件，如图9-1。

图9-1　互动设计作品界面

9.2.3　编辑要点

由于互动项目基本上运行于计算机显示终端，受发布平台的限制，在进行图片元素编辑时要注意以下几点:

1.文件尺寸要适当

由于是为互动项目设计准备元素，在制作图片元素时，文件尺寸会影响最终互动作品的显示质量，因此图片文件尺寸的设定应本着适当的原则，大小最好和互动设计所需要的尺寸相当，太大浪费资源，太小则造成作品的画质低下。

例如互动作品的显示规格是720×576像素，那么要为其准备的背景图片也应该设置成720×576像素。制作时有人盲目崇拜图片的高质量，实际上元素的分辨率或尺寸比实际需求高太多的话一方面浪费了资源，另一方面在呈现时还会出现虚线等不尽如人意的结果，如图9-2。

图9-2　互动设计作品图片界面

2.文件格式的兼容性

目前软件更新换代频繁，兼容性一直是软件间文件传递的重要指标，不同软件，甚至不同版本间文件格式的兼容性都有可能出现问题，所以要不断去尝试，找到一个适合自己的软件环境的兼容格式，保证设计的顺利进行。

图片文件存储时要注意格式的兼容性和Alpha通道特性，这将影响图片文件是否会被顺利导入互动设计软件中。目前TGA和PNG等图片文件格式一般都带有Alpha通道，可以存储半透明的图片，这样便可让导入互动设计软件的图片具有更大的自由度。

3.文件精度的一致性

文件精度的一致性是互动项目图片准备的重要指标，互动媒体设计大多是大型的设计项目，一个项目需要用到较多的图片元素，如果他们的精度不统一，有的精度高，有的精度低，那么制作出来的互动作品质量也将受到影响。

9.3　动画元素编辑

9.3.1　动画元素的应用场合

动画元素是互动媒体最常使用的重要元素之一，经常被用在互动媒体的界面设计及内容设计等环节，无论是二维动画还是三维动画元素，除了具有更丰富的表现风格，可以更好地装扮项目外，他们还具有虚拟现实的作用，比如可以用二维动画解释抽象的概念，还可以用三维动画制作虚拟现实的场景，让抽象的空间具象化，给观众一个更清晰的感观体验，所以动画是互动设计中非常重要的组成元素，如图9-3。

图9-3　互动设计作品动画界面

9.3.2　动画元素软件选择

动画又分二维动画和三维动画，二维动画的制作软件很多，目前广泛应用的是Adobe公司的Flash，用它制作二维动画简单快捷，可以快速制作精美的二维动画元素。专业的二维动画软件也有很多，如Retas等，这类软件主要用于大型二维动画影片的制作，对于互动设计常用的二维短片较少选用这类软件。

三维动画的制作软件也有一些不同的选择，目前市场占有率较高的主要有3DSMAX、MAYA两种，它们都可以用于制作三维动画场景及三维角色动画。

9.3.3　动画元素编辑要点

1.软件选择适当

根据实际需要，选择合适的二维或三维动画制作软件，有一些视觉效果表现出来的是二维的感觉，但实际上是用三维软件渲染的二维效果。

2.文件格式的兼容性

在进行动画制作时，输出文件格式的兼容性同样非常重要，应根据不同的互动设计合成环境，选择合适的输出文件格式。比如为一个应用于网络平台的互动项目准备动画元素的话，动画文件格式首先应该适合网络平台的标准，如专门为网络平台设计的动画格式SWF就是不错的选择;而如果是三维动画元素，也可以输出成Flash的视频格式FLV，这些格式的文件采用了适当的压缩方式，文件相对较小，适合网络传播。

9.4　视频元素编辑

9.4.1　视频元素应用场合

在互动媒体设计中，视频片段是使用率非常高的元素之一。视频文件以其绚丽的画面组成，真实的影像为作品带来强大的冲击力，很多互动媒体设计项目大量使用视频文件。

9.4.2　视频元素软件选择

视频元素制作主要分为三个方面的内容:视频拍摄、视频剪辑和视频包装，不同的工作目标选择使用的软件也完全不同。

并不是所有的视频元素都需要重新拍摄现场。如果需要进行重新拍摄，在进行拍摄前，要对拍摄内容进行详细的规划;如需要进行后期抠像合成，在拍摄时就需要准备蓝屏或绿屏，并进行专业的灯光布置，这样拍摄出来的视频才可以为后期提供优质的素材，便于后期进行高质量的抠像合成，如图9-4。

拍摄好的视频必须进行剪辑，一般称为视频的非线性编辑，对视频前后顺序进行重新编排，完成配音或添加字幕等工作。非线性剪辑软件非常多，选择余地大，既有大型专业制作系统，也有小型制作软件。大型非线性剪辑系统如AVID、SMOKE等，功能强大，但价格昂贵;小型非线性编辑软件如Adobe公司的Premiere或苹果公司的Final Cut Pro等，这些软件对计算机系统运行环境要求较低，功能也很全面，适合于中低端的视频剪辑需要。

在进行视频元素制作的时候还有一个很重要的环节就是对视频进行后期的包装，比如给视频添加艺术效果，进行多场景合成，或制作特效片头及片花等，这些视频特效需要在专门的视频后效软件中制作。和非线性编辑一样，此类软件也分大型影视特效制作系统和小型制作软件两类可供选择，Adobe公司的明星产品After Effects虽然不及高端产品高效便利，但其功能全面，操作灵活，市场占有率较高，各种外挂插件容易获得，是目前个人或小制作团队的首选。

图9-4　互动设计项目蓝屏视频拍摄

9.4.3　视频元素编辑要点

1.拍摄前期准备周密

拍摄前要做好周密的准备工作，以保证拍摄的顺利进行。事先需要准备性能较高的摄像机、三脚架、灯光等设备，视频拍摄时要注意布光，取景时应避免穿帮。

在互动设计中，经常需要为后期抠像拍摄素材，这就需要借助虚拟演播室进行拍摄，如果使用专业的演播室有困难或场地较小限制拍摄，也可以采用土法自制简易蓝屏进行拍摄。

2.视频剪辑流畅

把拍摄好的素材导入编辑机里，在非线性视频编辑软件中对素材进行重新编排，剪辑原则是保持色调统一，画面节奏流畅。

3.视频特效华美

视频特效的制作比视频剪辑要复杂繁琐得多，可以单独制作特效视频，然后再导入非线编软件中进行合成。视频特效制作类似动画，追求画面效果绚丽华美，节奏明快，主题鲜明，如图9-5。

图9-5　互动设计作品界面

9.5　音频元素编辑

9.5.1　音频元素应用场合

音频是互动设计制作中不可缺少的重要元素之一，音频除了可用于背景音乐外，还可以为按钮或精灵等互动模块添加音效，对于一些需要配音的场合，还需要录制对白等。

9.5.2　音频元素软件选择

用于声音录制与编辑的软件比较多，小型制作项目可选择Adobe公司的Adobe Audition音频剪辑软件，该软件不但可以录制旁白，对现有音频进行剪辑，还可以对音频进行修饰，添加各种声音特效。

9.5.3　音频元素编辑要点

虽然专业软件可以帮助你更好的完成编辑工作，但对于原始素材的录制环节也不能忽视，录音最好选择专业录音棚，以保证录制的水准。在为同一个交互项目准备声音文件时，特别要注意以下两点，其一是所有音频文件的音量都要调适到相同的高度，其二输出的文件要选择兼容性高的格式，以保证在互动项目制作时能顺利调用。

【本章思考】

谈谈互动设计元素内容及特点。