【人机交互技术】工具软件界面设计

一、实验内容

    利用常用界面设计工具完成一个通用图形用户界面设计，要遵循界面设计的一般性原则（一致性、快捷方式、提供错误处理），注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计。

二、实验步骤

1.设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮颜色；
2.设计不同形式的菜单，完成不同对话框的调用；
3.提供简单的错误处理，联机帮助。

三、界面设计

1. 开发工具：VS2013 WinForm窗体程序
2. 项目名称：高效党团信息管理系统
3. 界面、效果简介
   1） 登陆、注册界面：
       采用了圆角边框的界面设计，简洁的背景图片，一致的字体、根据不同类型内容区分字号；
   
       最小化按钮鼠标点击、悬浮时呈现浅灰色、其他状态为灰黑色；
   
       关闭按钮鼠标点击、悬浮时呈现红色、其他状态为灰黑色；
   
       登陆、注册按钮鼠标悬浮点击时呈现黑色；
   
   2）系统主界面
       由于在winform中用圆角边框设置了FormBorderStyle为null时，与标题栏有一些冲突，故减少了标题栏的使用。
       自上而下依次为菜单栏、工具栏、分页栏、状态栏。在菜单栏和工具栏中据添加了蓝色的图标、颜色简约、清新、一致。在分页栏，第一页为成员基本信息界面可直接显示信息也可以进行查询显示、插入信息的操作。状态栏显示系统名称、当前日期与当前用户信息。
   
       菜单栏设有二级菜单。
   
       对于基本功能在工具栏中具有快捷菜单。
   
       对于相应操作能给出相应的响应信息。如：添加成功的提示信息、添加失败的提示信息、删除时的确认信息、退出系统的询问信息、对于添加失败能给出帮助性的提示。
   
   
   
   
   3）添加信息界面
       添加信息界面为分页的第二页，属于表单填写区域，内容分布错落有致，控件形式多样，采用了Label、Button、TextBox、Combox、DateTimepicker、ImageView、RichTextView，在日期、性别、学历等方面的填写提供了极大的便利。
   
   4）导出信息界面
       使用GroupBox对不同类型的到处选择进行了不同的划分，不中类型的选项清晰明了。
   
   5）联机帮助
       在这里我采用了一个帮助手册的形式，点击菜单栏右上角进入帮助手册界面。
   
       在帮助手册界面，在顶部设置了快捷菜单，可根据用户的不同需求进行相关操作，简便快捷。
   
       在帮助手册左侧采用树视图的方式，对不同类型的帮助信息进行划分，使用户可以很方便的寻找到，自己所需要的帮助信息。