人机交互用户界面设计实验报告

人机交互用户界面设计实验报告PAGEPAGE1实验一图形用户界面的设计一实验目的和要求1)熟悉图形用户界面的设计原则2)利用一种设计工具完成图形化的用户界面设计二实验内容与步骤(一)实验内容：利用常用的设计工具(VC/VB/Delphi/PB等)完成一个通用图形用户界面设计，要遵循界面设计的一般原则(一致性、快捷方式、提供错误处理)，注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计(二)实验步骤1．设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色；2．设计不同形式的菜单，完成对不同对话框的调用；3．提供简单的错误处理、联机帮助三界面示例登录界面2、主界面3代码：登录界面：usingSystem;usingSystem.Drawing;usingSystem.Collections;usingSystem.ComponentModel;usingSystem.Data;namespaceWealthMIS.user{///

///Form1的摘要说明。///

{///

///必需的设计器变量。///

privateOleDbConnectionoleConnection1=null;publicLogin(){////Windows窗体设计器支持所必需的//InitializeComponent();////TODO:在InitializeComponent调用后添加任何构造函数代码//}///

///清理所有正在使用的资源。///

protectedoverridevoidDispose(booldisposing){if(disposing){if(components!=null){components.Dispose();}}base.Dispose(disposing);}#regionWindows窗体设计器生成的代码///

///设计器支持所需的方法-不要使用代码编辑器修改///此方法的内容。///

privatevoidInitializeComponent(){this.SuspendLayout();////btClose//////btSure//////password//////label3//10.5F////label2//10.5F////label1//18F////comboName//////Login//this.MaximizeBox=false;this.MinimizeBox=false;this.Name="Login";this.Text="登录";this.Load+=newSystem.EventHandler(this.Login_Load);this.ResumeLayout(false);this.PerformLayout();}#endregion///

///应用程序的主入口点。///

[STAThread]staticvoidMain(){Application.Run(newMainForm());}privatevoidbtSure_Click(objectsender,System.EventArgse){try{if(oleConnection1==null)oleConnection1=MainForm.getConnection();OleDbCommandcmd=oleConnection1.CreateCommand();cmd.CommandText=sql;OleDbDataReaderdr=cmd.ExecuteReader();if(!dr.Read()){MessageBox.Show("无此用户，请重试！","提示");dr.Close();cmd.Dispose();return;}else{{MessageBox.Show("\n密码错误，请重试！","提示");dr.Close();cmd.Dispose();return;}Menumainmenu=((MainForm)(this.MdiParent)).getMainMenu();for(inti=0;i<6;i++){mainmenu.MenuItems[i].Visible=true;}StatusBarstatusBar=((MainForm)(this.MdiParent)).getStatusBar();statusBar.Panels[0].Text="当前登录用户";statusBar.Panels[3].Text="理财管理信息系统";dr.Close();cmd.Dispose();this.Close();}}catch(Exceptionee){MessageBox.Show("\n"+ee.ToString());}}privatevoidbtClose_Click(objectsender,System.EventArgse){this.Close();}privatevoidLogin_Load(objectsender,System.EventArgse){if(oleConnection1==null)oleConnection1=MainForm.getConnection();//取出系统的所有用户名//显示在下拉列表,这样用户登录的时候//选择用户名就可以了,不用再输入用户名了stringsql="selectuNamefromfamily";OleDbCommandcmd=newOleDbCommand(sql,oleConnection1);OleDbDataReaderdr=cmd.ExecuteReader();intflag=0;while(dr.Read()){flag++;}//如果系统存在用户,则默认选中第一个用户if(flag>0)dr.Close();cmd.Dispose();}}}主界面：usingSystem;usingSystem.Drawing;usingSystem.Collections;usingSystem.ComponentModel;usingSystem.Data;namespaceWealthMIS.user{///

///Form1的摘要说明。///

{///

///必需的设计器变量。///

privateOleDbConnectionoleConnection1=null;publicLogin(){////Windows窗体设计器支持所必需的//InitializeComponent();////TODO:在InitializeComponent调用后添加任何构造函数代码//}///

///清理所有正在使用的资源。///

protectedoverridevoidDispose(booldisposing){if(disposing){if(components!=null){components.Dispose();}}base.Dispose(disposing);}#regionWindows窗体设计器生成的代码///

///设计器支持所需的方法-不要使用代码编辑器修改///此方法的内容。///

privatevoidInitializeComponent(){this.SuspendLayout();////btClose//////btSure//////password//////label3//10.5F////label2//10.5F////label1//18F////comboName//////Login//this.MaximizeBox=false;this.MinimizeBox=false;this.Name="Login";this.Text="登录";this.Load+=newSystem.EventHandler(this.Login_Load);this.ResumeLayout(false);this.PerformLayout();}#endregion///

///应用程序的主入口点。///

[STAThread]staticvoidMain(){Application.Run(newMainForm());}privatevoidbtSure_Click(objectsender,System.EventArgse){try{if(oleConnection1==null)oleConnection1=MainForm.getConnection();OleDbCommandcmd=oleConnection1.CreateCommand();cmd.CommandText=sql;OleDbDataReaderdr=cmd.ExecuteReader();if(!dr.Read()){MessageBox.Show("无此用户，请重试！","提示");dr.Close();cmd.Dispose();return;}else{{MessageBox.Show("\n密码错误，请重试！","提示");dr.Close();cmd.Dispose();return;}Menumainmenu=((MainForm)(this.MdiParent)).getMainMenu();for(inti=0;i<6;i++){mainmenu.MenuItems[i].Visible=true;}StatusBarstatusBar=((MainForm)(this.MdiParent)).getStatusBar();statusBar.Panels[0].Text="当前登录用户";statusBar.Panels[3].Text="理财管理信息系统";dr.Close();cmd.Dispose();this.Close();}}catch(Exceptionee){MessageBox.Show("\n"+ee.ToString());}}privatevoidbtClose_Click(objectsender,System.EventArgse){this.Close();}privatevoidLogin_Load(objectsender,System.EventArgse){if(oleConnection1==null)oleConnection1=MainForm.getConnection();//取出系统的所有用户名//显示在下拉列表,这样用户登录的时候//选择用户名就可以了,不用再输入用户名了stringsql="selectuNamefromfamily";OleDbCommandcmd=newOleDbCommand(sql,oleConnection1);OleDbDataReaderdr=cmd.ExecuteReader();intflag=0;while(dr.Read()){flag++;}//如果系统存在用户,则默认选中第一个用户if(flag>0)dr.Close();cmd.Dispose();}}}四实验总结1.界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致2.颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点：限制同时显示的颜色数；画面中活动对象的颜色应鲜明，而非活动对象应暗淡；尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用； 若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。3.图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出精彩图标。设计按钮应该具有交互性，应该有3到6种状态效果(点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态)，按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。设计屏幕布局(Layout)时应该使各功能区重点突出,应遵循如下几条原则：平衡原则、预期原则、经济原则、顺序原则、规则化菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。设计菜单界面时应注意的一般性原则：功能组织菜单，合理分类，并力求简短，前后一致；合理组织菜单界面的结构与层次；按一定的规则对菜单项进行排序；菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始；常用选项要设置快捷键；充分利用菜单选项的使能与禁止、可见与隐藏属性；使用弹出式菜单。在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则：一致性；有含义的表格标题；使用易于理解的指导性说明文字；栏目按逻辑分组排序；表格的组织结构和用户任务相一致；光标移动方便；出错提示；提供帮助；表格显示应美观、清楚，避免过分拥挤。