互动媒体设计：第一章 导论

互动媒体设计（web用户界面设计）

交互式媒体的社会需求

多媒体设计

第一章导论

人类自古以来就不知不觉，自然而然地常常利用各种媒体和人沟通，传达消息，例如：古代的原始文化里面，歌唱、音乐、舞蹈经常是结合在一起的，人们在面对面时，以声音、动作表情等表达意见和感情，这就是多媒体的相互交谈。多媒体简单的说，它是一个集合很多传播媒体的沟通系统和方法。信息的表达——媒介甲骨文活字印刷计算机比特代替原子

多媒体的社会需求

多媒体设计第一章导论

计算机发明后可以用计算机来传达一些信息，是否也该透过各种感观刺激来让被传达者很快接受且吸收？单靠文字形式呈现已经不能成为现代人满足，而是要靠其它视觉画面、音效及各种戏剧表现形式来加强传播效果。而且远远不止这些UGC、协作、社区以及更广泛的大众参与弹指一挥间，web已经成为司空见惯的行为。读新闻、找工作、买礼物、查电话号码、计划旅游等等

多媒体设计

数字媒体之所以盛行，乃因为它提供了无限的想象与创作空间；且让我们一起进入绚烂多变的数字媒体世界！

多媒体的基本概念Premiere导论

多媒体的社会需求

多媒体技术的应用与发展

多媒体产品

多媒体应用工程化设计多媒体设计原理

多媒体应用基本设计原则

界面设计与屏幕设计原则多媒体元素设计与制作

文本

图形

数字音频

数字视频与动画多媒体产品制作流程

组织策划、编写脚本

多媒体制作工具

基本硬件设备多媒体环境的建立

多媒体的扩展设备

多媒体的关键技术

信息时代是一个信息爆炸的时代，这时，人类所面对的最大难题是：信息泛滥，没有时间去消化，常常会因为大量的信息一下子蜂拥而至，措手不及，不知怎么办才好？

互动媒体设计第一章导论

历史又一次重现当年包豪斯的情形：一批数学家、物理学家、计算机专家、艺术家、设计师、建筑家、工程师、音乐家、认知心理学家和大众传播专家，又一次紧密合作，他们的研究领域跨越了艺术与科学的界限，从电脑视觉艺术、全息成像、数字音乐、人机界面设计、电子出版、数码娱乐游戏到虚拟设计与制造、网络社区设计，以及未来教育等各领域。第一章导论

多媒体设计第一章导论

他们共同的目的就是，突破现有技术的限制，以创造性的发明与设计满足人类在信息社会的生活与工作需要。

多学科合作

多媒体的社会需求

互动媒体设计

第一章导论

人类不断改善传播科技，发展能够协助大家迅速处理信息的多媒体系统，从人机接口的改进和使用方法的简化提供解决大量信息的办法，并且巧妙地组合各种媒体材料：文字、图像、声音等等，让他们在一起，彼此相辅相成、相得益彰，是多媒体成为一种新颖而有效的信息传播观念。

人类接受和传播信息的两种主要方式是用“眼睛看”和用“耳朵听”。心理学家曾做过实验：人类获取的信息83％来自视觉，11％来自听觉，这两项加起来就是94％。所以可看见的媒体和可听见的媒体的完美结合，才能完整、自然地表达和让人类最大程度的接收信息。

多媒体设计第一章导论1.人类生活方式的变化

互联网作为信息社会的基础,已越来越成为人们不可缺少的一种生活方式或者工作方式.我们不是缺乏信息，而更重要的是我们每个人怎样更方便、准确、快速地获得有价值的信息，发挥多媒体对信息的优化作用等一系列问题。

2.消费观念的变化

2015年前后发达国家将进入休闲娱乐时代，数字化游戏将是21世纪最重要的娱乐产业，数字化娱乐产业推动着体验经济时代的到来。在数字娱乐服务产业中，互动游戏、动态模拟、虚拟现实等高科技将尽显风头。3.数字电视的发展需求社会需求：

数字媒体的社会需求

多媒体设计

第一章导论多媒体应用在各行各业

●

形象教学●

仿真工艺过程●

模拟交互过程●

电子教案、教学●

网络多媒体教学●

生物形态模拟●

生物智能模拟●

人类行为智能模拟●

电视/电影/卡通混编特技●

三维成像模拟特技●

演艺界MTV特技制作●仿真游戏、赌博游戏●

风光重现●

风土人情介绍●

服务项目Internet国际互联网●

网络多媒体技术●

网络远程诊断●

网络远程操作(手术)商业广告（特技合成、大型演示）教育（形象教学、模拟展示）医疗（远程诊断、远程手术）人工智能模拟（生物、人类智能模拟）旅游（景点介绍）影视娱乐业（电影特技、变形效果）

多媒体的社会需求

多媒体设计

第一章导论

社会提供了许多多媒体系统创作及互动经验的机会，但是这新的机会若要实现，只有当这些技术由传播和计算机专业的技术人员转移到那些对人际间互动与沟通有所了解的人身上时，才有可能。因此为发展这些新的表达技术，我们要培养一群有创造力且了解人的特性的个人。“可缩放的用户界面”（Zumobi）Zumobi是有36个用户选项内容的集合三维全息技术

我们有什么感想？

多媒体设计第一章导论

数字媒体的基本概念

多媒体设计交互性信息以超媒体结构进行组织，可以方便的实现人机交互。换言之，人可以按照自己的思维习惯，按照自己的意愿主动的选择和接受信息，拟订观看内容的路径。第一章导论多媒体的研究内容：多媒体除信息载体的多样化以外，还具有以下的关键特性：集成性

采用了数字信号，可以综合处理文字、声音、图形、动画、图象、视频等多种信息，并将这些不同类型的信息有机的结合在一起。智能性提供了易于操作、十分友好的界面，使计算机更直观，更方便，更亲切，更人性化。易扩展性可方便的与各种外部设备挂接，实现数据交换，监视控制等多种功能，此外，采用数字化信息有效的解决了数据在处理传输过程中的失真问题

多媒体的基本概念

多媒体设计

第一章导论多媒体的两个显著特点：综合性、人机交互性交互就是要求用户通过有或无意的操作，来改变某些音频或视频元素的特征。交互就是用户在某种程度上的参与。所以说：交互性是应是影视作品和多媒体的主要区别。报纸和电视HCI(Human-ComputerInteraction)CHI(Computer-HumanInteraction)MMS(Man-MachineStudies)

人机交互

近年来，计算设备的速度和存储容量大幅提高，各种传感器网络逐步普及，互联网的带宽成倍增加等信息技术飞速发展，并逐步融入到人们的日常生活空间和日常生活中。从而使上世纪的桌面计算时代转变为新世纪的普适计算时代；计算机的功能、用户发生了变迁.计算的变迁第一波——主机时代(mainframe)很多人共享一台计算机第二波——PC每人一台计算机第三波——UC普适计算（UbiquitousComputing）无处不在：一个人多台或多个人多台处处不在：Computersvanishinthebackground!消失的键盘、鼠标、显示器？第四波——??你们的任务

多媒体设计第一章导论

用户的变迁专业人士——主机时代只有接受过CS教育者可以使用非文盲——PC时代接受过初等教育者就可以享用懂术语[会英语]文盲/残障/儿童——UC时代没有接受过教育者也可以享受不懂术语[不会英语，甚至不能读写]第一讲

多媒体设计第一章导论计算机功能的变迁第一波——计算工具科学计算第二波——办公用品文字处理、数据处理第三波——生活必需品（结婚几大件）信息服务，多媒体，娱乐第四波——被XXX替代？

多媒体设计第一章导论上述变迁意味着什么？以计算为中心以人为本计算机必须为人服务专业人士+文盲/残障/病人/儿童服务Ametaphor：仆人，个人助理低级的仆人/个人助理Ametaphor：军人——服从命令是天职！人类需要什么？高级仆人/个人助理——服从命令只是基本要求！还要适时理解主人意图，主动服务——个人习惯、眼神、手势…有选择的服务——纠正错误等

多媒体设计第一章导论

研究新一代的自然和谐的人机交互理论和技术，发展和应用以用户为中心的设计方法，从而保证新时代的信息技术能够创造和谐的人机环境，使全体人类都能分享信息技术发展的成果，是21世纪人类社会需要解决的重大课题。“以人为中心的信息社会”与“和谐人机环境”开始倡导

人机交互

多媒体设计第一章导论直观上人怎么使用计算机？计算机怎么满足人的需求？人机交互（沟通）Input–感知–察言观色！低级：如何让用户便捷的输入自己的命令、意图？高级：如何主动感知用户的命令、意图、情感？Output–表达–超强的表达能力！计算机如何聪慧的呈现用户需要的服务？聪慧：合适的时间、位置、方式人机交互的使命创造具有复杂行为的产品

多媒体设计第一章导论

HCIVision——最高境界Metaphor–知己、伴侣心有灵犀一点通

心有灵犀不点通察言观色、雪中送炭而不是无事找事、火上浇油office?

也许还要活泼一点需要的时候幽它一默，调剂一下心情？

多媒体设计第一章导论HCIVision拟人的类比人和人之间如何交互？看、听、读、说、写、触、嗅…我们的目标，改变目前的基本聋哑盲机，使其具有视、听、触、嗅等感觉、知觉能力具有学习、记忆乃至情感等认知能力具备说话、会画等表达能力本体感觉、自我意识？

多媒体设计第一章导论在每一天的生活中，我们都要和许许多多的产品进行交互，回想一下，就在今天，和你发生交互的产品有多少？

闹钟、热早餐用的微波炉，电脑，网站、各种软件，机，空调和电视机（通过遥控器），数码手相机，随身听，银行服务，等等等等。

交互中的问题

多媒体设计第一章导论好的：

不好的：难用使用Gmail—自动帮助将邮件按主题组织在一起按联系人组织邮件的功能。

多媒体设计第一章导论Mark：“您好，欢迎使用招商银行电话银行系统，1，自动语音服务，2人工服务；”Mark把手机从耳边拿下来，找到1号键，按了一下；“1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基金服务，0退出；”Mark又按了1；“1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询0退出；”

交互中的问题

多媒体设计第一章导论从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术。

①了解目标用户和他们的期望；

②了解用户在同产品交互时彼此的行为；③了解“人”本身的心理和行为特点；

④了解各种有效的交互方式，并对它们进行增强和扩充。

交互设计涉及到多个学科，以及和多领域多背景人员的沟通。什么是交互设计？

我们已经花费了至少50年的时间来学习如何制造计算机以及如何编写计算机程序。下一个新领域自然是让计算机服务并适应于人类的需要，而不是强迫人类去适应计算机。 DanR.Olsen(CMU)WilhelmWundt，1832.08.16－1920.08.31牛顿（1642-1722）

人机交互的重要性

多媒体设计第一章导论

人机交互技术是21世纪信息领域需要解决的重大课题。美国21世纪信息技术计划中的基础研究内容为4项：软件，人机交互，网络，高性能计算。我国973、S-863、十五、十一五计划均将人机交互列入为主要内容。人机交互的重要性内容技术设计设计技术内容制作后

多媒体设计第一章导论

互动媒体的研究内容信息建构设计，包括：信息分类、导航、标识等交互设计；素材设计，包括：角色、图像、音频、视频、动画、文字等内容设计；用户界面设计，包括：风格、色彩、版式等艺术设计；内容的整合与互动性设计；感性评价

多媒体设计第一章导论抽象具体

互动媒体设计第一章导论

功能需求

多媒体设计

第一章导论教育与培训世界各国的教育学家们正努力研究用先进的多媒体技术改进教学与培训。以多媒体计算机为核心的现代教育技术使教学手段丰富多彩，使计算机辅助教学(CAI)如虎添翼。。实践已证明多媒体教学系统有如下效果：(1)学习效果好。(2)说服力强。(3)教学信息的集成使教学内容丰富，信息量大。(4)感官整体交互，学习效率高。(5)各种媒体与计算机结合可以使人类的感官与想象力相互配合，产生前所未有的思维空间与创造资源

多媒体技术的应用与发展

多媒体设计

第一章导论多媒体技术的应用

多媒体光盘可提供详尽的信息而不需要专门的讲解，通过其大数据量、多种表现形式、易更新性将会发挥巨大的作用。中国教育热线：http：//功能需求

多媒体设计

第一章导论电子商务桌面出版物主要包括印刷品、表格、布告、广告、宣传品、海报、市场图表、蓝图及商品图等。多媒体技术为办公室增加了控制信息的能力和充分表达思想的机会，许多应用程序都是为提高工作人员的工作效率而设计的，从而产生了许多新型的办公室自动化系统。由于采用了先进的数字影像和多媒体计算机技术，把文件扫描仪，图文传真机，文件资料微缩系统等和通信网络等现代化办公设备综合管理起来，将构成全新的办公室自动化系统，成为新的发展方向。

简报系统：每个企业的业务部门,拥有一套互动式业务简报光碟,已渐成為全球趋势,利用多媒体的特性，內容规划以企业潜在客戶的需求点出发，将客戶最有兴趣及最具疑虑的內容以动态方式清楚呈现。

功能需求

第一章导论

门户网站

DESIGNDigitalMedia

多媒体设计第一章导论

功能需求、应用多媒体技术的应用公共展览馆或博物馆

虽然多媒体演示很难代替人们去欣赏好的展品，但它能非常形象、直观的去展示一个展品，人们可以通过多媒体的演示，形象的了解展品，而不要专人去讲解或仅仅看到简单的画面，有多媒体展示，人们就可以从各个角度了解更多的知识，甚至可以不用展览馆和图书馆。目前大家都知道故宫博物馆正在制作数字故宫。

交互设计第一章导论推荐热门推荐热门上架精品应用排行付费排行免费排行应用娱乐应用生活应用游戏大型游戏体感游戏休闲游戏棋牌游戏儿童游戏教育幼儿中小学成人专题装机题圣诞端午专题下载更新购物清单应用收藏第一章导论第一章导论

界面设计/ver1/portfolio/website/congramarie/index.htm

DESIGNDigitalMedia第一章导论

多媒体技术的应用与发展多媒体技术的应用虚拟现实

互动性最初的图形界面，目的是省去用户记忆命令列界面(CLI)里繁复的操作命令，简化操作，但是经过了近30年的进化，图形界面早就不再以单纯的方便操作为目的而存在。从1984年初代Macintosh出现到现在的微软的Win7，界面视觉的细节和表现力不断被强化着。除了在二维界面中加强细节的表现，还有一种趋势正在渐渐变得常见：图形界面中元素的三维化。三维化使界面或网页中的某些部分，或是几个界面之间，变得像真实世界中的物体一样可以从不角度观察，可以被翻转，甚至互相作用。界面中的这些部分因此会获得很强的表现力，有些效果也是二维界面无法达到的。

数字动画设计

DESIGNDigitalMedia

数字动画设计

DESIGNDigitalMedia

数字游戏设计

DESIGNDigitalMedia

多媒体设计第一章导论

多媒体产品及制作过程第一：多媒体要能够有效的传递信息第二：多媒体要能够有娱乐的效果。第三：多媒体要让人们留下深刻的印象，并保持记忆。第四：应当让使用者能全神贯注于内容的呈现，而不知觉自己在与计算机互相沟通。

多媒体产品是艺术与科技的结晶，同时也是不同科技整合的产物。设计优秀的多媒体产品除了靠产品技术品质，还要依赖故事的述说、剧情的铺陈与信息结构的品质来达成。

优秀的多媒体作品技术占成功的一半，另一半则要看艺术设计的表现，因此设计多媒体在艺术表现上需要富有创造力的构想。

多媒体设计第一章导论

多媒体产品及制作过程

在从事多媒体创作时，除了需要传播和计算机知识及对计算机游戏的了解，还需要充分的戏剧与艺术的知识。但最重要的是还需要一个开放具有想象力的心灵，因为有了这层认识，多媒体创作的内容也就越来越丰富我们若从科技整合的角度来看，将艺术、戏剧、传播和新媒体科技等结合，产生智慧的结晶，这个结晶也可称为“多媒体”

多媒体设计第一章导论

多媒体创作的一般流程：

多媒体设计第一章导论

多媒体产品及制作过程

多媒体产品的制作过程1.产品创意非常主要的工作，从时间、内容、素材到各个具体制作环节，程序结构等都要预先周密筹划。（1）时间轴上的分配比率（2）内容（3）什么媒体表现（4）界面功能设计（5）写脚本2.素材加工与媒体制作3.编制程序、合成。（1）设置菜单结构。（2）建立数据库。（3）界面制作。4.成品制作及包装最终要打包、制作光盘、设计包装，编写技术说明书。

多媒体软件

多媒体设计

第一章导论

多媒体技术的具体实施，需要软件的支持，仅有多媒体计算机是不够的。多媒体软件主要用于制作多媒体产品，由于多媒体软件的集成度不高，几乎没有一种集成软件能够独立完成多媒体制作的全过程，因而在软件的选择上余地比较大。多媒体软件基本上可分为两大类：1。制作素材的软件。2。多媒体平台软件。它是在多媒体制作的后期阶段需要另外一些软件把图像、图形、动画、声音等素材有机地结合在一起，并产生交互作用。素材制作软件专门用于制作数字化图像、动画、声音、视频等的软件系统●

文字处理

各类文字处理软件●

图像处理

Photoshop/PhotoStyler/CorelDRAW/PageMaker●

图形处理

Basic/VisualBasic……●

动画处理

AnimatorPro/3DSMAX/Morph/Cool3D

/