《手机客户端交互设计,实验报告》由会员分享，可在线阅读，更多相关《手机客户端交互设计,实验报告（12页珍藏版）》请在金锄头文库上搜索。
1、为了适应公司新战略的发展，保障停车场安保新项目的正常、顺利开展，特制定安保从业人员的业务技能及个人素质的培训计划手机客户端交互设计,实验报告目标区交互设计实验报告一、实验目的：通过试验学习和掌握如何使用交互图标来创建交互结构，让学生亲自动手设计目标区交互的实验，从而对交互有一个更深层次的认识和了解。二、实验要求：1、创建交互效果，通过与其他图标配合使用共同来完成交互效果，并构建相关的交互结构；2、一个交互响应结构至少应具有一个响应分支；3、交互图标本身具有显示功能；4、如果要使一个交互图标在程序中始终起作用，可将其设置成永久性交互；5、所有图标都可以成为响应图标，但当拖放框架图标、交互图标或判
2、断图标到交互图标右侧时，它们将自动转变成群组图标，此时应将框架图标、交互图标和判断图标重新放置在群组图标流程线上即可；6、实验运行结果应表现为：若拖动目标对象到为其设定的特殊区域，则对象应在区域中心位置锁定；若拖动对象到其特殊区域外任意位置，对象应反映为返回至原位置；7、总之，利用目标区交互设计一个作品，将若干对象拖到指定的位置，要求当图片被拖到正确的位置时，图片会有正确的响应，而当图片被拖到其他位置时，图片会有错误的响应，从而达到动态的效果。三、实验步骤：1、启动应用程序，新建一个文件；2、从图标工具栏中拖放三个显示图标到流程线上，更改图标名称为“帅哥来啦！”，“金叹”，“英道”，双击第一个
3、显示图标，在弹出来的工作区域内画出相应的目标区域，并标明对应的名字，截图如下：3、单击第一个图标的右键，在弹出的计算对话框内写入代码Novable“帅哥来啦！”:=FALSE；4、分别打开“金叹”和“英道”的演示窗口，并通过“文件”|“导入和导出”|“导入媒体”命令，在演示窗口中导入所需的已准备好的图片(必要时可以改变图片的比例）；5、从工具栏的图标栏中拖放一个交互图标并命名为交互，并添加对应的四个显示图标，分别命名为“金叹X”、“金叹Y”、“英道X”、“英道Y”，然后分别在对应的交互图标右边的四个显示图标的演示窗口里写入对应的正确和错误的提示信息，分别为“精彩极了！”和“糟糕透了！”；6、单
4、击交互中的第一个显示图标的响应类型符号，在弹出的交互图标属性对话框中进行设置，在响应属性下的状态应设置为正确响应，目标对象为“金叹”，放下为在中心定位，相应的在第二个显示图标的响应类型符号弹出的对话框中，在响应属性下的状态为错误响应，目标对象为“金叹”，放下设置为返回。而在在“英道”的显示图标的交互处，选中在其属性里分别调试对应的正确相应以及错误相应，并选中对应的目标图像，“英道X”和“英道Y”对应目标是交互图标上方添加的“英道”的图片，并在其正确和错误的交汇处双击打开对应的导入的图标，并将其正确的位置调整为在一个显示图标中确定的对应位置框，错误的位置调整为整个演示窗口，以及在属性中响应的状态
5、改为相应的“正确响应”和“错误响应”，目标区放下框中选用响应的对应为“在中心定位”和“返回”并且在交互区里的显示图标表示正确响应的计算内写为Novable”显示图标名”:=false。如图所示：7、分别将各个交互图标属性中的目标对象的图片与之前对应导入的对象图片一致；8、双击交互图标，调整各个目标对象的位置；9、上述步骤完成后，点击运行按钮，即可完成目标区交互的设计；四、实验结果与分析：在完成上述实验操作后，点击运行按钮则会出现如下现象和结果：1、在交互对象“金叹”和“英道”的下方，出现了之前为它们设定的交互区域；2、其实，为这两个对象设置的目标区域就相当于是他们的“家”，当拖动它们的图片到对
6、应的目标区域时，他们的的图片就会在中心位置锁定，并显示之前设置人机交互实验报告题目专业班级XX学号XXXX6姓名孙元喜实验一图形用户界面的设计一实验目的和要求1)熟悉图形用户界面的设计原则2)利用一种设计工具完成图形化的用户界面设计二预备知识图形用户界面又称为WIMP界面，由窗口(windows)、图标(icons)、菜单(menu)、指点设备(pointingdevice)四位一体，形成桌面(desktop)，如图所示。图形用户界面是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除了基于可重叠多
7、窗口管理技术外，广泛采用的另一核心技术是事件驱动(event-driven)技术。WIMP界面可看作是第二代人机界面，是基于图形方式的人机界面。在WIMP界面中，人被称为用户，人机通过对话进行工作。用户只能使用手这一种交互通道输入信息，通过视觉通道获取信息。在WIMP界面中，界面的输出可以为静态或动态的二维图形或图像等信息。这种方式能同时输出不同种类的信息，用户也可以在几个工作环境中切换而不丢失几个工作之间的联系，通过菜单可以执行控制型和对话型任务。由于引入了图标、按钮和滚动条技术，大大减少键盘输入，提高了交互效率。基于鼠标和图形用户界面的交互技术极大地推动了计算机技术的普及。(1)图形用户界
8、面的三个重要思想1）桌面隐喻(desktopmetaphor)指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。隐喻的表现方法:静态图标、动画、视频2）所见即所得(WhatYouSeeIsWhatYouGet，WYSIWYG)显示的用户交互行为与应用程序最终产生的结果是一致的。3）直接操纵(directmanipulation)直接操纵是指可以把操作的对象、属性、关系显式地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。直接操纵的对象是命令、数据或是对数据的某种操作。(2)设计图形用户界面的原则1)一般性原则：界面要具有一致性、常用
9、操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致2)颜色的使用：颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点：限制同时显示的颜色数；画面中活动对象的颜色应鲜明，而非活动对象应暗淡；尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用；若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。3)图标的设计：图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。设计图标时应
10、该着重考虑视觉冲击力，要使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出精彩图标。4）按钮的设计：设计按钮应该具有交互性，应该有3到6种状态效果(点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态)，按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。5）屏幕布局的设计：设计屏幕布局(Layout)时应该使各功能区重点突出,应遵循如下几条原则：平衡原则、预期原则、经济原则、顺序原则、规则化6）菜单界面的设计：菜单在图形界面的应用
11、程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。设计菜单界面时应注意的一般性原则：功能组织菜单，合理分类，并力求简短，前后一致；合理组织菜单界面的结构与层次；按一定的规则对菜单项进行排序；菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始；常用选项要设置快捷键；充分利用菜单选项的使能与禁止、可见与隐藏属性；使用弹出式菜单。7）填表输入界面的设计：在处理大量
12、相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则：一致性；有含义的表格标题；使用易于理解的指导性说明文字；栏目按逻辑分组排序；表格的组织结构和用户任务相一致；光标移动方便；出错提示；提供帮助；表格显示应美观、清楚，避免过分拥挤。实验报告成绩：指导教师审核：年月日一实验内容与步骤(一)实验内容：利用常用的设计工具(VC/VB/Delphi/PB等)完成一个通用图形用户界面设计，要遵循界面设计的一般原则(一致性、快捷方式、提供错误处理)，注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计(二)实验步骤1设计多个对话框，完
13、成填表输入界面的设计，合理使用图标、按钮、颜色；2设计不同形式的菜单，完成对不同对话框的调用；3提供简单的错误处理、联机帮助(三)实验截图实验一图形用户界面的设计一实验目的和要求1)熟悉图形用户界面的设计原则2)利用一种设计工具完成图形化的用户界面设计二实验内容与步骤(一)实验内容：利用常用的设计工具(VC/VB/Delphi/PB等)完成一个通用图形用户界面设计，要遵循界面设计的一般原则(一致性、快捷方式、提供错误处理)，注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计(二)实验步骤1设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色；2设计不同形式的菜单，完成
14、对不同对话框的调用；3提供简单的错误处理、联机帮助三界面示例1、登录界面2、主界面3代码：登录界面：usingSystem;using;using;using;using;using;using;/DownloadbyboName=new();();/btClose/=;=;=new(159,220);=btClose;=new(75,23);=27;=取消;+=new(_Click);/btSure/=;=;=new(46,220);=btSure;=new(75,23);=26;=确定;+=new(_Click);/password/=;=new(130,136);=password;=*;=new(100,21);=25;=admin;/label3/=new(宋体,(byte)(134);=;=new(66,136);=label3;=new(56,23);=23;=密码;/label2/=new(宋体,(byte)(134);=;=new(66,96);=label2;=new(56,23);=22;=用户名
