手机界面的交互设计

《手机界面的交互设计》由会员分享，可在线阅读，更多相关《手机界面的交互设计（32页珍藏版）》请在金锄头文库上搜索。

1、手机界面的交互设计摘 要 手机交互式设计在产品设计中的地位越来越受到重视，它属于数码产品设计的一个类别。交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计正是满足人类物质文明的发展和对精神享受的更高要求这一目标的设计方法。交互设计不仅是对工业设计的提升，而且也是产品设计研究的新焦点。手机作为广泛应用的数码产品，其界面设计和图标设计将影响到用户对于手机的选择、使用和感受。关键词 计算机辅助工艺设计 数码产品 交互设计目 录第一章

2、 手机交互式设计的概念及发展21.1手机的概念21.2交互设计的概念和发展21.3 界面设计的概念51.4 交互设计和界面设计的区别5第二章 手机图标交互设计的发展前景72.1交互的概念及交互设计的原则72.2 交互式设计发展趋势102.3 手机图标交互式设计的发展前景11第三章 设计说明133.1 图标主题的定位方向133.2 手机的主题确定143.3 主题制作的难点及解决方案15第四章 手机图标的设计过程164.1 手绘草图164.2 绘制整体界面164.3 参考市面上的各种手机菜单184.4 归纳要设计的菜单容，分别对其选项进行绘制184.5 进行排版渲染204.6 渲染成功22结论26

3、致 27参考文献28 引 言现在的社会，处于知识经济时代，在满足了物质需求的情况下，人们逐渐开始追求自身个性的发展和情感诉求，设计必须要着重对人的情感需求进行考虑。人的情感不只是表现在审美、价值观方面，还要深入研究生理、心理、环境对人的影响，从而做到真正的设计以人为本。手机设计的人性化已经不仅仅局限于手机硬件的外观，用户的直接操作和应用才是主体。界面的设计已也不只是皮肤的变化这么简单，人机逐渐渗透到其中，人性化界面正日渐成为该款手机是否具有竞争优势的重要条件。本课题主要分为两部分：(1)手机交互设计的现状调查，包括手机的市场、使用人群、使用功能、键盘与界面的关系分析。（2）手机交互设计包括：设

4、计定位、设计要求，创新之处，树状结构、图标设计。通过现状调查分析现有手机界面设计的优缺点。研究学生人群非智能手机短信功能的界面和操作，了解拇指的运动习惯和缺陷，分析键盘与界面的关系。使现有的手机界面更人性化，置界面于用户的控制之下。第一章 手机交互式设计的概念及发展1.1手机的概念我们所用的移动，通常称为手机，是可以在较广围使用的便携式终端，目前已发展至3G。手机日日随身备用，在数码产品当中使用率是最高的。手机已成为时代的必须品，随着技术水平的提高，人们在对手机需求的同时，对它的造型以及款式的要求也很高，当然也少不了手机的操作界面，较以往更加人性化，各种手机界面图标主题层出不穷，方便使用人员的

5、操作以及视觉上的享受不一样的效果。1.2交互设计的概念和发展历史人机交互是指人与机器的交互，本质上是人与计算机的交互。或者从更广泛的角度理解：人机交互是指人与含有计算机的机器的交互。具体来说，人机交互用户与含有计算机机器之间的双向通信，以一定的符号和动作来实现，如击键，移动鼠标，显示屏幕上的符号/图形等。这个过程包括几个子过程：识别交互对象-理解交互对象-把握对象情态-信息适应与反馈等；而人机界面是指用户与含有计算机的机器系统之间的通信媒体或手段，是人机双向信息交互的支持软件和硬件。这里界面定义为通信的媒体或手段，它的物化体现是有关的支持软件和硬件，如带有鼠标的图形显示终端等。交互式设计与其他

6、元素的关系如下图 人机交互的发展1959年美国学者B.Shackel从人在操纵计算机时如何才能减轻疲劳出发，提出了被认为是人机界面的第一篇文献的关于计算机控制台设计的人机工程学的论文。1960年，Liklider JCK首次提出人机紧密共栖（Human-Computer Close Symbiosis）的概念，被视为人机界面学的启蒙观点。1969年在英国剑桥大学召开了第一次人机系统国际大会，同年第一份专业杂志国际人机研究（IJMMS）创刊。可以说，1969年是人机界面学发展史的里程碑。 在1970年成立了两个HCI研究中心：一个是英国的Loughbocough大学的HUSAT研究中心，另一个是

7、美国Xerox公司的Palo Alto研究中心。1970年到1973年出版了四本与计算机相关的人机工程学专著，为人机交互界面的发展指明了方向。 20世纪80年代初期，学术界相继出版了六本专著，对最新的人机交互研究成果进行了总结。人机交互学科逐渐形成了自己的理论体系和实践畴的架构。理论体系方面，从人机工程学独立出来，更加强调认知心理学以及行为学和社会学的某些人文科学的理论指导；实践畴方面，从人机界面（人机接口）拓延开来，强调计算机对于人的反馈交互作用。人机界面一词被人机交互所取代。HCI中的I，也由Interface(界面/接口)变成了Interaction(交互)。 20世纪90年代后期以来，

8、随着高速处理芯片，多媒体技术和Internet Web技术的迅速发展和普及，人机交互的研究重点放在了智能化交互，多模态（多通道）-多媒体交互，虚拟交互以及人机协同交互等方面，也就是放在以人为在中心的人机交互技术方面。人机交互的发展历史，是从人适应计算机到计算机不断地适应人的发展史人机交互的发展经历了几个阶段：早期的手工作业阶段 作业控制语言及交互命令语言阶段图形用户界面（GUI）阶段 网络用户界面的出现 多通道、多媒体的智能人机交互阶段1.3 界面设计的概念界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。

9、近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。软件用户界面（Software User Interface）是指软件用于和用户交流的外观、部件和程序等等。如果你经常上网的话，会看到很多软件设计很朴素，看起来给人一种很舒服的感觉；有点软件很有创意，能给人带来意外的惊喜和视觉的冲击；而相当多的软件页面上充斥着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。1.4 交互设计和界面设计的

10、区别从广义上来说，也可以认为界面设计包含交互设计，在这样的情况下，它同时还包含另外的部分例如外观设计或平面设计，这些都是可以单独进行研究的更细的分支。交互设计更加注重产品和使用者行为上的交互以及交互的过程。而界面是一个静态的词，当进行界面设计的时候，我们关心的是界面本身，界面的组件，布局，风格，看它们是否能支撑有效的交互，但是，交互行为是界面约束的源头，当产品的交互行为清清楚楚地定义出来时，对界面的要求也就更加清楚了，界面上（如果存在可视界面的话）的组件是为交互行为服务的，它可以更美，更抽象，更艺术化，但不可以为了任何理由破坏产品的交互行为。第二章 手机图标交互设计的发展前景2.1交互的概念及

11、交互设计的原则人机交互是指人与计算机之间使用某种对话手段，以一定方式，为完成确定任务而进行的人机之间信息交换的过程。人机交互方式是指人机之间交互信息的组织形式或语言方式，又称对话方式，交互技术等。人机通过不同的人机交互方式实现成人向计算机输入信息以及计算机向人输出信息的工作，常用的人机交互方式有：问答式对话、菜单技术、命令语言、填表技术、查询语言、自然语言、图形方式及直接操纵等。交互设计时应该遵循以下的原则（一）友好性 友好性是指用户操作系统时主观操作的复杂性，如果主观操作复杂性越低即系统越容易使用，则说明系统的用户友好性越好。例如在设计幼儿课件时，由于儿童的手的活动还不是很灵活，难以通过拖动

12、鼠标来完成屏幕对象的移动，因此尽量避免设计这一类的游戏活动，而多采用单击鼠标左键等方法来进行游戏。如果交互界面友好，系统能容易地处理各种基本交互：例如各种输入、输出功能、通信功能以及扩展功能等。（二）灵活性 交互系统灵活性是指系统能用不同的交互方式去完成某一特定目标，也就是说，交互方式不应该是死板的、不可改变的。交互系统灵活性应该包含以下含义：1系统能完全适应各类用户（从偶然型用户、生疏型用户到熟练型用户，直至专家型用户）的使用需要，提供满足各种要求的界面形式，但是不同的界面形式决不会影响系统任务的完成，因为系统完成的任务仅由用户及其目标决定，而不应由交互方式决定。2用户可以根据需要制定或修改

13、交互方式，在需要修改、扩充系统功能的情况下，也可以提供动态的交互方式，如修改命令、设置动态菜单等。3系统能按照用户的希望和需要提供不同详细程度的系统响应信息（包括反馈信息、 提示信息、帮助信息、出错信息等）。为使交互系统灵活，不能简单地提供大量界面去对付每一种可能情况，较好的方法是通过动态分析用户状态和模型，把用户模型作为系统设计的一个因素，从而建立起灵活的系统，当然使系统有高灵活性是要付出代价的，它将导致程序复杂化和运行效率的下降。（三）功能性 交互系统的功能是指交互系统对每一用户命令所能完成的工作量，如果一条命令能完成许多任务，则说明它的功能强。使用者都希望系统提供强有力的命令，然而同时应

14、考虑与用户具有的知识和能力相符合。（四）明确性 交互系统的明确性是指系统功能和行为对用户是明确、清楚的，这意味着不管系统本身是多么复杂，用户心目中的系统都具有清晰的、一致性的模型，用户可清楚地了解系统的功能并随时预测系统的行为。（五）一致性 交互系统的一致性首先是指系统采用一致的方式工作，要求系统工作方式或处理问题的步骤尽可能和人的思维方式一致；其次是指系统不同部分及不同系统之间有相似的交互显示格式和相似的人机操作方式。一致性的交互系统可帮助用户把他们当前知识经验推广运用到新系统、新命令、新操作中去，从而减轻用户重新学习和记忆的负担。（六）可靠性 交互系统的可靠性是指系统正常（无故障）工作的能

15、力。交互系统应使用户能正确地使用系统，保证有关程序和数据的安全。另外，系统应具有一定的容错能力。 （七）图形化 图形具有直观形象、信息量大等优点，因此使用图形和比喻来表示程序、实体和操作，使用户的操作及响应直接可视和逼真。 使用图形和比喻设计交互时应做到以下几点： 1用户控制软件及运行。由用户决定、定义应用程序以何种交互方式进行工作，用户可以选择软件的交互方式。 2用户直接操控，用户通过借助直观、可视的屏幕对象，直接控制软件的运行。 3保持应用系统交互与现实世界的一致性，不同系统之间和应用系统部交互的一致性，使它们有相似的外观和操作。 4使用可分辨的比喻，增加系统的可理解性和易学易用性。5适应和认识人类的能力及弱点，使交互活动满足人的认知、行为因素的要求，充分发挥人、机两方面的特长。2.2 交互式设计发展趋势家