《《交互产品开发》课程教学大纲.docx》由会员分享,可在线阅读,更多相关《《交互产品开发》课程教学大纲.docx(28页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、交互产品开发课程教学大纲一、课程基本信息课程代码:课程名称:交互产品开发英文名称:Interactive Product Development课程类别:学科基础课学时:64学分:4适用对象:数字媒体专业学生考核方式:考查先修课程:用户体验分析,游戏策划,信息可视化设计,互动编程艺术二 课程简介本课程侧重于人与产品及环境的交互,目的是使学生理解交互设计理论,掌握从 控制和交流角度展开设计方法,理解人的认知为和交互界面之间的有机联系,掌握交 互界面设计中的模式理念,结合课题设计进行运用通过本课程的学习,使学生综合运 用本专业方向所学的知识,达到融会贯通,提高其创意实践水平。This course
2、 focuses on the interaction between people, products and environment. The purpose of this course is to enable students to understand the interaction design theory, master the design method from the perspective of control and communication, understand the organic relationship between human cognition
3、and interactive interface, master the mode concept in interactive interface design, and apply it in combination with project design. Through the study of this course, students can comprehensively use the knowledge they have learned in their major, To achieve mastery, improve the level of creative pr
4、actice.三 课程性质与教学目的本课程作为一门重要的专业必修课,是本专业方向学生综合运用所学知识,达到 融会贯通的实践类课程。精讲多练,主张学生实际动手能力的培养。并且注重培育高 尚的文化素养、健康的审美情趣、乐观的生活态度,注重把爱国主义、民族情怀贯穿 渗透到课程教学中,帮助学生树立起文化自觉和文化自信。本课程在教学中要尽力开拓学生的知识面,不仅讲述与本专业相关的知识,还可 涉及多学科领域知识。从而达到以美育人、以美化人,全面提高学生的审美和人文素 养,增强文化自信。本课程应重视实际操作能力,让学生对粤港澳大湾区区域特点,历史文化积淀和经济 社会未来发展融入实操环节内,从而达到“商法融合
5、、实践创业、多元协同”的办学 特色和应用型高级专门人才的人才培养总目标。利用体感交互技术进行人机交互的一种交互方式。体感中的“感”即为 “感知”,是用一种形象的说法表达机器利用特殊的传感器对人体行为 “获取、识别、处理、表达”这么一连串的机械过程。体感交互是通过获取人体的动作行为信息来进行交互的,获取动作 行为信息的方式各有不同,有通过深度传感器获取三维空间的深度信 息,从深度中提取人体动作信息的方法,也有通过动态传感器配合红外 传感器的手柄设备不间断获取人体的动作行为,然后通过与相应的接收 设备进行通信达到交互的方法,其中前者是让用户完全摆脱设备限制的 交互方式,让用户可以更自由地完成各种交
6、互动作。网络交互交互(Interaction)是发生在可以相互影响的两方或者更多方之间 的行为。互连互通性是与交互紧密相连的一个概念,它是指同一系统内 的交互之间的交互,多个简单交互的联合可能构成惊人的复杂交互。虽 然在不同的学科领域交互具有不同的含义,但相同的是,系统内参与交 互的各方都是相互联系、相互依赖的,每次交互都有一个因果关系。网 络交互则是以网络为传输媒介、发生在两个实体或者更多个实体之间的 通信。网络交互克服了现实中交互的时间和空间的限制,它并不需要参 与方面对面,而且参与方可能完全不认识,所以网络交互增加了交互的 风险。参与网络交互的实体可能是用户、程序、自治Agent等。网络
7、交 互模式指网络实体之间约定的协作方式或方法。每种网络交互模式支持 一种特定的实体之间协作的方式,每种网络交互模式都规定了在请求资 源或服务的过程中一个实体怎样和另外的实体互相合作。从网络发展的历程不难看出,随着网络和网络应用的发展,我们设 计交互模式的出发点和目的也在发展。在网络发展的初始阶段,我们的 重点是设计网络基础设施交互模式,即数据链路层和网络层的数据收发 模式,目的是保证信息的可达性,如分组交换技术、滑动窗口技术。随 着网络应用的发展及网络安全问题的凸显,我们关注的焦点转移到了网 络应用交互模式,目的是确保安全访问,即资源或服务来自于期望的提 供方或到达被授权访问的接受方,并且传输
8、途中不被截获、篡改和重放, 如虚拟专用网VNP技术。在一些新型网络中,终端用户具有移动性和路 由功能,而且有线网络和无线网络正在逐步融合。因此,我们设计交互 模式时需要同时关注网络基础设施交互模式和网络应用交互模式,解决 交互的移动性、隐私保护、可信性等问题。网络交互模式正在从固定的、单一的交互模式向可配置的、多模式 交互模式转变。多模式交互模式可以通过分解和综合来实现,先将交互 模式分解成基本交互要素,然后根据需要综合这些标准的要素形成新的 交互模式。交互模式的要素包括交互发起者的配置、协作介质的配置和 交互接收者的配置。其中,交互发起者的配置有信任(被管理的信任和 不被管理的信任)、时间(
9、单向的、现在和将来)、空间(对等、中间方和 多方合成)和服务裁剪(是、否)。协作介质的配置包括信道加密(密文和 明文)和协作规则(信息流处理、内容匹配和被Agent控制)。交互接收 者的配置有信任(被管理的信任和不被管理的信任)、服务的驱动模式 (有条件的、无条件的)和服务裁剪(是、否)。第五节1.交互设备的特点与优势交互式多媒体(interactive multimedia)所谓交互是机器与人、 人与人之闫的一种相互交流的外在表现形式,它起源于20世纪90年代, 是在个人计算机运算能力和存储能力的快速提高基础上与3D软件交 互所产生的最新技术。互联网技术的广泛应用以及微电子技术的发展, 又使
10、得一一批高清晰度电视、高保真度音响、高性能录像机、摄像机、 照相机、光盘播放机及投影仪产品纷纷推陈出新,这些技术彼此交叉融 合,也使多媒体技术交互性日趋完善。媒体表现形式各异,但最终都转 换为数字化形式存在。在特点上,多媒体技术有两个显著特点,一个是 多媒体的综合性泛应用了计算机、声像、通信等现代高科技,将计算机、 电视机、录像机、录音机、音响、游戏机及传真机的各个性能进行综 合运用;另外,多媒体交互技术可以形成人与机器、人与人及机器间的 互动,相互交流的操作环境和身临其境的场景,让多媒体交互技术越发 地受到市场的青睐。随着科技的不断进步,交互式传媒技术也不断进步,就定位技术应 用的不同就分为
11、电磁感应式、红外线感应式、压力感应式、超声波感 应式及图像传感式等诸多类型。每种传媒体技术都有其不同的特点和 优势,在国际市场上有其独有的份额。最近几年市场上也有了些新的产品进入,完全实现了真正的多媒 体交互技术的应用。就具体产品来说,比如科睿展示最新的多媒体交互 式终端产品进行开发,缔造全新的实时、高清多媒体数字展演系统平 台。随着技术进步和社会节奏加快,现代社会多媒体交互技术应用领域 也日臻广泛,像机场、地铁、体育馆、超市、商业楼宇、户外等场所的数字标牌系统都使用到多媒体交互技术,可以说,一个普通人在日常生 活中随处可见这类技术的应用。(三)思考与实践国内案例搜索,与探讨(四)教学方法与手
12、段教学方法及教学手段:理论讲述为主,结合提问环节与分组讨论;使用图片与多媒 体。第二章交互产品的开发策略与产品类型(-)目的与要求通过学习了解并掌握制定以用户为中心,以应用环境为基础的开发策 略的流程与方法;学会从多角度分析和评判产品的优缺点。(二)教学内容第一节交互产品的类型广义的交互设计,包括人与人之间发生的事情,比如你去一个店里消 费,营业员给你拿物品找钱等;人与物发生的事情,你去试用一些(PMC) 便携消费电子产品产生的一些交互过程;以及物与物或自动化发生的一些 事情,这些都可以称为互动交互,交互的过程大致都是这样,区别在于人、 物(机器或物品)产生的不同层级类别的体验。现在(HCI)
13、人机交互领域发 展的最好的无疑是互联网web2. 0甚至web3. 0呼之欲出的交互,基于图形 界面的人机软交互设计。我们熟知的互联网领域经历了 2000年时候的泡沫,经历了 web2. 0 的跃进式发展,互联网人士的能力都很强撼!突如一夜春风来,千树万树 梨花开!去年在玩了饭否之后,跟着就发现曾经在用的MSNnext宣称升级, 第二天用的时候,发现多了一个忙否,经历了 VANCL (凡客)成立2个月 融资两轮的奇迹,可谓是惊喜与亮点并发的时代。众人拾柴火焰高,一步 步的技术及应用发展吸引了更多的互联网VC加入,金矿的产生也催生了 一批批技术领军人物创意人物投入到更广互联网产业挖掘中去,同样也
14、吸 引了诸多的优秀产品设计者,开发人员,UE工程师,风格设计师,以及 逐渐成熟的人机交互专业学者毕业生等等投身到广阔的互联网产业中。在熟知的web2. 0产品领域,交互设计已经从解决简单或复杂的业务 逻辑中剥离,提升到用户体验的层面去研究和开发产品了,我们所知道的 国内优秀互联网产品开发团队都配备着诸如Yahoo YUI此类的库,作为交 互设计师在保证基础功能逻辑流转的同时,需要额外熟悉自己企业所对应 的开发库,基于富internet体验的世界,ajax必然会有效的拓展交互逻 辑及业务承载宽深度,成为优秀交互流程诞生很重要的保证,UI库的开发与熟悉会让人机交互从原型阶段就打下很好的基础,也便于
15、系统升级或 扩展,而交互设计师与前端工程师的密切配合程度也基本确立了产品交互 层面未来可能的高度。人机交互的软交互层面除了上述的Web应用,还包含遵循Window系 统规范下开发的PC应用软件,遵循MacOS人机规则下的一些应用软件的 使用界面交互。中国免费的软件供应与用户接受模式,且现在的互联网应 用过于轻便而强大,越来越挤占了 PC客户端软件的发展空间,只剩下为 数不多的几家客户端软件开发企业才有一定的规模盈利及生存空间,实际 上这些产品的开发更多的依赖Window或Mac自身的软交互界面规范及逻 辑,约束性会更强,设计师需要充分的考虑在系统逻辑下的一些习惯性控 件表达方式,交互设计的逻辑
16、处理节奏等等,在这些基础上的持续创新可 能会更加有效。以上这些构成了当前较为完整的人机软交互应用开发体系。除了这些 图形界面的软交互,还有一种被人们所忽略的非图形界面软交互,只是因 为长期以来这部分的产品交互都是面向专业领域的人员进行设计,故被弱 化。如网络设备路由器设备的串口输出到显示器中进行终端界面的命令交 互,实现功能流转;还有网络服务器的管理使用telnet的命令行方式管 理等等;以及linux系统下的很多命令行应用实现管理文件,系统,分区 等等,纯粹面向逻辑性的功能结构模式,功能应用对象不同,功能自身的 层级及逻辑也不同,纯粹细致的对交互介质的深度研究,对命令结构的足 够分析,当然用
17、户端任务分析这么好的武器自然也要武装来用。这一类的 交互更像20年前的计算机,用汇编或Basic语言来实现某个功能,就像 七十年代末八十年代初的人中学学电脑多半都经历过DOS系统,用他来实 现一些需要的功能。第二节各种类型产品的优缺点1.交互设计概念上个世纪40年代,为了计算弹道轨迹,美国军方委托宾夕法尼亚大 学研制超级计算机。同时参与原子弹研究的冯诺依曼(吊炸天的一个人: 计算机之父)也碰到了大量运算的问题,便参与了超级计算机的研制。1946年这台超级计算机(ENIAC)问世,这是划时代的成就,表明了 电子计算机时代的到来。ENIAC虽然具有强大的计算能力(对于当时来 说),但操作复杂,使用
18、的成本依然很高。随着电子计算机的发展,美国 人开始思考如何减轻人在操作计算机时的疲劳感,并发表了第一篇关于人 机交互的文章。从此人机交互进入人们的视野。研究人机交互的目的是使 人和计算机的沟通更直接更自然更舒适。七十年代,随着个人计算机的出现,计算机开始面向普通消费者,而 非专业计算机人士。如何站在普通消费者的视角去设计人机交流界面被提 上日程,比尔莫格里奇在七十年代后期提出了交互设计的概念,此后交 互设计作为新兴学科在美国开花结果。交互设计是定义、设计人造物的行 为的设计领域,这里的人造物包括各种生活用品、工业产品和各种软硬件, 现在主要应用于互联网产品领域。也就是这几年国内很火的交互设计师
19、、 用户体验设计。交互设计的概念从提出到现在,经历了三个阶段: 第一阶段:命令行界面(CLI)如果你现在打开电脑,出现了下面这样的画面,你一定觉得绝逼是电 脑坏了。但是六七十年代的人们打开电脑之后的界面就是这样的,这就是 人机交互的第一个阶段:命令行界面。这个阶段唯一的交互设备是从打字 机演化而来的键盘,相对电脑执行操作,只有输入相应的命令,电脑根据 接收到的命令反馈结果到显示器,完成交互过程。CLI最大的弊端就是需要用户记住各类命令行,增加了用户的记忆负担, 要知道人类创造工具可是为了让自己能够更懒一点。随着时间的推移和技 术的发展,CLI的交互形式逐渐退出了主流,GUI登上了历史的舞台。但
20、是要注意的时CLI并没有完全消亡,它在小众领域依然拥有强大的生命 力。最典型的就是程序员写代码的过程,便是使用命令行界面和电脑交互。CLI界面第二阶段:图形用户界面(GUI)1979年乔布斯参观Xerox (施乐公司)的Alto电脑以及执行在该系 统上的软件,乔帮主被其深深吸引,意识到这才是人机交互的未来。施乐 公司的Alt。电脑将鼠标作为指点输入设备,操作系统使用的是图形用户 界面。回到苹果后,乔帮主招兵买马(其实就是挖施乐的墙角,哈, 并于1983年推出带有鼠标的LISA电脑,第二年推出升级产品Macintosh, 这两款电脑可以说是电脑发展史上的里程碑,将新的交互设备鼠标和图形 用户界面
21、带到了普通消费者的面前。CLI阶段电脑还只是在小众领域使用,LISA及Macintosh之后,电脑 慢慢进入了大众的消费市场,GUI可以说是功不可没。mac电脑的GUI界面第三阶段:自然用户界面(NUI)不管是CLI还是GUI都要求用户必须学习软件开发者预先设置好的操 作(GUI比CLI的学习成本更低),而NUI只需要用户用最自然的方式(语 音、面部表情、动作手势、移动身体、旋转头部)和计算机交流,从而 摆脱键盘、鼠标。2015年,人工智能、虚拟现实、增强现实、语音交互、动作识别、 深度学习等概念飞入寻常百姓家,Google Cardboard Gear VR、微软 HoloLens Impr
22、ession Pi等产品点绕了消费者的热情。国内厂商也不甘 示弱,暴风已经推出魔晶5代,科大讯飞联手京东推出叮咚音响(主打语 音交互),出门问问推出穿戴式手表,诺亦腾的动作捕捉技术正被应用到 电影、体育训练、虚拟现实、医疗诊断等领域,乐视的VR头盔也已经开 卖。2.基本概念和知识点交互设计作为一门关注交互体验的新学科,在二十世纪八十年代产生 的,它由IDEO的一位创始人比尔-莫格里奇在1984年一次设计会议上提 出,他一开始给它命名为“软面(SoftFace),由于这个名字容易让人 想起和当时流行的玩具“椰菜娃娃(CabbagePatchdoll) ”,他后来把它 更名为Interaction
23、Designv 交互设计。交互设计又称互动设计,(英文Interaction Design,缩写IxD), 是定义、设计人造系统行为的设计领域,它定义了两个或多个互动的个体 之间交流的内容和结构,使之互相配合,共同达成某种目的,努力去创造 和建立的是人与产品及服务之间有意义的关系,目标可以从“可用性” 和”用户体验“两个层面上进行分析,关注以人为本的用户需求。为什么要进行交互设计1、使产品的界面更具有可用性2、让用户有良好的体验3、使产品能快速方便的完成任务交互设计的五要素人、工具、动作、目的、环境这五个核心元素可以作为考量交互好坏的标准交互设计师站在用户体验的角度,边思考边绘制,有条有序的梳
24、理了 产品文档中的各个需求点,认清了这些冷冰冰文字背后所蕴含的真正需 求。工具情感情感曲型交互目的动作策略用户研究动机交互原型设计的的步骤:1、概念设计2、进行用户角色分析3、用户目标分析4、目标流程图5、与流程搭配的功能构架图6、原型图(一)、概念设计竞品分析目标用户人群分析盈利方式发展前景产品的角度(二)、进行用户角色分析谁是用户用户的痛点是什么用户的使用场景是什么用户:用户的痛点用户痛点就是用户在日常生活或者某种行动中遇到问题,需要一种解决方 案来化解生活或者行动中的阻碍。用户使用的场景考虑用户会在什么时间什么地点打开我们的软件去进行使用,从而根据场 景去设想怎样能引导用户使用软件时有更
25、好的体验。(三)用户目标分析分析用户打开软件后希望有什么样的期望和目的(四)目标流程图绘制流程图具体到每个功能(三)教学方法与手段理论讲述为主,结合案例分析;使用图片与多媒体。第三章交互设计的方法及原型(一)目的与要求通过本章学习,要求了解并掌握交互设计的调研方法、原型设计流程 环节,以此作为切入点并培养学生的创造性思维能力。(二)教学内容第一节交互产品的类型第二节各种类型产品的优缺点.交互设计概念3 .基本概念和知识点(三)思考与实践以粤港澳大湾区区域特点,将广东近现代革命和发展、改革开放的 历史文化积淀和经济社会制度特点融入设计概念中,建立交互产品设计 初稿(四)教学方法与手段理论教学为主
26、,结合案例分析;使用图片与多媒体。第四章 交互产品信息架构(一)目的与要求通过学习了解信息架构的概念,掌握交互产品信息组织的原则和方 法,理解不同载体交互产品信息架构之间的区别,以此培养学生的创新型思维。(二)教学内容第一节交互信息架构概念第二节交互产品信息组织的原则和方法-、用户体验五要素具体视觉设计界面设计导航设计信息设计交互设计信息架构功能规格内容需求用户需求产品目标它不仅让我们对产品有了初步的整体认识,在后续工作中还能对细节进行 分解。在交互设计师的眼中,也许最先看到、优先着力的是局部设计,比 如结构层和框架层。当你既能把握好整体布局,又能优化局部体验时,设计作品可以将点、 线、面连成
27、一体由零到整再化整为零,那么你才是一位可以从用户体验的 角度掌控产品的优秀交互设计师。二、信息来源既然是信息架构设计,巧妇难为无米之炊,那么米(信息)是从哪里来呢?1 .战略层-产品信息的方向四 教学内容及要求第一章绪论(一)目的与要求1 .通过学习了解移动和网络环境下的交互方式:了解移动生态系统的多 层构,掌握所包含事物的概念和相互关系;. 了解国内外交互产品运营模式和成败经验教学方法及教学手段。(二)教学内容第一节1 .交互设计概念交互设计(英文Interaction Design,缩写IXD),是定义、设计 人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交 流的内容和结构,使
28、之互相配合,共同达成某种目的。交互设计努力 去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社 会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标 可以从“可用性”和用户体验“两个层面上进行分析,关注以人为 本的用户需求。交互设计的思维方法建构于工业设计以用户为中心的方法,同时 加以发展,更多地面向行为和过程,把产品看作一个事件,强调过程 性思考的能力,流程图与状态转换图和故事板等成为重要设计表现手 段,更重要的是掌握软件和硬件的原型实现的技巧方法和评估技术。交互设计在于定义人造物的行为方式(the interaction”,即人 工制品在特定场景下的反应方式)相关的界面。
29、交互设计作为一门关 注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创 始人比尔摩格理吉(Bill Moggridge)在1984年一次设计会议上提 出,他一开始给它命名为“软面(Soft Face) ”,由于这个名字容易 让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll) ”, 他后来把它更名为uInteraction Design”,即交互设计。2 .基本概念和知识点交互设计是一门特别关注以下内容的学科:1 .定义产品的行为和使用密切相关的产品形式。2 .预测产品的使用如何影响产品与用户的关系,以及用户对 产品的理解。3 .探索产品、人和物质、文化、历
30、史之间的对话。交互设计从“目标导向”的角度解决产品设计:2.范围层-产品信息的产生有了产品方向,接下来就会涉及到这个产品会完成什么功能,提供什么信 息,所以我们将范围层比作两个筐:一个功能筐,另一个是信息筐。二者 之间互相交叉,并没有明显的界线。(1)功能筐甚至是场景脑补出来的。(2)信息筐第四节信息架构设计流程.组织系统(Organization Systems)1 .标签系统(Labeling Systems).导航系统(Navigation Systems)结合框架层的导航设计,可以将导航系统分为两部分:1 .嵌入式导航系统包括全站、区域和情景式导航:全站导航:即无论用户走到哪里都可以看
31、到的导航标签,也是最高 级父类节是查看所有信息的路径起点。区域导航:是用户在某次级父类节点下浏览的子类导航,其影响的 只是该次级父类节点一下的信查看路径。.情景式导航:即超文本的链接,是嵌入在信息元的导航。六、搜索系统(Search Systems七、产出信息架构图(三)思考与实践(四)教学方法与手段理论教学为主,结合案例分析;使用图片与多媒体。第五章交互产品的用户界面设计与表现(一)目的与要求通过本章学习,要求掌握界面设计的原则和方法;掌握导航设计的原 则和方法;掌握信息设计的理论和方法;掌握视觉设计的原则和方法。使学 生能够将理论知识转化为实际设计的过程,有利于学生掌握更多的界面设 计知识
32、。(二)教学内容第一节界面设计1 .视觉隐喻-静态文字隐喻界面中常见的文字隐喻可以分为两种,一种是功能命名类语言,另一 种是产品定义类语言。常见的功能命名类语言有:“解锁、导航、登录”等等。功能命名类 语言主要是运用隐喻的方法对界面中经常使用的功能进行命名,例如“导 航”本义是驾驶某种交通工具从某个地方去往另外一个地方,它可以指引 人们路线,设计师将界面中“依据地图行走可以到达目的地”这一功能命 名为“导航”,可以和现实生活中人们熟悉的导航本义结合起来,方便记 忆。常见的产品定义类语言有:应用市场中的“市场”、文件助手中的“助 手”等等。而产品定义类语言,不仅可以准确表达功能要求,还能传递给
33、用户某种情感。例如,文件助手中的“助手”两个字本义是可以帮助他人 的人,设计师将手机中的文件夹定义为“文件助手”,意图是这一功能可 以为用户整理文件排忧解难,给用户传递一种被感动的情感。鱼口平安京助手凯立德导航WiFi万能钥匙网易邮箱大师2色彩与材质隐喻在界面设计中也有两种形式的色彩隐喻。一种为指示性的设计,运用 用户熟悉的某种颜色指示界面中的某种状态,例如PC版用绿色icon代表我在线上、红色icon代表忙碌或请勿打扰。另一种为气氛的营造,借用 色彩带给用户的某种心理暗示,为产品营造某种氛围,例如支付宝软件整 体采用蓝色的风格,可以营造一种安全的氛围。材质的隐喻可以使界面不再生硬,用户使用起
34、来更加亲切。例如读书 APP的阅读界面采用纸质效果,使用户在阅读时更像是阅读一本真正的 书。忖也V:18卡包O 洲湾出行回充中心世不醉又双收了你的 ,支柯命手:V180OQO付如皮功疯抢1亿元红包ISAMMMtTOHtnnw*-子和一对山羊换了扉两块破铁。他的妻子 乌尔苏拉伊瓜兰本指望着病这些牲口扩 展邀薄的家业.却没能拦住他。很快我 们的金子就会多到能锚地了。“她丈夫回 答.此后的几个月他SI尽心力想要证实自 己的猜想。他拖着两块铁锭.口中念着梅 尔基亚德斯的咒语,勘测那片地区的每一 寸土地.连河床底也不管放过。唯一的挖 掘成果是一副十五世纪错迹现遗的盔甲. 敲击之下发出空洞的回声,好像塞满
35、石坎 的大葫芦。何塞阿尔卡希奥布恩迪亚和 一起探险的四个男人将盔甲成功拆卸之 后,发现版面有一具已经钙化的骷候,骷 麟的颈子上挂者铜质的圣物盒,盒里有一 缕女人的头发三月里,吉卜赛人又来了。这次带来 一架望远僦和一台足有鼓面大小的放大 镜,展出时声称是阿姆斯特丹犹太人的最M HtfjX,1.*ZJ4 1色彩隐喻-气东的营造色彩隐喻-气东的营造材质隐喻拿阅阅读界面1.3图形隐喻图形是构成界面的重要元素,具有隐喻特征的图形会让一些繁琐并难 以理解的操作行为变得轻松且生活化。所以在设计中,设计师需要有效地 构建图形隐喻从而表达事物的含义与特征。常用的图形隐喻非常多,例如界面中锁可以代表“密码”,火箭
36、可以代表 “加速”,调色板可以代表“主题”,齿轮可以代表“设置”,地球可以 代表“浏览器”,雨伞可以代表“安全”等等。6,学。个密码加速主题设置浏览器安全2 .视觉隐喻-动态. 1人的行为习惯上的隐喻人的行为习惯上的隐喻是指界面设计中的交互方式模拟用户真实操 作生活中的物体时的手势、动作。例如,界面中的手势操作:滑动,放大, 缩小,旋转,拖动,抓取等;将垃圾文件放置回收站,将商品放入购物车; 手机滑动解锁等等。国内保修579 -0。Beats EP头H式耳机含靖拽麦克风支持网易考拉-将商品加入购物车2 .2物体物理属性的隐喻物体物理属性上的隐喻是指现实生活中,物体被移动、被操作会表现出一 种自
37、然的属性,设计师根据这种属性进行界面隐喻设计。常见界面中物体 物理属性的隐喻有:读书软件中翻书书页模拟真实的效果;点击或触摸屏 幕时视觉水波效果的反馈;页面转场的加速度,惯性等物理运动曲线效果 等等。安慰她.以科学家的忘我精神全心投入战 术实验,甚至不惜以身犯险.、为了聆证放 大镣对政军产生的效果,他亲自待到阳光 的焦点下,结果身体被灼伤后溃烂,挨了 很长时间才发愈。妻子对如此危险的发明 心生恐惧而提出抗议.但他全然不顾,除 些把家里的房子点燃。他久久待在房间 里,计算新武翳的1ttBs威力.写出了一本 解说无比清晰、说服力无可抗拒的手 他把该手随连同多种实胎记录和多吧2 si一起寄给当局.承
38、担这一使命的叮,待 越山脉.迷失于无边的沼泽.过y森确 水.遭受猛兽的袭击. 绝望借便曝掌握了 打击险些丧命,最后终于”.对空间的 途蛉的骚道“虽”. 通游未知的海 能.何塞阿公与抻奇的生灵交示,只要政府一 成了自言自语的 方实地演示他的3 .家中琬步.与此同时 的精密械木。傅,却在菜园里累得直不起 一0 物体物理属性隐喻-掌阅翻书效果3 .听觉隐喻听觉隐喻元素是指界面系统反馈给用户的某种能够准确映射出这种 交互行为的隐喻性声效。例如,将文件放入回收站的音效(当将一个文件 放入回收站后系统会模拟纸张被撕开,扔入垃圾桶的音效);当用户读电 子书翻页时,纸张的摩擦声的音效;此外还涉及游戏音效:当用
39、户玩游戏 植物大战僵尸游戏的时候存在多种听觉隐喻元素,种下植物时植物与地面 结合的音效、植物发射子弹打在僵尸身上的响声、僵尸来临时的营造氛围 的恐怖音效、最终失败时主人公大脑被吃掉时的叫声,听觉通道上的隐喻 音效让整个游戏更加真实、生动。4 .触觉隐喻触觉上的隐喻可以理解为,设计师模拟真实世界用户获得的某种触觉 体感,为界面提供适当的仿真反馈,从而提高用户体验的方法。常见触觉 上的隐喻,例如:iPhone7的home键并非实体按键,但为了保持用户的 使用习惯,仿真设计成实体按键的外形并提供用户实体按键的反馈; iPhone的3DTouch可以理解为设计师为了模拟电脑鼠标的右键,为产品 提供更多
40、功能的一种移动端快捷方式;止匕外,在游戏中,撞车时、飞机被 击中时的震动反馈也属于触觉上的隐喻形式。iOS 3D Touch二.界面隐喻的设计方法界面隐喻设计方法的本质是设计师通过将界面中某元素和现实生活 中的某事物联系起来,挖掘二者之间相似的属性,从而使用户接触到界面 中的此元素时,就能够认知这个元素所代表的概念或功能等。针对二者之 间相似的属性,具体可以分为概念上的属性、特征上的属性、结构上的属 性、行为上的属性等。1 .从概念上进行隐喻设计例如,现在最普遍的两大电脑操作系统Mac OS系统与Windows系统 的“桌面”界面都是由现实生活中的工作桌面的概念映射而来。Mac OS系统桌面W
41、in10系统桌面2 .从特征上进行隐喻设计例如,设计师会使用盾牌的图形来表示安全软件,因为盾牌与安全管家等 软件同样具有防护的特征。网易账号管家.从结构上进行隐喻设计例如,网易邮箱大师的“邮箱与文件夹”展开结构与现实生活中抽屉 被抽开的结构具有一致性。Q 43QK4 V22 30 100%)4nM三邮箱与文件夹R*大*个9*快q看逑X 所有未读P所有红旗O Iiyang1991chn今日剥余免终时长60分0O) 15683840904十 添加的福0 分 9000个基司人你给3婵.国誉.国,他懵一网易蜗牛读书网易蜗牛读书网易邮箱大师抽屉式导航.从行为上进行隐喻设计例如,在界面中用户将某文件拖进回
42、收站这一动作模拟了现实生活中 人们将废纸扔进垃圾桶。Smartisan OS将文件放进垃圾桶第二节导航设计第三节信息设计第四节视觉设计(三)思考与实践对研究课题进行深入研究,并且对其交互界面,导航,信息以及视觉设计 进行深化(四)教学方法与手段理论教学为主,结合案例分析;小组探讨与实验,使用图片与多媒体。第六章五 各教学环节学时分配教学环节;课程内容讲、课习 题 课讨 论 课实验实习其他 教学 环节小计弟一早426第二章426弟二早442212第四章444414第五章456522合计2017121164“各教学环节学时分配”中,“其它教学环节”主要指习题课、课堂讨论、课程设计、观看视 频、现场
43、参观等教学环节。六、课程考核(一)考核方式考查(二)成绩构成平时成绩占比:40% 期末考试占比:60%(三)成绩考核标准课程作业需满足教学目的与教学要求,对交互产品理论知识进行较为神日的学习 并且进行实践应用。其选题需体现大学生文化素养、健康的审美情趣、乐观的生活态度,并且注重爱 国主义、民族情怀。七 推荐教材和教学参考资源.李乐山主编,人机界面设计,科学出版社出版社,2009年8月(第1版)1 . Eric butow.主编,陈大炜译,用户界面设计指南,机械工业出版社,2008年.李世国.体验与挑战:产品交互设计M.江苏美术出版社,2008.2 .蒋晓.产品交互设计基础M.清华大学出版社,2
44、016.3 .赵震,张兰成.产品设计中交互效果图表现技法M.机械工业出版社,2011.4 .赵大羽.交互设计的艺术M.清华大学出版社,2014.八、其他说明修订日期:审定日期:修订日期:审定日期:大纲修订人:门艺丹 大纲审定人:1 .要形成对人们希望的产品使用方式,以及人们为什么想用 这种产品等问题的见解。2 .尊重用户及其目标。3 .对于产品特征与使用属性,要有一个完全的形态,而不能 太简单。4 .展望未来,要看到产品可能的样子,它们并不必然就像当 前这样 。为什么要进行交互设计?在使用网站,软件,消费产品,各种服务的时候(实际上是 在同它们交互),使用过程中的感觉就是一种交互体验。随着网络
45、 和新技术的发展,各种新产品和交互方式越来越多,人们也越来 越重视对交互的体验。当大型计算机刚刚研制出来的时候,可能 为当初的使用者本身就是该行业的专家,没有人去关注使用者的 感觉;相反,一切都围绕机器的需要来组织,程序员通过打孔卡 片来输入机器语言,输出结果也是机器语言,那个时候同计算机 交互的重心是机器本身。当计算机系统的用户越来越由普通大众 组成的时候,对交互体验的关注也越来越迫切了。因此交互设计(InteractionDesign)作为一门关注交互体验 的新学科在二十世纪八十年代产生了,它由IDE0的一位创始人比 尔?莫格里奇在1984年一次设计会议上提出,他一开始给它命名 为“软面(
46、SoftFace) ”,由于这个名字容易让人想起和当时流 行的玩具“椰菜娃娃(CabbagePatchdoll) ” ,他后来把它更名 为 uInteractionDesignv 交互设计。从用户角度来说,交互设计是一种如何让产品易用,有效而 让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用 户在同产品交互时彼此的行为,了解“人”本身的心理和行为特 点,同时,还包括了解各种有效的交互方式,并对它们进行增强 和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员 的沟通。通过对产品的界面和行为进行交互设计,让产品和它的使用 者之间建立一种有机关系,从而可以有效达到使用者的目标,这 就是
47、交互设计的目的。3.问题与应用目前可见的交互产品有哪些,那些产品立足于粤港澳大湾区的特色与未来发展?第一下.人机交互方法人机交互技术是指通过计算机输入、输出设备,以有效的方式实 现人与计算机对话的技术。人机交互技术包括机器通过输出或显示设 备给人提供大量有关信息及提示请示等,人通过输入设备给机器输入 有关信息,回答问题及提示请示等。人机交互技术是计算机用户界面 设计中的重要内容之一。下面我们来看看都有哪些人机交互的方式。1 .基本概念和知识点1、触摸式交互触摸交互目前应用非常广泛,随着触摸屏手机、触摸屏电脑、触摸屏 相机、触摸屏电子广告牌等等触摸屏发明创新的广泛应用与发展,触摸屏 与人们的距离越来越近,真的是到了可以“触摸”的程度。而触摸屏,由 于其便捷、简单、自然、节省空间、反应速度快等优点,而被人们广泛接 受,成为了时下最便捷的人机交互方式来源。而时下最火爆的触摸方式还属多点触摸方式,多点触控技术(Mufti-Touch Techniques)是一种新兴的人机交互技术,在同一个应用界面上,没有鼠 标、键盘,而是通过人的手势、手指和其他外