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

一、实验内容

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

二、实验步骤

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

三、界面设计

开发工具：VS2013 WinForm窗体程序
项目名称：高效党团信息管理系统
界面、效果简介
1）登陆、注册界面：
    采用了圆角边框的界面设计，简洁的背景图片，一致的字体、根据不同类型内容区分字号；

    最小化按钮鼠标点击、悬浮时呈现浅灰色、其他状态为灰黑色；

    关闭按钮鼠标点击、悬浮时呈现红色、其他状态为灰黑色；

    登陆、注册按钮鼠标悬浮点击时呈现黑色；

2）系统主界面
    由于在winform中用圆角边框设置了FormBorderStyle为null时，与标题栏有一些冲突，故减少了标题栏的使用。
    自上而下依次为菜单栏、工具栏、分页栏、状态栏。在菜单栏和工具栏中据添加了蓝色的图标、颜色简约、清新、一致。在分页栏，第一页为成员基本信息界面可直接显示信息也可以进行查询显示、插入信息的操作。状态栏显示系统名称、当前日期与当前用户信息。

    菜单栏设有二级菜单。

    对于基本功能在工具栏中具有快捷菜单。

    对于相应操作能给出相应的响应信息。如：添加成功的提示信息、添加失败的提示信息、删除时的确认信息、退出系统的询问信息、对于添加失败能给出帮助性的提示。

3）添加信息界面
    添加信息界面为分页的第二页，属于表单填写区域，内容分布错落有致，控件形式多样，采用了Label、Button、TextBox、Combox、DateTimepicker、ImageView、RichTextView，在日期、性别、学历等方面的填写提供了极大的便利。

4）导出信息界面
    使用GroupBox对不同类型的到处选择进行了不同的划分，不中类型的选项清晰明了。

5）联机帮助
    在这里我采用了一个帮助手册的形式，点击菜单栏右上角进入帮助手册界面。

    在帮助手册界面，在顶部设置了快捷菜单，可根据用户的不同需求进行相关操作，简便快捷。

    在帮助手册左侧采用树视图的方式，对不同类型的帮助信息进行划分，使用户可以很方便的寻找到，自己所需要的帮助信息。

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

一种全新的软件界面设计方法
一种全新的软件界面设计方法撰文:Aweay 你可转载,拷贝,但必须加入作者署名Aweay,如果用于商业目的,必须经过作者同意. 下载实例代码关键字:COM MySpy IE SetUIHanlde ...
一种全新的软件界面设计方法(续)
一种全新的软件界面设计方法(续) 点击下载文章所附代码撰文:Aweay 你可转载,拷贝,但必须加入作者署名Aweay,如果用于商业目的,必须经过作者同意. 前段时间,笔者写了一篇关于使用Web页面设 ...
准备“软件界面设计”培训（更新－0816）
第一期"面向对象软件开发"的培训已经基本结束,本周开始准备"软件界面设计"培训课程. 和上次培训一样,在完成培训PPT初稿后,我会上传到园子里,和大家分享我的心 ...
软件界面设计必备的色彩搭配技巧
无论是软件界面设计还是平常的平面设计,亦或者宣传页.手机APP界面的设计,都离不开色彩的搭配,由此可见,色彩搭配工作在设计过程中的重要性.今天就以软件界面设计为例来分享一下在具体设计过程中的要把握好的 ...
如何做好软件界面设计？2个方法一次掌握！
软件界面设计通常是指 UI 设计-- User Interface 的简称.UI 设计是指对软件的人机交互.操作逻辑.界面美观的整体设计. 好的软件界面设计要做到清晰.舒适.美观.要想做好软件界面设计 ...
软件工程（五）软件界面设计
一看视频中有软件界面设计我就乐了.一看视频我就哭了--感觉有点老吧.虽然概念性的东西没变.但是提不起来兴趣呢.所以这次总结下我对界面设计的认识. 如果说软件是一个亭亭玉立的姑娘.那软件界面就是姑娘身上 ...
常用计算机工具软件论文,计算机常用工具软件课程设计论文.docx
计算机常用工具软件课程设计论文计算机常用工具软件课程设计论文一.以学生为主体.教师为主导的教学活动形式在教师的启发诱导下,让学生自主学习和讨论,以学生身边的事物和生活实际为参照物,让学生亲自动手 ...
搜应用网是中国最丰富的手机资源下载站,为你提供精彩的手机图片.手机应用软件.手机游戏,定制服务手机用户的个性化需求,是广大手机用户.手机开发者.手机软件界面设计人员的广阔乐园.
搜应用网是中国最丰富的手机资源下载站,为你提供精彩的手机图片.手机应用软件.手机游戏,定制服务手机用户的个性化需求,是广大手机用户.手机开发者.手机软件界面设计人员的广阔乐园. 搜应用网是中国最丰富的 ...
软件界面设计原则(转)
一:遵循一致的准则,确立标准并遵循无论是控件使用,提示信息措辞,还是颜色.窗口布局风格,遵循统一的标准,做到真正的一致. 这样得到的好处: 1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个 ...
关于软件界面设计、控件颜色搭配、一些实用建议(偷懒技巧)总结——针对C# WinForm/WPF技术
之前的文章讲了很多控件包的用法,我们做C#WinForm工程师的,基本都是做上位机的,很多都是公司没有专门的设计团队,界面做成什么样,基本全凭自己审美. 但我们只是个程序员,又不懂设计,不可能在界面设 ...

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

一、实验内容

二、实验步骤

三、界面设计

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

最新文章

热门文章