篇一:关于交互设计的调查分析报告1
关于交互设计的调查分析报告
本学期,我们学习了《创意元素与产品设计》,其中的交互设计引起了我的兴趣,于是在此对交互设计进行了调查分析。
一、历史、渊源
Bill Moggridge在20世纪80年代后期提出了交互设计的概念。初始名为“SoftFace”,后改名为交互设计。在1989年,GIllianCrampton-Smith在伦敦的皇家艺术学院创建了交互设计的硕士学位教育(初始名为“计算机相关的设计”,后改名为“交互设计”)。2001年,她在Ivrea创建了交互设计研究所,专门从事交互设计的研究和教育。目前,全球众多的教育机构已经开展交互设计的教育。
二、什么是交互设计(交互设计的定义)
从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域背景人员的沟通。
通过对产品的界面和行为进行交互设计,让产品和它的的使用者之间建立一种有机关系,从而可以有效达到使用者的目标,
这就是交互设计的目的。
交互设计的定义:
简单的来说,佳偶设计是人工制品、环境和系统的行为
,以及传达这种行为的外形元素的设计与定义。不像传统的设计
学科主要关注形式,最近则是关注内容和内涵,而交互设计首先
旨在规划和描述事物的行为方式,然后描述传达这种行为的最有
效形式。
交互设计是一门特别关注以下内容的学科:
1、定义与产品的行为和使用密切相关的产品形式。
2、预测产品的使用如何影响产品与用户的关系,以及用户
对产品的理解。
3、探索产品、人和无知、文化、历史之间的对话。
交互设计从“目标导向”的角度解决产品设计:
1、要形成对人们希望的产品使用方式,以及人们为什么想
用那个这种产品等问题的见解。
2、尊重用户及目标。
3、对于产品特征与使用属性,要有一个完全的形态,而不
能太简单。
4、展望未来,要看到产品可能的样子,它们并不必然就像
当前这样。
总而言之,说了那么多,现在来总结一下关于交互设计的定义。
先来看看Alan Cooper对监护设计的经典定义:简单地说,交互
设计是人工制品、环境与系统的行为,以及传达这种行为的外观
元素的设计和定义。交互设计首先规划和描述事物的行为的方式,
然后描述传达这种行为的最有效形式。交互设计是一门特别关注
以下内容的学科:*定义与产品的行为和使用密切相关的产品形式
*预测产品的使用如何影响产品与用户的关系, 以及用户对产品的理解
*探索产品、人和上下文(无视、文化和历史)
之间的对话(Riemann和Forlizzi)
再来看《Interaction Design——Beyond Human-Computer
Interaction 》一书中作者对交互设计的定义:
交互设计指的是:设计支持人们日常工作与生活的交互式产品。具体地说,交互设计就是关于创建新的用户体验的问题,
其目的是增强和扩充人们工作、通信及交互的方式。Winnogard
(1997)把交互设计描述为“人类交流和交互空间的设计”
下面是我对“交互设计”的理解/定义:
所谓交互设计,是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程,简单说,即设计和定义使用者如何使用一产品达到其目标,完成某
一任务的过程。
三、交互元素
交互,是在生活工作、学习娱乐中,人与人之间、人与物之
间、人与环境之间交流、操作、活动的过程或传递方式。
人有六种感觉,即视觉、听觉、嗅觉、味觉、触觉以及心理感觉。人与外物的交互,可以通过一种感觉方式进行,也可以是多种方式进行。耳朵听广播新闻,用的是听觉;看电视,眼睛看耳朵听,视觉和听觉同时进行;玩网络游戏,眼耳手并用,视觉听觉触觉步调一致才能胜出;在闹市中骑自行车,更要眼观六路、耳听八方、手脚并用。
科学技术的飞速发展,使得通信手段和信息处理方式发生巨大的变化,其中最显著的载体就是计算机。人与计算机交互的形式,从早期的纸带穿孔Algo语言,到键盘输入的屏幕纯符号DOS系统,到BILL GATES的Windows视窗系统。特别是鼠标游戏杆的拟人功能输入装置出现,计算机成为一件普通的家电产品,不管是老人还是学龄前儿童,只要略微指导,就可以自己上手操作使用。如今语音输入、汉字识别系统的逐步普及,以及可以预见不远的将来大脑思维输入方式,计算机的发展,尤其是交互关系,可能以我们今天的人都想象不到的方式出现。
四、产品设计中交互元素的应用
人类探索世界到今天,可以说上知天文、下晓地理,远瞻宇宙宏观、近察粒子微观......开创和建立了无以计数的学科类别。但是人类对自身的了解和认识,却仍然是非常局限的。随着科学技术水平以及经济的发展,新的行业不断诞生、新的产品不断被发明,人对精神和物质追求也将与日俱增,人的六种感觉方式,
与所使用产品的交互关系,也将随之变化和发展。举例来说,随着控制理论和工程的进一步发展,组成控制系统的传感、传输、编码、解码、存储、指令等技术和产品,将出现新的变化和形式,必将极大地改变人与产品的交互关系,产品设计师当然要研究和开发适应人与产品之间新的交互关系的元素以及最佳方式。其中,就简单的“开/关”功能而言,就有机械旋钮、机械按钮、导电橡胶按钮、触摸屏、光电接近开关等多种不同形式
。
产品设计中交互元素的应用,可以概括为两个主要方面:1、人类自身工作方式的设计,使得人在人际系统中,充分发挥自身的最佳工作效能;2、产品的设计,使得产品能与使用者的身心取得最佳匹配,人成为产品的主宰,并能最有效的运用产品。如:丰富多彩的计算机
篇二:多媒体设计报告
上海电视大学
课程设计报告
教育层次(本科或专科): 专科
题目:
分校(站、点): 阜新校区
姓名: 方惠敏 学号: 118000117
姓名: 范凌翼 学号: 118000112
姓名: 李 惠 学号: 118000119
年级:专业:
指导教师:陈 群
日期:2012 年 11 月20 日
目录
* 摘要 ........................................................... 3
* 关键字 ......................................................... 3
一、设计目的 ...................................................... 3
二、设计环境与开发工具的选择 ...................................... 3
1.开发环境介绍 .................................................. 3
1)硬件开发环境 ................................................ 3
2) 软件开发环境 ............................................... 3
2.开发软件介绍 ................................................. 4
1)集成工具Authorware7.0介绍 ................................. 4
2)图像处理软件Photoshop 介绍 ................................ 4
3)视频处理软件 绘声绘影转换器和格式工厂 ...................... 5
4)动画处理Flash 2004 ........................................ 5
三、系统规划及总体设计 ............................................ 5
1.图像、视频素材采集工具 ........................................ 5
2.声音采集工具 .................................................. 6
3.信息收集过程 .................................................. 6
4.结构图及设计功能 .............................................. 6
四.系统实施 ...................................................... 7
1.素材处理步骤 .................................................. 7
1)图像处理 .................................................... 7
2)动画处理 .................................................... 7
3)按钮制作 .................................................... 7
4)声音处理和视频制作 ........................................ 10
2.集成处理authorware设计步骤 .................................... 11
1)片头设计 .................................................. 12
2)主界面设计 ................................................ 14
3)制作人员设计 .............................................. 21
五、设计方案的感想 ............................................... 23
六、制作人员分工 ................................................. 23
* 摘要
本设计以“香港、澳门旅游”为题材制作一个短片,此设计报告中介绍了制作这部作
品的全过程。主题确立?素材收集?素材处理?作品创作。
所用到的软件:Authorware 7.0、Adobe Photoshop CS2、Macromedia Flash 2004、绘声绘影视频转换器、格式工厂。
* 关键字
香港、澳门之行、图像处理、动画处理、视频处理、格式转换、结构、系统
一、设计目的
香港、澳门分别在1997年和1999年回归,在这之前是殖民地,然而因为清政府的腐败签订的不平等条约,使得他们离开了祖国上百年,新中国成立后经过一代代领导人的努力,终于又回到了祖国的怀抱。
做这个多媒体作品的主要目是可以让更多人了解香港、澳门过去与现在,牢记历史 !
二、设计环境与开发工具的选择
1.开发环境介绍
1) 硬件开发环境
电脑:Acer 笔记本 4736zg
(1)CPU:Amd Athlon(tx)X2处理器, Dual-Core-62
(2)内存:2GB DDR2
(3)硬盘空间:320GB
(4)显卡:ATI radeon 4000series
(5)显示器:分辨率 1366×768
2) 软件开发环境
(1)集成工具:Authorware 7.0
(2)图像处理软件:Adobe Photoshop CS2
(3)动画制作软件:Macromedia Flash 2004
(4)声音、视频处理软件: 绘声绘影X2
2.开发软件介绍
1)集成工具Authorware7.0介绍
它是一款多媒体制作软件,一般应用在产品说明、展示、教程、教学课件等的制作展
示上。相对Powerpoint来说,更加专业,功能更强、生成.exe可执行程序,独立运行,并且不容易被破解和剽窃。
其主要功能有:
①编制的软件具有强大的交互功能,可任意控制程序流程。
②在人机对话中,它提供了按键,鼠标,限时等多种应答方式。
③它还提供了许多系统变量和函数,以根据用户响应的情况,执行特定功能。
④编制的软件除了能在其集成环境下运行外,还可以编译成扩展名为.EXE的文件,在
Windows系统下脱离Authorware制作环境运行。
这次我们用Authorware,主要是用它来完成整个程序的框架。包括交互,按钮响应
等等。
2)图像处理软件Photoshop 介绍
Photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱。从功能上看,Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。 图像编辑是图像处理的基础,可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场,去除人像上不满意的部分,进行美化加工,得到让人非常满意的效果。
我们这次用Photoshop主要是用来处理背景图片,并且利用Photoshop来制作程序中所需要的按钮。
3)视频处理软件 绘声绘影转换器和Total Video Converter
绘声绘影全能视频处理软件、界面友好的全能型音视频转换及编辑工具。DIY你自己拍摄或收集的视频, 让它独一无二、特色十足。在视频转换设置中,您可以对输入的视频文件进行可视化编辑。例如:裁剪视频、给视频加logo、截取部分视频转换,不同视频合并成一个文件输出、调节视频亮度、对比度等。
格式工厂具有转换及编辑功能特色:1、几乎支持全部音视频格式转换。电脑里的电影视频,都能随意在手机、MP4机、iPod、PSP、Zune等移动设备上看。
2、可根据您的需求选择合适的视频参数;如输出视频质量、尺寸、分辨率等。
3、支持批量转换,可以处理多个文件。
4、视频编辑功能:1)视频裁剪。
2)视频拆分;截取单一视频中的任意部分,进行转换。
3)视频合并;把不同的多个视频文件合并成一个文件,进行转换。
5、转换速度快、界面友好、操作极其简便。
4)动画处理Flash 2004
Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢
量动画软件,用于设计和编辑Flash文档。1996年11月,美国Macromedia公司收购了Future Wave,并将其改名为Flash。在出到Flash 8以后,Macromedia又被Adobe公司收购。,最新版本为:Adobe Flash CS5。Flash通常也指Macromedia Flash Player(现Adobe Flash Player),用于播放Flash文件。
Flash 2004在此次制作中,我们是用来制作片头动画的Flash标题。
三、系统规划及总体设计
1.图像、视频素材采集工具
手机: HTC
篇三:移动多媒体展示中的界面交互设计研究
龙源期刊网 .cn
移动多媒体展示中的界面交互设计研究 作者:王欣怡 全宇 林舒勤 孙婉畅
来源:《设计》2013年第11期
摘 要: 作为多媒体展示的一个重要部分,移动终端上的多媒体交互设计,尤其是手机应用设计的介入,迅速博得了人们的青睐。在这种情况下,手机类应用的质量也是参差不齐。作为设计人员,我们将从交互界面设计的角度出发,以我们团队研究当前手机应用市场的现状的研究,并结合我们的思想与团队所制作的手机应用作品为例,分析手机应用这一类多媒体展示的界面交互设计。
关 键 词:移动手机应用 APP 设计趋势 交互情感
(本文来自:WWW.xiaocaoFanwEn.cOM 小草范文网:多媒体交互设计调研报告)随着近些年来计算机技术、通讯技术的迅速发展,多媒体展示的方式正逐渐进入到人们的视野中,改变着人们以往的认知方式。从多媒体课件,到多媒体互动展厅、多媒体博物馆,再到现如今在移动设备终端领域的发布占领,多媒体展示方式以其打破传统的新颖展示模式而迅速被人们所认可,这使得多媒体展示的市场一片良好。作为多媒体展示的一个重要部分,移动终端上的多媒体交互设计迅速博得了用户群体的喜爱。尤其是手机应用的介入,与现在都市生活紧密相关的特点,更加博得了人们的青睐。早期的手机应用,从手机版的腾讯QQ、jave小游戏,到目前的APP应用,具有跨时代的意义。话说手机传播的多媒体化,带给你不单单是视觉的和听觉的享受,而且是对你综合感官的立体“按摩”。因此,手机作为人们生活必不可少的通讯工具的同时,手机应用也逐渐以一种生活调剂品占据了主流市场。下面将以我们团队的手机应用作品《新证财经——中国银行舆情简报》为例,从用户体验、同类产品调研和界面交互设计等角度来分析手机应用类作品的制作。
一、前期的选题制定和准备:
通过团队的努力,我们在社会调研期间结识了北京唯真信达科技有限公司的CEO王继军先生。他对我们的建议是财经新闻类的移动手机类应用。为什么要做这样一个项目呢?通过我们进一步了解,发现目前市场上的财经新闻类应用大部分只是整合一下近一段时间内所有的财经类消息,并没有很明确的针对性,其中的信息量过多过杂,而关注这些新闻的企业大佬或者是财经新闻的爱好者们并不能主观的去选择自己想要获得的新闻信息。那么,这对一个移动手机应用来说,算是一个不小的缺点。针对这一情况,我们畅想,假如有这样一款应用,会针对不同的用户给予他所关注的信息,可供其选择。在具象一点,就是假如我是一个公司的大佬,我想要关注一切有关我公司的财经消息,舆情消息,及时的看到后有利于针对该情况去部署公司的运作,那么,这将是一个很大的创新。经过团队商讨,与王先生的最终商讨,我们将项目定了下来,通过多方面的洽谈努力,我们试着做一款新证财经针对中国银行的舆情简报的应用。在定下这个选题后,我们团队内部进行分工,继续接下来的工作。
二、调研和用户体验分析: