互动设计类别

第8章　互动媒体设计系统概述

【学习的目的】

本章具体讲解互动媒体设计系统的基本理念及工作原理，介绍互动媒体设计系统的类别及主要的设计方法，如基于网络平台的设计、单机交互性设计以及基于个人终端的互动设计等。

【学习的重点】

互动媒体设计系统的类别及主要的设计方法。

【教与学】

采用理论讲解与实例分析相结合，通过提出问题、分析问题、共同讨论、案例解析等多种教学方式完成本章的教学内容。通过实践让学生了解网络平台的设计、单机交互性设计、个人终端的互动设计等类型的交互设计方法。

8.1　互动设计的概念

互动设计是近几年来新兴起的设计门类之一，与传统的单向媒体设计不同，互动设计最大的特色是加入了互动元素，受众从被动的接收转向主动的选择，而且接收方式也变得更加人性化。

互动设计的应用领域越来越广泛，从广告业到会展业，从医疗教学到工业生产，从军事模拟到数字娱乐，无处不见互动设计的身影。近年来，互动广告越来越被大众所喜爱，而互动设计更变成会展业的新宠，成为各大展台的主要展示方式。产品数字化设计及产品的网络化展示设计，提高了产品的设计效率。目前基于手机多媒体移动平台的互动设计应用也如雨后春笋般成长起来，如可以提供在自身所在区域找朋友、找饭店、找车位等服务的邻讯网，基于移动通讯的互动设计，在各类博物馆的导示系统设计上也带来了很多惊喜，将网上虚拟三维展馆与现场互动导览系统相结合，参观者通过多媒体手机便可享用展馆内的空间导航、现场解说、信息获取等多种服务功能，具有非常大的商业发展潜力。

图8-1　各类互动设计

8.1.1　互动设计的理念

互动设计是设计变革的一个重要标志，是基于互动的一种媒体设计新观念。数字技术的发展为交互设计打下了技术基础，网络和无线技术的飞速发展和普及，整合了不同平台上的系统应用，连接起各类传播终端，为交互设计搭建了一个全方位的双向交流平台。

在新技术的主导下，一方面，互动设计不断创造出新兴的媒体模式，如互动广告设计及建立在以多媒体手机等个人信息终端平台上的互动设计应用等;另一方面，它也激发了对传统媒体传播发布模式的变革，传统的媒体设计大多是单向的，传播者具有绝对的话语权，直接通过公众媒体向大众进行信息发布，大众只有被动接受或拒绝接收，没有其他选择的自由。互动设计打破了这一格局，从传统的单向、单一的发布模式向双向、系统的发布模式转变，为最终整合各类资源，进行系统化互动设计提供了无限可能。

8.1.2　互动设计的特点

与传统媒体设计相比，基于数字技术的互动设计具有自己鲜明的特点。

1.多媒体的内容组成

文字、图片、视频、音频这些基本的信息形态是媒体设计的基本表现元素。文字元素可以清晰地表述主题;图片则可以通过具有震撼力的画面，瞬间抓住观众的眼球，用最直观的视觉元素传达出丰富的内涵。这种图文混合的媒体形态是纸质媒体主要的内容表现形式。视频、音频元素则更具有临场感，对真实人物和事件的采访等更具有说服力，是电视和广播的主要表现元素。

互动设计在内容组织上，打破了传统的单一种类的素材应用，集图文、音视频于一体，更加灵活地组织媒体内容，通过多种形态的内容组织，可以更深入全面地展示作品主题。

2.多元的界面表现

界面是指媒体与受众的信息接口，报纸和电视机就是这两大主流媒体与受众的信息接口，人们通过看报纸来阅读新闻，通过看电视来获取信息。进入数字时代后，显示器和键盘鼠标、触摸屏则成了数字化时代新媒体与受众交流的接口，也就是人们常说的人机接口。

伴随着互动媒体时代的到来，鼠标键盘等已被大众习惯的人机接口正面临着重大的变革和挑战。借助电子传感技术，受众与媒体接触的界面将变得更加直观、亲近。人们用各种肢体语言或声音等就可直接向计算机传达指令，如对着屏幕吹气，就可以控制计算机中的虚拟柳条随风摆动。这些多元的界面设计摒弃了传统的鼠标键盘，让交互功能变得更加直观、感性，让观众可以尽可能忽略技术成分，享受更纯粹的艺术感受。

图8-2　手控的互动设计作品

3.开放的艺术体验

传统的艺术设计大多是固态的艺术，一旦设计完成，便凝固成一个固定的作品模式，而很多互动设计作品则是由设计师设计好一个游戏规则，吸引参观者的参与，在参与的同时，参观者也成了作品的一个组成部分，这种开放的特征，使得一个互动设计作品具有了无限的可能性。

图8-3　开放的互动设计作品

运用开放性语言设计的互动作品不再是封闭的、固化的作品，增加了时间、空间、人等多个维度的互动作品，具有无限的表现力，是未来互动设计的发展方向。

4.交互性带来更多参与乐趣

交互性一直是互动设计的基本符号，不仅可以给观者带来类似于做游戏的乐趣，还可以使信息传递更具有人性化，满足观众更个性化的需求。借助数字化技术，对作品进行重新解构、分割、组合，通过交互方式，可创造出一种全新的感官体验。

图8-4　新媒体互动作品《城市迷宫》

《城市迷宫》是通过城市影像的有机组合，表现出现代人迷失在繁华都市的迷茫、彷徨的心情。借助电子传感装置，观赏者可以通过脚下的踏板，选择不同方向，在城市中行走，以此来控制作品的播放轨迹，多种组合使得不同的参观者在欣赏同一个作品时，由于选择了不同的道路而感受到截然不同的心灵体验。

8.1.3　互动设计类别

互动设计的应用领域非常广泛，但依据其表现形态，主要可分为信息交互设计和交互装置设计两大类。

1.信息交互设计

信息交互设计是互动设计的主要类别，这类设计主要服务于信息传播领域，有基于网络平台的交互网站设计、基于CR-ROM的宣传光盘设计以及各种放置于公共空间的信息查询系统等形式。

这类设计最基本的特点是以用户体验为核心，即“以用户为中心的设计”，会提出一种创新的使用方法，让用户感觉到愉快、有效、舒适，让使用更简单。运行终端大多是计算机或手机等个人无线终端，面向的使用对象大多是个人用户。基于这样的特点，信息交互设计的重点是进行信息的有效传输，用户可以不受时间、地点的限制，自由方便地获取各类有效信息。因为每个终端大都是面向单一用户，计算机显示器和触摸屏是最好的交互界面选择，所以在这类设计中较少考虑其他形式的人机界面。

图8-5　展览馆的信息查询互动设计

信息交互类设计的重点在于对信息进行有效传播，所以在信息传播方式设计上应尽可能提供实用的传播方法和充满趣味性和吸引力的信息组织形式。

实用的传播方法是指为信息交互设计创造出满足大众生活各种需要的新型传播模式，比如在超市手推车上加装一个商品查询显示屏，基于无线网络的查询装置可以提供各种实时商品信息，方便顾客购物;出租车上的车载互动显示屏不但可以发布广告，还可以提供旅客对城市各类信息的查询，已发展成一个优秀的商业传播平台。这些新的传播方法的研发为互动设计带来了全新的商业应用方向，也让互动设计在提高人们的生活质量上起到更大的作用。

图8-6　超市互动推车设计

在进行信息交互设计时，好的信息组织形式是设计成败的关键，由于此类设计所传播的信息量比较大，有些信息也相对抽象和枯燥，所以在进行信息交互作品设计时，要创造出更多有趣味性的组织形式，减低信息内容的乏味性。比如在页面设计中，加入交互游戏以及交互动画，可以让用户在玩乐中获取信息，提升吸引力。大部分时尚企业或媒体娱乐公司的网站设计都采用了这样的信息组织形式，比如NIKE公司的产品页面就大量采用了flash制作的动画交互页面设计，让枯燥的商品展示变得生动有趣。

图8-7　NIKE网站互动设计

另外，为了让抽象的信息变得更具体，还可以采用虚拟现实或图解的方式，如2010年上海世博会就建立了网上世博，提供三维的展馆展示，外地用户也可以通过网络平台参观世博会了。在公共空间导览系统设计上，还可以通过交互地图的方式提供用户查询，通过这些有趣而实用的页面形式创新，可以更好地将信息传播出去。

图8-8　上海世博会网上世博

图8-9　博物馆的交互地图设计

2.交互装置设计

交互装置设计是互动设计的一支新军，虽然新，但却发展快速，充满活力。交互装置设计除了具有互动功能这一基本特点外，还具有装置艺术的基本属性。这些作品大多具有人性化的交互界面设计，并且大多展示于公共空间中，如一些互动广告设计，为了吸引更多的关注，在设计上力求展示形式的丰富，充分利用场地和人流情况，借助各种技术手段进行人机的多元化交互界面设计，给观众带来全新的身心体验。

在设计交互装置设计类互动作品时应该注意两点，一是利用各种新技术创作一个新奇的交互体验，二是充分利用公共空间进行装置设计。

由于交互装置设计作品大多运行在公共空间，面向川流不息的行人，因此交互界面设计中应采用更多的自动感应方式以取代键盘鼠标的限制，可借助红外线等传感器，检测行人的位置，并将数据传输给计算机系统以控制播放内容等。如图8-10，这个户外交互广告是Nikon公司2009年的广告，它是一个典型的交互装置设计作品，当行人走上红毯来到广告屏前时，屏幕上的人物会集体用相机对其进行拍照，以达到产品宣传的目的。这个互动广告通过感应器感应行人的位置，计算机接收到行人走近的信号时，系统便会播放拍照的视频。作为公共空间的互动广告作品，该作品充分展现了交互装置的特点，为行人带来新鲜的感官刺激。

图8-10　Nikon公司户外广告

交互装置设计的另一个要点是要充分利用公共空间。交互装置的展示平台可以有很多选择，比如各种通道的墙壁、地面等，甚至有互动设计师将作品发布在摩天楼外墙上，用可控的窗户灯光作为屏幕，利用手机发送短信等方式与其他参与者一起在摩天楼幕墙上玩一场挖金子或撞球的游戏，如图8-11。

图8-11　摩天楼幕墙互动游戏

8.2　互动设计创作

8.2.1　互动设计流程

互动设计的应用领域很广泛，不同的设计类别其表现形式、发布空间都不尽相同。虽然不同的设计类别其设计内容有比较大的差异，但总体来讲，大部分互动设计作品还是基于以下几大流程进行创作与实施的。

1.项目策划

对于任何类别的互动设计，前期的项目策划即进行深入的市场调研，以便更好的收集设计需求，分析成功的设计范例，了解最新的技术资讯，扩展设计思路都是必不可少的。

项目策划书中应该细化到具体的设计实施方案，从内容组织到技术与艺术的表现都应该有一个详细的规划，尽可能将各种困难提前预估，对所要采用的技术进行认真的调查、考证，必要时甚至要做技术测试，确认其可行性。

2.内容组织

互动设计作品的内容组织是一个复杂的系统工程，首先需要进行总体内容的组织结构设计，设计原则要符合常识规范，满足用户的一般认知习惯，接下来再进行信息的收集、整理和归类工作，有些元素还需要修改或重新制作。

3.艺术表现

互动媒体也是一种视觉媒体，画面的艺术效果对于作品的整体呈现起到了至关重要的作用。一个完美的画面效果不但可以博得眼球，更让用户在欣赏作品时赏心悦目，减少疲劳感。

4.技术实现

技术实现是互动设计作品完成的重要标志，不同于其他视觉设计，互动设计更侧重于互动，而互动功能大多是通过软件和硬件实现的。技术有时很复杂，涉及诸多方面，硬件方面如机械传动、机电控制，软件方面包括硬件接口程序、软件互动环境设计等。

5.系统安装

互动设计形式特别多样，有些要结合装置进行现场土建施工，如制作一个半球屏幕等，有些还要进行现场设备调试，如安装摄像头、投影仪等。只有顺利完成这一步，互动设计作品才算整体完成。

8.2.2　互动设计方法

对于初学者来讲，互动设计是难度比较大的设计类别，在创作过程中不但需要设计师有发散的思维，还要有缜密的心思进行项目实施。在设计过程中，如果掌握一些好的设计方法就可以帮助我们更好地完成互动设计项目。互动设计的方法有很多种，对于初学者来讲，以下三种方法有助于互动设计创作。

1.借力方法

互动设计的借力法源于互动设计的杂合性。互动媒体设计涵盖的知识领域过于宽广，对于一个互动艺术家或设计师来讲，必须具有综合的设计能力才能掌握各类专业技能，这对创作者有较高的要求。所以互动设计师必须另辟蹊径，尽可能借助一些现有技术，加以少许的改进，以满足互动项目的设计需要。

借力法可以用在交互设计的各个环节，如在进行交互界面硬平台的设计时，对计算机现有的外设键盘、鼠标等稍加改造，便可制作出新的人机交流接口，详细方法可参考后面的章节。也可以借助专门为互动艺术家研发的单片机作为人机接口模块，大大减轻组装单片机的工作量。另外还可以直接借助一些现有的电子产品，比如项目中所用的电源，可以直接用淘汰旧家电的稳压源代替，而一些现成的电子产品也可以经过改造，变成互动设计中重要的元件，如任天堂公司推出的家用游戏机Wii的操控手柄就常被用在互动设计的人机界面中。如图8-12所示，互动作品《跳舞机》就借用了一台旧的电子琴，对其重新改造，便成了可以用肢体舞动来弹奏音乐的互动作品。

图8-12　新媒体互动作品《跳舞机》

在互动设计中，借力法可以大大降低技术研发的时间成本，减轻技术对设计工作的压力。

2.跨时空设计方法

网络发展为我们提供了一个可以实时进行跨空间对话的基础，在互动设计时可以充分利用这一优势，实现跨空间的互动交流。新媒体互动设计作品Blind Camera就充分利用了手机的无线联网功能，这个“相机”没有镜头，没有取景框，只有一个按钮和一个显示屏，事实上它由一个手机改造而成，对准喜欢的位置，按下“快门”，后台服务器就会在Flickr网上搜索你按下快门时其他人刚好上传的一张图片，并将此照片显示在你的Blind Camera屏幕上，如图8-13。

图8-13　新媒体互动设计作品Blind Camera

很多互动设计作品都融入了网络概念，如图8-14，这个新媒体互动设计作品，参观者在现场拍照后，系统会根据其肖像自动生成一个二维码图片，并被快速打印出来给观众保留，参观者还可以查阅相应的网站，找到相关的照片与二维码信息。跨时空的设计方法打破了互动设计的时空障碍，让设计变得更自由。

图8-14　新媒体互动设计作品

3.系统化设计方法

互动设计是一种新的设计类别，与其他艺术设计不同，它所涵盖的领域多样，没有一定的设计规则可循，以往一说到互动设计很多人就只想到网页设计、多媒体光盘设计，或是触摸屏自助信息咨询设计等，当然这些都是互动设计的重要组成部分，但他们只是互动设计的初级阶段，绝非互动设计的终极目标。因为这些设计还只是利用了互动设计的一些表现特点，远没有充分发挥其本质优势，系统化的整合互动设计理念才是其终极目标。数字化技术使互动设计的媒体信息共享不再是问题，网络及无线技术的普及则为互动设计搭建起大展宏图的平台，这就为系统化整合提供了前提条件，为系统化的互动设计打下基础。

所谓系统化的互动设计就是在设计过程中，不再单纯地只考虑设计的某一项单一功能，而是将各种媒体渠道整合起来共享后台数据，再根据不同的设计目标与终端设备，进行系统化的互动设计项目开发。如为一博物馆开发互动信息导航系统时，就可以采用系统化的设计方法。在共用后台数据库的基础上，既可以开发出实时更新的网站，又能为现场用户提供触摸屏信息查询的平台，同时还能为移动用户提供手机信息导览功能。这种多位一体的设计方法，充分满足了客户各种差异化的需求，在为用户提供全方位、高质量信息服务的同时，又节约了运行成本。

8.2.3　工作团队组织

互动媒体是一门跨学科的设计，涉猎的知识领域非常宽泛，所以要进行一个大型的互动设计项目时，必须组建一个完整的工作团队。其组成有:

1.项目策划师:负责项目总体策划与实施过程中的流程管理工作。

2.内容组织与美编师:负责项目内容的采集、制作与整理，并完成项目的美术设计，包括平面设计、音视频编辑、动画制作等。

3.程序设计师:负责项目的程序设计工作。

4.机电装置设计师:负责交互界面硬平台的设计与实施工作。

5.安装与调试师:负责现场装置施工、系统安装并总体调试工作，以保证互动设计系统的稳定运行。

【本章思考】

1.说说互动设计的类型及特点。

2.总结互动系统的设计方法。