第7章 菜单界面设计
第7章菜单界面设计
学习内容
菜单的设计
工具栏与状态栏设计
学习目标
掌握菜单编辑器的使用以及菜单项控件各个属性的含义和设置。了解菜单项的增减方法，掌握PopupMenu方法。掌握工具栏和状态栏的设计方法。
7.1 菜单设计
Windows应用程序中一般都使用菜单。菜单的基本作用有两个：一是提供人机对话的界面，让用户直观地使用系统的各种功能；二是管理系统，控制各个功能模块的运行。
菜单可以分为弹出式某单和下拉式菜单两种。
7.1.1 下拉式菜单
在 Visual Basic编辑环境中，单击鼠标右键弹出的即为弹出式菜单；而单击“文件”莱单项显示的为下拉式菜单。下拉式莱单一般由多级组成，其顶层菜单是以菜单栏的形式显示在窗口标题栏的下边，当鼠标单击某个菜单项时，则下拉出下级子菜单，该子菜单中的某些菜单项(右端有向右的小箭头)又包含下一级子菜单。为了对菜单性质进行分类，子菜单区用分隔条将菜单项分成几部分。如图7-1所示。
图7-1下拉式莱单
7.1.2 菜单编辑器
设计菜单需要使用菜单编辑器，菜单编辑器工具不在工具箱中，可以通过以下四种方式打开菜单编辑器：
(1)单击工具栏中的“菜单编辑器”按钮。
(2)单击“工具”菜单中的“菜单编辑器”菜单项。
(3)使用热键Ctrl＋E。
(4)在需要建立菜单的窗体上单击右键，在弹出的对话框中选择“莱单编辑器”。打开后的菜单编辑器窗口如图7-2所示。
图7-2 菜单编辑器
菜单编辑器分为三个部分，即数据区、编辑区和菜单项显示区。
1.数据区
(l)标题：是一个文本框，用来输入所要建立某菜单的名字以及每个菜单项的标题，相当于控件的Caption属性。输入一个减号(-)可以在菜单中加入一条分隔线。
(2)名称：是一文本框，用来标注菜单项的控件名称，这个名称在编写程序时使用，相当于控件的name属性。
(3)索引：为用户建立的控件数组设立下标。
(4)快捷键：是一个列表框，用来设置菜单项的快捷键。
(5)帮助上下文：是一个文本框，用以输入数值，帮助文件用这个值查找相应的帮助主题。
(6)协调位置：是一个列表框，用来确定菜单或者菜单项是否出现或在什么位置出现。
(7)复选：当选择该项时，相应的莱单项前面会出现“√”。
(8)有效：用以确认菜单项是否有效，默认是选中的，即有效的。无效的菜单项以灰色显示，不能接收用户的Click事件。
(9)可见：用以确认菜单项是否可见，默认是可见的。
(10)显示窗口列表：当该选项被选中时，将显示所有当前打开的系列子窗口，用于多文档的应用程序。
2.编辑区
编辑区有七个按钮，用来对输入的菜单项进行编辑。菜单项在数据区输入，在编辑区编辑，在菜单项显示区显示。
(1)“←”和“→”：用来产生或者取消内缩符号，确定菜单项的层次。
(2)“↑”和“↓”：用来调整菜单项的上下位置，可以上移或者下移菜单项。
(3)下一个：开始一个新的菜单项。
(4)插入：在选中菜单项的前面插入一个新菜单项。
(5)删除：删除选中的某单项。
3．菜单项显示区
菜单项显示区位于菜单设计窗口的下部，用于显示输入的菜单项，并通过内缩符号(…)表明菜单项的层次。条形光标所在的菜单项是“当前菜单项”。
内缩符号由四个点组成：一个内缩符号表示一层，两个内缩符号表示两层……内缩符号最多可达5层，即20个点。如果一个菜单项没有内缩符号，那它就是顶层莱单项(即菜单标题)。
菜单编辑完成后，单击菜单编辑器的“确定”按钮，所设计的菜单就显示在当前窗体上。
例7-1 设计一个简易编辑器的菜单项,各个菜单项的属性，参见表7-1。
表7-1 菜单项的属性
菜单级别菜单标题名称内缩符号访问键热键
顶级菜单1 文件 MnuFile 无 F 无
Ctrl+N 子菜单1 新建 MnuNew 1 N
子菜单2 打开 MnuOpen 1 O Ctrl+O
子菜单3 - Fg1 1 无
子菜单4 保存 MnuSave 1 S Ctrl+S
子菜单5 另存为 MnuSaveas 1 A 无
子菜单6 - Fg2 1 无
子菜单7 退出 MnuExit 1 X
顶级菜单2 编辑 MnuEdit 无 E 无
子菜单1 复制 MnuCopy 1 C Ctrl+C
子菜单2 粘贴 MnuPaste 1 P Ctrl+V
Ctrl+X 子菜单3 剪切 MnuCut 1 T
子菜单4 删除 MnuDel 1 D Del
Ctrl+A 子菜单4 全选 SelAll 1 L
顶级菜单3 帮助 MnuHelp 无 H 无
子菜单1 帮助主题 MnuTopic 1 H F1
子菜单2 关于 MnuAbout 1 A 无
具体步骤如下：
(1)单击“工具”菜单，打开菜单编辑器。
(2)在“标题”栏中输入“文件(&F)”，“名称栏”输入“MnuFile”。
(3)单击“下一个”按钮。
(4)标题栏中输入“新建&N”；“名称栏”输入“MnuNew”;“快捷键”选择“Ctrl+N”；单击右箭头“→”，使其成为顶层菜单“文件”的子菜单。
(5)单击“下一个”按钮。
(6)标题栏中输入“打开&O”；“名称栏”输入“MnuOpen”;“快捷键”选择“Ctrl+O”；，这时可以发现，此菜单项已经自动仿照上面一个菜单项内缩了一级，不用再单击右箭头“→”，它已经成为顶层菜单“文件”的子菜单了。
(7)单击“下一个”按钮。
(6)标题栏中输入减号“-”；“名称栏”输入“Fg1”，这样，就设计成了一条分隔线。
……
以同样的步骤完成表7-1中其他菜单项的设计。
7.1.3 菜单的Click事件
每个菜单项，包括顶层菜单项和子菜单项，都可以看成是一个控件，都可以接收Click事件,而且菜单控件只响应唯一的Click事件。每个菜单项都有一个名字，把该名字和Click放在一起就组成了该菜单的Click事件过程。
菜单设计完成后，窗体上显示出如图7-3所示的菜单。此时单击某个菜单项即可以进入代码编辑区，然后设计各菜单项的Click事件过程。
例7-2 设计上例中简易编辑器各菜单项的Click事件。
设计完菜单界面后，在窗体上添加通用对话控件（CommonDialog）和大文本框控件（RichTextBox），这两个控件没有在工具箱中，需要通过打开“工程”菜单，“部件”子菜单，在“控件”选项中，选择复选框“Microsoft Common Dialog Control 6.0”和“Microsoft Rich Textbox Control 6.0”。添加控件后程序设计界面如图7-3所示。对于每个菜单编程如下：
图7-3
Private Sub Form_Load()
StatusBar1.Panels.Item(1) = "正在运行中"
End Sub
Private Sub mnuCopy_Click()
Clipboard.Clear
Clipboard.SetText RichTextBox1.SelText
End Sub
Private Sub mnuCut_Click()
Clipboard.Clear
Clipboard.SetText RichTextBox1.SelText
RichTextBox1.SelText = ""
End Sub
Private Sub mnuDel_Click()
RichTextBox1.SelText = ""
End Sub
Private Sub mnuExit_Click()
End
End Sub
Private Sub mnuNew_Click()
RichTextBox1.Text = ""
FileName = "未命名"
Me.Caption = FileName
End Sub
Private Sub mnuOpen_Click()
CommonDialog1.Filter =
"Allfiles(*.*)|(*.*)|text(*.txt)|(*.txt)|picture(*.bmp;*.ico)|(*.bmp;*.ico)" CommonDialog1.ShowOpen
RichTextBox1.Text = ""
FileName = CommonDialog1.FileName
RichTextBox1.LoadFile FileName
Me.Caption = "记事本：" & FileName
End Sub
Private Sub mnuPaste_Click()
RichTextBox1.SelText = Clipboard.GetText
End Sub
Private Sub mnuSave_Click()
CommonDialog1.Filter = "allfiles(*.*)|*.*|text(*.txt)|*.txt"
CommonDialog1.ShowSave
FileName = CommonDialog1.FileName
RichTextBox1.SaveFile FileName
Me.Caption = "记事本" & FileName
End Sub
Private Sub mnuSaveas_Click()
CommonDialog1.Filter = "allfiles(*.*)|*.*|text(*.txt)|*.txt"
CommonDialog1.ShowSave
FileName = CommonDialog1.FileName
RichTextBox1.SaveFile FileName
Me.Caption = "记事本" & FileName
End Sub
Private Sub mnuSelectall_Click()
RichTextBox1.SelStart = 0
RichTextBox1.SelLength = Len(RichTextBox1.Text)
End Sub
Private Sub mnuTopic_Click()
CommonDialog1.HelpCommand=cdlHelpContents
CommonDialog1.HelpFile=“D:＼vb＼Common＼NoteBook.HLP”
CommonDialog1.ShowHelp
End Sub
Private Sub mnuAbout_Click()
MsgBox "记事本版权所有(C) 2010 zsq", vbOKOnly, "关于"
End Sub
7.1.4 弹出式菜单
常见的弹出式菜单一般在单击右键后弹出，弹出的位置通常和鼠标单击的位置有关。弹出式菜单不同于下拉式菜单，它是通过PopupMenu方法弹出显示的，其格式为：
对象.PopupMenu 菜单名，Flags，X，Y，BoldCommand
说明：
(l)对象：可选项，表示窗体名。如果省略对象，则表示该弹出式菜单只能在当前窗体中显示。
(2)菜单名：是在菜单编辑器中定义的主菜单项名。
(3)Flags：可选项，用以指定弹出式莱单的显示位置和激活菜单的行为。设置弹出式菜单的位置，可以使用下面三个位置参数：
0- VbPopupMenuLeftAlign：X坐标指定菜单左边位置，这是缺省值。
4- VbPopupMenuCenterAlign：X坐标指定菜单右边位置。
8- VbPopupMenuRightAlign：X坐标指定菜单右边位置。设置选择菜单命令的方式，有下面两个行为参数可供选择：
0-VbPopupMenuLeftButton：单击左键选择菜单命令，这是缺省值。
2-VbPopupMenuRighButton：单击右键选择菜单命令，用于构造特殊的菜单命令体系。
Flags参数值可以是上面的两种参数之和，如 2＋8，若使用符号常量可用OR连接。
(4) X：指定显示弹出式菜单的横坐标。如果该参数省略，则弹出式菜单显示在鼠标的当前位置。
(5) Y：指定显示弹出式菜单的纵坐标。如果该参数省略，则弹出式菜单显示在鼠标的当前位置。
为了显示弹出式菜单，通常把PopupMenu方法放在MouseDown事件中。
例7-3 上例中简易编辑器设计鼠标右键的弹出菜单程序。
Private Sub RichTextBox1_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single)
If Button = 2 Then
PopupMenu mnuEdit '弹出名称为mnuEdit的菜单
End If
End Sub
图7-4 右健弹出菜单结果
7.2 工具栏
工具栏是一些常用菜单的图形按钮实现，工具栏为用户带来比用菜单更为快速的操作方式。可以通过Active X控件实现。
VB中使用的控件有三类：标准控件、ActiveX控件和可插入对象(如Word文档、Excel工作表等，可当作控件使用)。Active X控件是一段可重复使用的程序代码和数据。由Active X技术创建的，可以作为VB工具箱的扩充部分。Active X控件以单独的文件存在(.ocx)
为窗体添加工具栏，应使用工具条(ToolBar)控件和图像控件列表(ImageList)控件(不是标准控件)。
创建工具栏的步骤：
(1) 添加ToolBar控件和ImageList控件；
(2) 用ImageList控件保存要使用的图形；
(3) 创建ToolBar控件，并将ToolBar控件与ImageList控件相关联，创建Button对象；
(4) 编写Button的Click事件过程。
单击工具栏控件时触发Click事件，单击工具栏上按钮时触发ButtonClick事件，并返回一个Button参数(表明按下哪个按钮)。
例7-4 在上例中简易编辑器的基础上，增加一个工具栏，使之能快速提供“新建”、“打开”、“保存”、“复制”、“粘贴”、“删除”等按钮。
操作步骤如下：
(1) 打开例7-3的应用程序；
(2) 按照上述创建ImageList的方法，在窗体上建立ImageList1控件，并从microsoft visual
studio＼common＼graphics＼bitmaps＼t1_W95系统文件夹中取出图片文件new、open、save、paste、delete、delete、copy(本例采用这七个图片作为按钮的图形)，并添加到该控件中。；
(3) 在窗体上建立ToolBar1控件，使之与ImageList1相关联，即在ToolBar1的右键属性页，选
择“通用”选项中的图像列表为ImageList1，如图7-5所示；
(4) 然后在ToolBar1控件中添加关键字分别为new、open、save、paste、delete、delete、copy
的七个按钮，并分别取用ImageList1中的七个图片，即在按钮属性页中，选取图像索引与按钮索引一致即可，如图7-6所示；
图7-5 ToolBar1控件与ImageList1相关联
图7-6 图像索引与按钮索引一致
(5) 在原有程序代码的基础上，增加以下的ButtonClick事件过程代码：Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib.Button) On Error Resume Next
Select Case Button.Key
Case "new"
mmnew_Click
Case "open"
mmopen_Click
Case "paste"
mmpaste_Click
Case "copy"
mmcopy_Click
Case "save"
mmsave_Click
Case "delet"
mmdel_Click
Case "cut"
mmcut_Click
End Select
End Sub
7.3 状态栏
状态栏(StatusBar)通常位于窗体的底部，主要用于显示应用程序的各种状态信息。StatusBar 控件由若干个面板(Panel)组成，每一个面板包含文本和图片。StatusBar控件最多能分成16个Panel对象。
例7-5 在上例中简易编辑器的基础上，再增加一个状态栏，使之能快速提供“系统时间”、“大写键状态”和运行程序提示信息。
操作步骤如下：
(1)打开例7-4的应用程序；
(2)在窗体上创建StatusBar1控件
(3)右击StatusBar1控件，从快捷菜单中选择“属性”命令，系统弹出“属性页”对话框；
(4)单击“窗格”选项卡；
(5)设置第1个窗格(索引为1)，“工具提示文本”为“提示信息”，“样式”为“0-sbrText”(即显示文本和位图)，其显示内容在运行时由程序代码设置；
(6)设置第2个窗格(索引为2)，“工具提示文本”为“大小写状态”，“样式”为“1-sbrCaps”(即显示大小写状态)；
(7)设置第3个窗格(索引为3)，其“工具提示文本”为“时间”，“样式”为“5-sbrTime”(即按系统格式显示时间)。单击“确定”按钮；
(8)要在运行中使第1个窗格显示“正在运行中”，可在Form_Load()事件过程中加入如下代码：
StatusBar1.Panels.Item(1)= "正在运行中"
第7章练习题
一、选择题
1. 如果要在菜单中添加一条分隔线，则应将其Caption属性设置为
C.%
D.#
B.-
A.*
2. 如果有一菜单项MenuOpen，在运行时若要使该菜单项失效，下面语句中正确的是
A.MenuOpen.Enabled = True
B.MenuOPen.Enabled = False
C.MenuOpen.Visible = True
D.MenuOpen.Visible = False
3．有下面程序代码
Private Sub Text1_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single)
If Button = 2 Then
PopupMenu mEdit
End If
End Sub
关于这段代码，下列叙述中正确的是
A.单击鼠标左键时，弹出名为mEdit的菜单
B.单击鼠标右键时，弹出名为mEdit的菜单
C.单击窗体的任意位置时，会弹出菜单
D.参数X、Y指明文本框在窗体中的位置
3. VB工程包含多种类型的文件其中最常用的文件是：工程文件，窗体文件和标准模块文件，
下列各项描述中哪个是对标准模块文件的正确描述。
A.包含与该工程有关的全部文件、对象以及所设置的环境选项的信息。
B.包含窗体及其控件有关属性的文本描述、常量或变量的声明、以及窗体内的过程代码
等。
C.通常用来定义供其他窗体或模块引用的全局常量、变量、过程等。
D.包含无需重新编辑代码便可以改变的位图、字符串和其它数据。
5．以下叙述中错误的是( )。
A．在同一窗体的菜单项中，不允许出现标题相同的菜单项
B．在菜单的标题栏中，“＆”所引导的字母指明了访问该菜单项的访问键
C．程序运行过程中，可以重新设置菜单的Visible属性
D．弹出式菜单也在菜单编辑器中定义
6．下列不能打开菜单编辑器的操作是( )。
A．按Ctrl＋E
B．单击工具栏中的“菜单编辑器”按钮
C．执行“工具”菜单中的“菜单编辑器”命令
D．按Shrft＋ Aft＋ M
7．以下关于某单的叙述中，错误的是( )。
A.在程序运行过程中可以增加或减少菜单项
B.如果把一个菜单项的Enabled属性设置为False，则可删除该菜单项
C．弹出式菜单在菜单编辑器中设计
D．利用控件数组可以实现菜单的增加或减少
8．以下叙述中错误的是( )。
A．下拉式菜单和弹出式菜单都用菜单编辑器建立
B．在多窗体程序中，每个窗体都可以建立自己的菜单系统
C．除分隔线外，所有菜单项都能接收Click事件
E．如果把一个菜单项的Enabled属性设置为False，则该某单项不可见
9．设菜单中有一个菜单项为“Open”。若要为该菜单命令设计访问键，即按下 Alt及字母O 时，能够执行“Open”命令，则在菜单编辑器中设置“Open”命令的方式是( )。
A．把Caption属性设置为＆Open
B．把Caption属性设置为O＆pen
C．把Name属性设置为＆Open
D．把Name属性设置为O＆pen
二、填空题
1.菜单项控件只能触发_____________事件。
2.局变量必须在_____________模块中定义，所使用的语句为_______________。
3.了把一个窗体定义为子窗体，必须把它的______________属性设置为True。
4．在菜单编辑器中建立了一个菜单，名为Pmenu，用下面的语句可以把它作为弹出式菜单弹出，请填空。
Form1．______ Pmenu
5．如果要将某个菜单项设计为分隔线，则该某单项的标题应设置为_____。
6．在菜单编辑器中建立一个菜单，其主菜单项的名称为mnuEdit，Visible属性为False，程序运行后，如果用鼠标右键单击窗体，则弹出与mnuEdit相应的菜单。以下是实现上述功能的程序，请填空。
Private Sub Form1_ ____________( Button As Inteqer， Shift As Integer，x As Single，Y As Single)
If Button=2 Then
___________ mnuEdit
End If
End Sub
7．激活菜单项可以使用访问键，就是按______和菜单项中加下划线的字母。
三、编程题
1．设计一个简单的计算器，要求输入两个数，分别计算它们的和、差、积、商。
(1)主菜单栏有“计算加减”、“计算乘除”、“清除退出”三个主莱单项。
(2)“计算加减”有“加”(快捷键Ctrl＋A)、“减”(快捷键Ctrl＋B)两个子菜单项。
(3)“计算乘除”有“乘”、“除”两个快捷键。
(4)“清除退出”有“清除”(访问键C)、“退出”(访问键Q)。
分析：此题主要使用菜单编辑器建立菜单，重点考察快捷键、访问键的创建。
2．修改上题，使得当两个文本框中有一个为空白时，“加”、“减”、“乘”、“除”各个菜单项是无效的。
分析：解决此题的关键是在程序运行过程中对菜单项的Enabled属性进行设置。
3．修改上题，插入常用工具栏和状态栏，按钮图标自行设计。
4．设计一个VB6.0的编程练习程序。
(1)主菜单栏有“课堂练习”、“课后练习”、“帮助指导”、“关于”四个主菜单项。
(2)“课堂练习”和“课后练习”均由“开发环境”、“程序设计基础”、“数据输入输”、“分支结构”、“循环结构”、“数组”、“过程”、“常用控件”、“菜单界面设计”、“文件管理”等子菜单项构成。
(3)“帮助指导”有“程序运行结果”和“源程序代码”两个子菜单项。
(4) “关于”有版本信息弹出对话框。
以上个菜单项的访问键和快捷键自行设计。
最新软件界面设计复习题
一、名词解释 1、人机界面：在人与机器的交互过程中，有一个界面充当信息传递的媒介，即人们所说的人机界面。 2、最大最小原则：即人承担的工作量应尽量少或最少，机器承担的工作量应最大，在最大限度利用机器的同时，充分发挥人的积极因素。 3、认知心理学：就是关于认识的心理学，研究人的认识心理过程，如注意、知觉、表象、记忆、思维和语言等，从心理学的观点研究人体交互的原理。 4、人机工程学：是运用生理学、心理学和医学等有关知识，研究人、机器、环境相互间的合理关系，以保证人民安全、健康、舒适地工作。 5、软件界面：也叫软件人机界面，是人与机器之间的信息界面，用户与机器的交互主要是通过软件界面完成。 6、人机交互（人机对话）：是指人与计算机之间使用某种语言、以一定的交互方式，为了完成任务进行的一系列信息交换过程。 7、人机交互系统：是指实际完成人机交互的系统，可以认为它是由参与交互的各方所组成，如包括人和计算机双方的人机交互系统。 8、人机交互方式：是指人机之间交换信息的组织形式或语言方式，又称对话方式、交互技术等。 9、交互介质：是指用户和计算机完成人机交互的媒体。 二、填空题 1、美国人类工程学会（Human Factors and Ergonomics Society）曾定义可用性的五大属性为：效率、可学习性、可记忆性、容错性、满意程度。 2、目前常用的人机交互方式有：问答式对话；菜单技术；命令语言；填表技术；查询语言；图形方式及直接操纵；自然语言等。 3、交互介质一般分为：输入介质；输出介质。 4、在进行界面设计时，都要考虑这些人文因素。人文因素主要包括以下内容：人机匹配性；人的固有技能；人的固有弱点；用户的知识经验和受教育程度；用户对系统的期望和态度。 5、设计界面是以功能性界面为基础，以环境性界面为前提，以情感性界面为重心而构成的，它们之间形成有机和系统的联系。 6、删除文件的DOS命令语法为：DEL[/P][/F][/S][/Q][/A[[:]attributes]]names。 7、命令语言目标：准确、紧凑、易于读写、加快学习速度、简单、减少差错、易于长期记忆。 8、命令语言的形式有：简单命令表、命令加变量、命令加选项和变量、层次式命令结构。 9、图形用户界面设计的艺术原则：①对比原则；②协调原则；③平衡原则；④趣味性原则。 10、窗口可分为：①滚动式窗口；②开关式窗口；③分裂式窗口；④瓦片式窗口；⑤重叠式窗口；⑥弹出式窗口。 11、辅助窗口分为：有模式和无模式两种。无模式辅助窗口允许用户与辅助窗口或主窗口进行交互，就像在主窗口之间进行切换；有模式辅助窗口要求用户在该辅助窗口内完成交互，然后，必须关闭辅助窗口才能与其他窗口进行交互。 12、帮助信息可分为概念帮助信息和过程帮助信息。 13、人性化的设计是Web界面设计的核心。 14、网页设计要求主题鲜明、形式和内容相统一，强调整体为设计原则，并具有交互性与持续性、多维性、综合性、版式的不可控性以及艺术与技术结合的紧密性等特点。 15、Web网站设计的3C原则：Concise（简洁）、Consistent（一致性）、Contrast（对比度）。
《人机界面设计》实验指导书
《人机界面设计》实验指导书 丰艳 青岛科技大学 信息科学技术学院
实验一使用Visio 2003设计网页初稿 一、实验目的及要求： （1）了解Visio工具软件的功能特色、安装、工作环境和基本操作等各方面的基本知识。 （2）掌握应用Visio工具绘制软件开发图形的基本操作。 （3）学习使用Visio工具绘制网页设计初稿。 二、实验平台： 操作系统：Windows XP以上版本 实验环境：Microsoft Visio Professional 2003版 三、实验内容： 1、本实验中，我们以Microsoft Visio Professional 2003中文版为例，来学习Visio 的工作界面和基本操作。具体包括： (1) 菜单 (2) 工具栏 (3) 定位工具：使用标尺、网格、定位导线和连接点、体会它们的定位功能。 (4) 文件操作 (5) 绘图页面操作 2、制作第一个Visio图形：一个关于演示C程序运行步骤的流程图。 3、Visio应用实践：尝试使用Visio绘制你的网页设计初稿。 四、实验步骤： 1、Visio的工作环境 Visio的工作环境包括工作窗口、菜单、工具栏、定位工具以及帮助等内容。 1) 工作窗口。对应所打开Visio文件的不同，工作窗口也会有所差异，但其基本样式类似。如图1是—个新建的Visio数据流程图文件的工作窗口。 ①菜单：通过单击菜单命令的操作，可以实现Visio的各项功能。 ②工具栏：可以快速执行各项功能和操作，是菜单的快捷方式。 ③绘图页面：相当于一张图纸，可以在它上面生成并编辑图形。一个绘图文件可以产生好几个绘图页面，可以通过“页面标签”来切换。 ④网格：在绘图时对图形的位置进行校正，但打印时一般并不显示。 ⑤标尺：用于对图形进行更为精确的定位。 ⑥绘图窗口：相当于一个工作台，在上面放置绘图页面等其他组件。 ⑦形状(也称图件) ：是Visio中最核心的部分。通过鼠标的拖拽而在绘图页面中产生对应的图形副本。将鼠标指针在图件上停留片刻，可以看到对该图件的注释，即对该图件功能和使用范围的说明。 ⑧模具：存放各种图件的仓库。 2) 视窗的调整。主要依靠菜单中的“视图”、“窗口”命令和“视图”工具栏来实现。视窗调整中常见的操作包括：
人机界面设计(含案例分析)
人机界面设计（含案例分析） 家电（冰箱）Haier/海尔 BCD-231WDBB 场所：冰箱是家用厨房内最为常见的家电产品之一。在公共空间比 如餐厅，酒店也都有配备。 作用：冰箱使食物或其他物品保持冷态，具有储藏，冷冻的功能。 人机界面分析： 把手： ①位置：把手设计符合大众身高结构，一般根据实际冰箱高度设 计，比如此冰箱总高1722mm，三门设计，把手分别在550mm左 右、950mm左右、1300mm左右。 ②形状：此冰箱把手属于隐藏式把手设计，使机器整体统一美观。 把手形状呈长方形凹槽，适用于大多数家庭成员的高度差异。 ③功能：此把手设计即运用手部动作，通过抓、拉来实施对冰 箱门的控制。外观大方，开门方便，不积灰尘，容易清理。 存储空间： ①位置：此冰箱为三门设计，区分两个不同的存储空间，分别 是冷藏室和冷冻室。上门与下门等比例分布，中门5°C--- 18°C全温区变温。 ②形状：三个存储空间均为长方形，中间有长方形隔板分割， 阶梯式分割方式，适用于不同食材的存放。冷冻室采用抽屉设 计，极大拓展了冷冻空间，抽屉装饰有仿金属材质亮银色饰 条，质感强，坚固耐用。 ③功能：冷藏室主要储存新鲜的食物或是烹饪过的食物，海鲜肉类在放入 冷藏室24小时低温排毒后放入冷冻室保存。冷冻室一般保存海鲜肉类等需 要保存较长时间不使用的食物。 显示部分、按钮： ①位置：显示部分、按钮一般在人眼可以看见，手可以触及的范围内。此 冰箱在面板中间高约1650mm的位置。 ②形状：此冰箱显示按钮部分为竖立的长方形，与整体机器相统一，整体 感强。从上到下分为四个区域，用黑色实线区分，分别是温区选择、温度 调节、功能选择和设定。上面三个区域为LED灯的液晶显示，设定按钮呈圆形，触摸式按钮，反应灵敏好操作。
界面设计风格
界面设计规范 1.引言 (2) 1.1概述 (2) 1.2信息位置的安排原则 (2) 2.规范基本规定 (4) 2.1环境 (4) 2.2文字与颜色 (4) 2.3数据格式与显示 (4) 2.4 键盘控制与无鼠标操作 (4) 3.窗口控件 (5) 3.1 MDI与SDI (5) 3.2 快闪窗口（SPLASH） (6) 3.3 登录窗口（LOGIN） (7) 3.4关于窗口（ABOUT） (8) 3.5 响应窗口（RESPONSE） (8) 3.6 系统主窗口 (9) 3.7 业务办理类窗口 (10) 3.8 数据查询类窗口 (12) 4.数据窗口控件 (14) 5.菜单控件 (17) 6. 按钮控件 (17) 7. 输入域 (17) 8. 帮助 (17)
1.引言 用户界面是应用系统的外在表现，是用户工作的接口，它的质量会直接影响系统的友好性与可用性。 本规范用于说明进行管理信息系统（MIS）设计开发时，所应遵循的用户界面开发规范，旨在描述设计怎样的界面风格，为用户所接收。该规范主要针对PowerBuilder开发工具的进行设计。由于PowerBuilde所倡导并提供的风格是基于图形化用户界面GUI的，是与Windows的界面风格相一致的，因此该规范同样可以适用于其他的前台开发工具。 系统界面如果采用WEB页面的方式，则设计原则另行规定。 规范中未做声明的内容，以满足开发总则为准。 1.1概述 有资料调查结果显示，用户希望的最佳屏幕特点为： ●一个规整、清晰、毫不混乱的外观。 ●对于将要显示的内容以及对其将进行的操作有一个明确的提示。 ●所希望的信息出现在其应该出现的位置。 ●清楚地指明标题、小标题、数据、指示、选择等各种项目的关系。 ●平白、简单的文字。 ●通过简单的途径找到系统所含内容及得到它的方法。 ●明确地指出什么时候某个操作能引起数据或系统运行的永久性改变 这样就要求我们所设计的用户界面，应满足如下基本要求： *充分性：用户界面应充分满足功能要求 *一致性：用户界面应满足一致性要求，包括本模块内与分系统之间 *简洁性：用户界面在满足功能的前提下应尽量保持简洁 *合理性：用户界面的布局与设置应满足合理的功能要求 美观性：用户界面应满足美观性要求 1.2信息位置的安排原则 1.在屏幕左上角提供明显的起动点。 2.在屏幕上为诸如菜单、按钮、错误信息、标题、数据区等特定信息保留特定的区域， 并使这些区域在所有屏幕上保持一致。 3.对各种区域的编排应保持均衡、规整、对称、简明、比例协调、整体性。 ●屏幕标题位于上中部，有利于产生对称感；菜单置于屏幕顶部，仅在标题 之下；按钮置于屏幕底部，在信息区之下。
基于状态机的LCD多级菜单设计方案
基于状态机的LCD多级菜单设计方案 1概述 液晶显示器（Liquid Crystal Display，LCD）由于其体积和功耗等因素，非常适合嵌入式环境的使用。近年来，随着微处理器性能的提高，嵌入式系统实现的功能越来越强大，产生的数据量也越来越大。相对应地，需要显示的数据量也随之增大。嵌入式环境下使用LCD 显示器，由于条件限制，体积较小，且显示的内容有限。而且，传统的LCD显示模式总是不加选择地显示所有监控的信息，在监控的信息量非常庞大时会导致不能及时显示用户所需求的信息。多级菜单显示则是将信息分类显示的一种显示方式，该方式根据用户的选择，对显示信息加以筛选并分级显示，这样既保证用户获取其所需的信息，又能保障信息显示的实时性。 2多级菜单的结构 设计多级菜单的目的在于将需要显示的信息分门归类，方便用户筛选。所以在设计菜单时需要根据整个系统的功能和要求来设定菜单的级数，以及各级子菜单的个数。整个多级菜单的拓扑结构为树型结构，主菜单为根节点，子菜单为枝节点，最后一级菜单为叶节点，如图1所示。 图1多级菜单的结构图 3多级菜单的程序设计 3.1循环方式 循环方式的设计思路：预先定义一个包含6个结构元素的结构体、5个字符型和1个指针型。第1个字符变量存放当前界面的索引号；第2个字符变量存放按下down（向下）键时需要跳转到的索引号；第3个字符变量存放按下up（向上）键时需要跳转到的索引号；第4个字符变量存放按下enter（进入）键时需要跳转的索引号；第5个字符变量存放按下esc（退出）键时需要跳转的索引号；第6个变量为函数指针变量，存放当前索引号下需要执行的函数的入口地址。
人机界面设计案例分析
人机界面设计案例分析 什么是人机界面人机界面是指人和机器在信息交换和功能上接触或互相影响的领域或称界面所说人机结合面，信息交换，功能接触或互相影响，指人和机器的硬接触和软触，此结合面不仅包括点线面的直接接触，还包括远距离的信息传递与控制的作用空间。人机结合面是人机系统中的中心一环节，主要由安全工程学的分支学科安全人机工程学去研究和提出解决的依据，并过安全工程设备工程学，安全管理工程学以及安全系统工程学去研究具体的解决方法手段措施安全人机学。它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。大量运用在工业与商业上，简单的区分为输入（Input）与输出（Output）两种，输入指的是由人来进行机械或设备的操作，如把手、开关、门、指令（命令）的下达或保养维护等，而输出指的是由机械或设备发出来的通知，如故障、警告、操作说明提示等，好的人机接口会帮助使用者更简单、更正确、更迅速的操作机械，也能使机械发挥最大的效能并延长使用寿命，而市面上所指的人机接口则多界狭义的指在软件人性化的操作接口上。 人机界面的设计原则1、以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2、顺序原则 即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3、功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提
第11章 用户界面设计
第11章用户界面设计 人机交互活动的大量存在于计算机运行的整个过程当中。目前的应用软件 都采用图形界面用以交互，图形界面的研究也成为了许多软件开发机构的课 题。本章内容主要包括：界面软件设计，设计人机交互子系统，图形用户界面 设计，多媒体用户界面设计。 11．1基础知识 11．1．1 软件面设计 1．可使用行 可使用行是用界面设计最重要的目标。它强调简单，术语标准化和一致 化，拥有完善的帮助功能，系统响应快可系统成本低，具有良好的容错能力。 2．灵活行 灵活行包括：算法可隐可现，界面方式可由用户动态制定和修改，提供 不同详细程度的系统响应信息，界面的标准化。 3．复杂行 复杂行是用户界面的规模和组织的复杂程度。在完成预定功能的前提 下，用户界面越简单越好。 4．可靠性 无故障使用的时间越长，改用户界面的可靠性就越高。用户界面应能保 证用户正确，可靠的使用系统，保证有关程序和数据的安全行。 5．用户界面设计存在的问题 用户界面的开发有别于其他软件，无固定结构，其目的和用户的真正需 求相适应。但是用户的意图有时候并不容易表达出来，唯有通过进一步的探索 和咨询的方法来完成。而目前的一部分软件设计者的心目中，存在一些心里障 碍，容易妨碍友好界面的设计： （1）部分软件人员没有从用户的角度去考虑界面设计，没有重视界面的美观和方便。 （2）设计人员习惯单一的抽象思维，希望能自主控制软件的运行，忽略了人机交互，有些开发人员则是懒于设计界面的健壮行，害怕用户的干 预导致程序运行的瘫痪。 （3）软件人员和用户在知识结构上存在差异，程序员不乐于学习用户工作领域的专业知识，忽视了软件的专业行，导致生成的软件不适合用户 的习惯。 11．1．2设计人机交互子系统 1．准则 设计出让用户满意的人机交互界面应遵循如下原则：一致性，操作简单， 及时提供反映信息，提供撤销命令，无需记忆，易学，富有吸引力。 2．策略 用户界面是适应人的需要而建立的，因此需要清楚用户的类型，用户的 特性度量以及对用户的工作进行分析。 173
JAVA菜单和工具栏界面代码设计
实验八菜单和工具栏 import java.awt.*; import javax.swing.*; import java.awt.event.*; public class c extends JFrame{ private JMenuBar menuBar; private JMenu xtMenu,xyMenu,zyMenu,xsMenu,kcMenu,cjMenu,jsMenu;// private JMenuItem aItem,bItem,cItem,dItem;// private JMenuItem eItem,fItem,gItem,hItem; private JMenuItem iItem,jItem,kItem,lItem; private JMenuItem mItem,nItem,oItem,pItem; private JMenuItem qItem,rItem,sItem,tItem; private JMenuItem uItem,vItem,wItem,xItem; private JMenuItem yItem,zItem,aaItem,bbItem; public c(String account){ setTitle("学生管理系统"+"当前管理员为"+account); setSize(500,400); center(this);
setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE); createMenu(); showToolBar(); setVisible(true); } //caidan public void createMenu(){ menuBar=new JMenuBar();//创建菜单栏 xtMenu=new JMenu("系统管理"); aItem=new JMenuItem("学院设置"); bItem=new JMenuItem("专业设置"); cItem=new JMenuItem("修改密码"); dItem=new JMenuItem("退出"); //dItem.setMnemonic('Q'); xtMenu.add(aItem); xtMenu.add(bItem); xtMenu.addSeparator(); xtMenu.add(cItem); xtMenu.addSeparator(); xtMenu.add(dItem);
人机界面设计原则
人机界面设计原则 “以人为本” 1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2.顺序原则 即按照处理事件顺序、访问查看顺序(如由整体到单项，由大到小，由上层到下层等)与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3.功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4.一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。 5.频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6.重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7.面向对象原则 即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。
GUI界面设计
4.2 图形用户界面的打开和初步设计 在Matlab命令行运行guide命令打开图形用户启动界面GUIDE Quick Start对话框，选择Blank GUI(Default)，单击“OK”按钮，新建一个图形用户界面设计界面，如图4-1所示。 图4-1 图形用户界面的新建 根据本实验的具体要求和图形用户界面的设计原则，将主界面命名为“kaishi”，如图4-2Static Text，双击控件可引出图形窗和相应控件的属性编辑框“Property Inspector”，其属性设置为欢迎进入数字基带传输系统的仿真，字体大小可设置为16号，另外在工作区放置两个“Push Button”按钮，分别双击这两个控件可引出图形窗和相应控件的属编辑框“Property Inspector”，在String一栏中修改各个控件的名称分别为进入和关闭，字体大小可设置为16号。如图4-3示的主界面和属编辑框“Property Inspector”。
图4-2 总界面 图4-3 设置开始界面
4.3 主界面的激活和回调函数的生成 经以上操作后，工作台上所制作的界面外形及所含构件已经符合设计要求，但这个界面各构件之间的通讯还没有建立，为此必须激活处理。 激活方式为：选中其中的一个控件，如“眼图”控件，右击控件选择“View Callback”中的“callback”可出现一个可以(待填写回调指令的)M函数文件的文件编辑器界面，在待填写回调指令处填写语句figure(yantu)，其余控件依此类推分别在指令处填写figure(digital)，figure(digital_receive)，figure(mjcr)，figure(raise)，figure(partrespond)其中digital，digital_receive，mjcr，raise，yantu，partrespond为显示数字基带传输过程中各过程波形的图形用户界面，这样就和其他的子界面之间建立了通信，回调函数如下填写： function pushbutton1_Callback(hObject, eventdata, handles) % hObject handle to pushbutton1 (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) figure(digital) 回调函数编写完成后，点击保存按钮进行保存，点击工作台上的“Activate Figure”工具图标，便可以看到链接关系，如图4-4示。 图4-4 写完成的总界面
界面设计(参考)
界面设计 (一)界面设计（15分） 新建表单myform001，表单的标题为“假期旅游”，在表单中添加四个标签（Label1、Label2、Label3、Label4），标签label4的背景色为RGB(100,200,200),字体颜色为RGB(200,0,0)两个文本框（Text1、Text2），一个下拉式组合框（Combo1），一个命令按钮（Command1），一个图像控件（Image1）。要求标签Label1、Label2、Label3的标题文字分别为“姓名”、“性别”、“旅游目的地”，运行时在文本框Text1、Text2中分别输入姓名和性别，通过属性窗口将Combo1数据值的源内容设置为“桂林，青岛，西安，海南岛”，指定Image1控件显示的图片内容，图像采用变比例填充，高120，宽200。当改变下拉组合框的值时，在标签Label4中显示“姓名”+空格+“性别”+空格+“旅游目的地”，单击“退出”按钮，则结束表单的运行。所有字体采用隶书，16号字。表单设计图如下： 注意：表单设计中，不需要设置事件代码，控件和属性必须设置，在属性窗口选择相关属性，则在窗口下面会有说明。 (二)界面设计（10分） 新建表单myform001，表单的标题为“学生基本情况”，在表单中添加五个标签（Label1、Label2、Label3、Label4、label5），标签的标题文字分别为“学号”、“姓名”、“年龄”、“省份”、“备注”，三个文本框（Text1、Text2、text3），一个下拉式组合框（Combo1），一个命令按钮组包括五个命令按钮，按钮的标题分别为“首记录”，“上一条”，“下一条”，“末记录”，
界面设计几个要点
界面设计的几个要点 1．易用性： 按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。 易用性细则： 完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 同一界面上的控件数最好不要超过劳过度10个，多于10个时可以考虑使用分页界面显示。 分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab 默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。 可写控件检测到非法输入后应给出说明并能自动获得焦点。 Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
复选框和选项框按选择几率的高底而先后排列。 复选框和选项框要有默认选项，并支持Tab选择。 选项数相同时多用选项框而不用下拉列表框。 界面空间较小时使用下拉框而不用选项框。 选项数叫少时使用选项框，相反使用下拉列表框。 专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。 2．规范性： 通常界面设计都按Windows界面的规范来设计，即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。 规范性细则： 常用菜单要有命令快捷方式。 完成相同或相近功能的菜单用横线隔开放在同一位置。 菜单前的图标能直观的代表要完成的操作。 菜单深度一般要求最多控制在三层以内。 工具栏要求可以根据用户的要求自己选择定制。 相同或相近功能的工具栏放在一起。 工具栏中的每一个按钮要有及时提示信息。 一条工具栏的长度最长不能超出屏幕宽度。 工具栏的图标能直观的代表要完成的操作。 系统常用的工具栏设置默认放置位置。
界面设计模块
界面设计模块 一、界面设计模块： 本章讲解界面的设计方法以及基本的界面创建方法，如果需要创建类似的界面，可以在这些基础之上进行修改。 用户界面是一个应用程序最重要的部分，对用户而言，界面就是应用程序，他们感觉不到幕后正在执行的代码。无论花多少时间和精力来编制和优化代码、代码编写得如何出色、运行性能如何高，用户总是要与应用程序界面进行交互操作，而不是与代码进行交互操作，应用程序的可用性在很大程序上仍然依赖于界面的好坏。因此，界面设计是软件设计的一个重要方面。 1、界面设计原则 在设计应用程序用户界面的过程中，需要时时想到用户。一般需要遵守一下原则： （1）界面设计初步规划： 设计一个应用程序界面时，应该先对整个系统界面进行初步规划。考虑应该使用单文档还是多文档样式，需要多少个不同的窗体，菜单中将包含什么命令，要不要使用工具栏重复菜单的功能，提供什么对话框与用户交互，需要提供什么样的帮助。 （2）符合Windows界面准则： 随着Windows操作系统的使用用户的增加，用户更容易接受基于Windwos的应用程序。如果创建的界面与此相差太远的话，不容易让人接受。比如菜单的设计，大多数基于Windows的应用程序都遵循这样的标准，即“文件”菜单在最左边，然后是“编辑”、“工具”等可选菜单，最右边是“帮助”菜单。如果把“帮助”菜单放在最前面，便会降低应用程序的可用性。子菜单的位置也很重要，用户本期望在“编辑”菜单下找到“复制”、“剪贴”与“粘贴”等子菜单，若将它们移到“文件”菜单下会使用户不可理解。 （3）使用颜色：一般来说，最好采用一些柔和的、中性化的颜色。 （4）选取字体：一般来说，使用标准的Windows字体，如Arial、New Times Roman、System 等。如果用户的系统没有包含指定的字体，系统会使用替代的字体，其效果可能与设想的完全不一样。大多数情况下，不应当在应用程序中使用两种以上的字体。注意不要在应用程序中使用太多的字体，也不要设置太小的字体，以免影响用户阅读。 （5）合理的控件布局，保持界面的简明 2、初始屏幕窗体设计 初始屏幕又称为Splash窗体。Splash窗体的主要作用如下：
设计一 菜单系统
实验1 基于控制台的票务系统的菜单设计 一功能要求： 1 进入该系统时，将要选择不同身份进入系统（有管理员和客户两种身份），会出现图1界面。选择0 退出系统。若不选择1和2则提示出错，重新输入 2 （1）管理员进入 用户选择1，进入管理员权限，然后输入密码（8888）可以看到有6个选项。 选择其中之一(1-5),以文字示意性表示该菜单功能，按0回到上一级菜单，若不在规定内选择，则提示出错重新输入。
（2）用户选择2，以客户身份进入，可以看到五个选项， 选择1-4，以文字示意性表示信息。 选择0，返回主界面。
// design1.cpp : 定义控制台应用程序的入口点。 // #include "stdafx.h" #include "iostream" #include "string" #include 关键词:人机界面,设计 文章简要介绍人机界面设计的一些经验，有助于设计者设计出友好、高效的人机界面。下面介绍三类人机界面设计指南： 1、一般交互指南 涉及信息显示、数据输入、系统整体控制，这类是全局性的。下面讲述一般交互指南： （1）保持一致性。菜单、命令输入、数据显示等使用一致格式。 （2）提供有意义、用户可理解、可读的反馈。 （3）执行破坏性动作前要求用户确认。如删除记录。 （4）允许取消、撤销操作。 （5）尽量减少记忆量。不用记忆看到操作界面即可进行下一步操作。 （6）尽量减少按键次数、减少鼠标移动的距离，避免用户问“这是什么意思”的情况。提高行动和思考的效率。 （7）允许操作员犯错误，但是可以恢复。 （8）按功能对动作分类，并据此设计屏幕布局。比如菜单、下拉菜单、右键弹出式菜单。 （9）提供必要帮助，包括集成实时帮助和附加帮助文件。 （10）使用简单动词或动词短语作为命令名。 2、数据输入指南 数据输入界面往往占终端用户的大部分使用时间，也是计算机系统中最易出错的部分之一。其总目标：简化用户的工作，并尽可能降低输入出错率，还要容忍用户错误。 这些要求在设计实现时可采用多种方法： （1）尽可能减轻用户记忆，采用列表选择。 （2）尽量减少用户输入动作，按键次数。 （3）使界面具有预见性和一致性。 用户应能控制数据输入顺序并使操作明确，采用与系统环境(如Windows操作系统)一致风格的数据输入界面。 （4）防止用户出错。 在设计中可采取确认输入(只有用户按下键，才确认)，明确的移动(使用TAB键或鼠标在表中移动)，明确的取消，已输入的数据并不删除。对删除必须再一次确认，对致命错误，要警告并退出。对不太可信的数据输入，要给出建议信息，处理不必停止。 （5）提供反馈。 要使用户能查看已输入的内容，并提示有效的输入提示或数值范围。 （6）按用户速度输入和自动格式化。 用户应能控制数据输入速度并能进行自动格式化，对输入的空格都能被接受。 （7）允许编辑。 理想的情况，在输入后能允许编辑且采用风格一致的编辑格式。 （8）数据输入界面可通过对话设计方式，若条件具备尽可能采用自动输入。特别是条码、图像、声音输入。 （9）消除冗余输入。尽可能提供默认值；不要求输入单位；程序可以自动计算的信息绝对不要用户输入；系统自动填入用户已输入过的内容。 3、屏幕显示指南 下面是人机界面显示信息的设计指南： （1）只显示与当前工作内容有关的信息。 （2）尽量使用图形或图表直观方式表现数据。 （3）使用一致的标记、标准的缩写和可预知的颜色。 （4）产生有意义的出错信息，用户可理解的信息。 （5）使用大小写、缩进和文本分组以帮助理解。 （6）使用窗口分割不同类型的信息。 （7）高效率使用显示屏。 界面设计的要点 1．易用性： 按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。 易用性细则： 完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 同一界面上的控件数最好不要超过劳过度10个，多于10个时可以考虑使用分页界面显示。 分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab 默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。 可写控件检测到非法输入后应给出说明并能自动获得焦点。 Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。 复选框和选项框按选择几率的高底而先后排列。 复选框和选项框要有默认选项，并支持Tab选择。 选项数相同时多用选项框而不用下拉列表框。 界面空间较小时使用下拉框而不用选项框。 选项数叫少时使用选项框，相反使用下拉列表框。 专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。 2．规范性： 通常界面设计都按Windows界面的规范来设计，即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。 规范性细则： 常用菜单要有命令快捷方式。 完成相同或相近功能的菜单用横线隔开放在同一位置。 菜单前的图标能直观的代表要完成的操作。 菜单深度一般要求最多控制在三层以内。 工具栏要求可以根据用户的要求自己选择定制。 相同或相近功能的工具栏放在一起。 工具栏中的每一个按钮要有及时提示信息。 一条工具栏的长度最长不能超出屏幕宽度。 工具栏的图标能直观的代表要完成的操作。 系统常用的工具栏设置默认放置位置。 界面设计 1．登陆界面设计 验证码，自动生成 网站公告点这里注册找回密码 图1.1用户登陆首页 用户登陆首页要求：只有当用户名、密码和验证码都正确时才能通过验证。“网站公告” 部分为由下到上的滚动字幕，“查看所有商品”部分为从右到左的滚动字幕。点“注册 会员”时，弹出添加新会员窗口，如图1.2所示。点“忘记密码？”，弹出找回密码 页面，如图1.4所示。点“查看所有商品”，弹出商品展示页面，如图1.7所示。点 网站公告信息，弹出该公告的详细信息页面，如图1.9所示。 图1.2 用户注册页面 会员注册页面要求：用户登陆名只能为数字和字母以及“_”“-”，不得使用其它字符。 并且用户登陆名不能少于4位，密码不能少于6位，最多不超过10 话都要进行有效性验证，除了地址和身份证号外，其他信息不能为空。 功则提示，如图1.3所示。 图1.3 注册成功提示信息 图1.5用户存在后显示用户和密码框界面 如果问题和答案都填写正确，则显示输入新密码部分，如图1.6所示。 图1.6 问题和答案完全正确提交后的新密码界面 输入新密码后提交，则显示：“恭喜您，重新设置密码成功，请牢记”，确定后，找回密码页自动关闭。 商品展示页面：（如图1.7所示） 图1.7商品展示页面 商品展示页面功能要求：用DataList展示所有商品，如图1.7所示，要求实现翻页和模糊查询功能，点“放入购物车”后报告“请登录后购买！！”，如图1.8所示。 图1.8放入购物车时提示 图1.9公告详细信息页面 公告详细信息页面功能要求：显示公告标题和内容，点“关闭”按钮可以关闭窗体。 2．后台管理主界面设计 个人基本信息 内容页部分 功能菜单部分 图2.1 后台管理主界面 主界面功能要求： 用户界面设计风格说明(参考模版) 1引言 1.1设计说明 本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。 1.2概念和定义 用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。 GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。 1.3用户假定 将使用本系统的用户定义为：对应用程序或计算机的一般用法有一定了解，用户希望界面符合WINDOWS9X特别是OFFICE97风格，对易用性、简洁性有比较高的要求，对界面快速交互没有很强的要求（即不希望通过命令方式快速交互）。 2用户界面设计规范 2.1用户界面设计原则 本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。 界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把*作流程强加给用户。 界面设计必须经过确认才能完成。 2.2界面一致性 在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 1）显示信息一致性标准 （1）标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10号）； （2）日期:正常字体、宋体、白底黑字、3-D lowered； （3）对齐方法： l 左对齐:一般文字、单个数字、日期等 l 右对齐:数字、时间、日期加时间。 （4）分辨率为800*600，增强色16色 （5）字体缺省为宋体、五号、黑色 （6）底色缺省采用灰色 这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一致性。 2）布局合理化原则 应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。 在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。布局力求简洁、 1.用户满意度=功能+___人机界面_____+响应时间+可靠性+易安装性+____信息____+可维护性+其他因素 2. ____人机交互（人机对话）____是指人与计算机之间使用某种语言、以一定的交互方式，为了完成任务进行的一系列信息交换过程。 3.软件界面设计分为____功能性设计界面____、____情感性设计界面____、____环境性设计界面____。 4.进行系统分析和设计的第一步是___用户分析_____。 5.使用较早，也是使用最广泛的人机交互方式是____交互方式____。 6.软件界面开发流程包括____系统分析____、____系统设计____、____系统实施____三个阶段 7.设计阶段包括界面的____概念设计____、____详细设计____、____原型建立____与界面实现以及综合测试与评估等8.VB 是以结构化___Basic_____语言为基础、以____事件驱动作____为运行机制的可视化程序设计语言。 9.菜单使用形式主要有____菜单操作____和____Tba控件操作____两种。 10.随着计算机图形技术的发展，以直接操纵、桌面隐喻以及所见即所得为特征的____图形用户界面____技术广泛被计算机系统采用。 11.在用VB 开发应用程序时，一般要布置窗体、设置控件的属性、___编写代码___。 12. 假定在窗体上有一个通用对话框，其名称为CommonDialog1,为建立一个保存文件对话框，则需要把Action 属性设置为__value__。 13. 计时器事件之间的间隔通过__interval__属性设置。 14. 语句“Print “5+65=”;5+65”的输出结果为__5+65=70__。 15. 设有下列循环体，要进行4次循环操作，请填空。 x = 1 Do x = x * 2 Print x Loop Until__x<=32__ 16. 下列程序段的执行结果为__2 3 5__。 x = 1 y = 1 For I = 1 To 3 F= x + y x = y y = F Print F; Next I 17. 以下为3个列表框联动的程序，试补充完整。 Private Sub Dir1_Change() File1.Path=Dir1.Path End Sub Private Sub Drive1_Change() Drivel.Path=File1.Path;Dir1.Path=Drivel.Path__[7]__ End Sub 18. 在下列事件过程中则响应该过程的对象名是cmdl，事件过程名是__窗口标题事件__。 Private Sub cmd1_Click() Form1.Caption=“VisualBasic Example” End Sub 19. 当将文本框的SelStar 属性设置为0时，表示选择第开始位置在第一个字符之前，设置为1时表示__[9]__。 20. 以下程序代码实现单击命令按钮Command1 时形成并输出一个主对角线上元素值为“-”，其他元素值为“+”第6*6 阶方阵。 Privas Sub Command1_Click() DimA(6,6) For I = 1 To 6 For J = 1 To 6 If I = J Then Print “-” Else __[10]__ End If Print A (I,J); Next J Print Next I End Sub 21. 字母B的KeyAscii 码值为65，其KeyCode码值___[11]__。 22. Visual Basic 中的控件分为3类：__[12]_、ActioveX 控件和可插入对象。(国人)人机界面设计指南
界面设计的要点
用户界面设计
用户界面设计风格说明 (参考模版)
用户界面设计与答案