界面设计规范
发布日期:2002-8
1.引言
1.1 设计说明
本文档是对系统界面设计风格进行描述,而和用户交互的最终界面将会中项目《详细设计说明书》中设计和解释。
1.2 概念和定义
1. 用户界面
又称人机界面,实现用户与计算机之间的通信,以控制计算机或进行用户和计算机之间得数据传送的系统部件。
2. GUI
即图形用户界面,一种可视化得用户界面,它使用图形界面代替文本界面。
开发人员必须选择仔细选择窗体,并且要理解为什么比其他形式的窗体更适用。
3. 主要窗体(Primary Windows)
主要窗体包含了一个应用程序的大部分功能,大多时候它是一个单独的窗体,但在一个MDI风格的应用程序中,父窗体和子窗体都被认为是主要窗体。
1) Single Document Interface (SDI)
一个单独的主要窗体通常包含一个菜单栏、工具栏和状态栏,打开此窗体时应该运行在当前所有窗体的上面,并且在任务栏提供显示,就像记事本和写字板程序。
2) Multiple Document Interface (MDI)
通常适合有多个任务,或同时管理所有的窗口。例如Microsoft Word,Excel和Visual Basic。
3) Split Document Interface (split SDI或Explorer)
是一个分隔的主要窗体,通常包括菜单栏、工具栏和状态栏。例如资源管理器和Outlook。
4. 次要窗体(Secondary Windows)
一个次要窗体通常用于为主要窗体提供补充信息和交互作用,界面比较简单。
1) Modal dialog boxes(模态对话框)
2) Modeless dialog boxes(非模态对话框)
3) Property sheet
1.3 用户假定
将使用本系统的用户定义为:对应用程序或计算机的一般用法有一定了解,用户希望界
面符合Windows 9X/2000特别是Office 97/2000风格,对易用性、简洁性有比较高的要求,对界面快速交互没有很强的要求(即不希望通过命令方式快速交互)。
2. 用户界面设计规范
2.1 用户界面设计原则
图形用户界面(GUI)设计原则,界面直观、对用户透明:用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。
界面设计员应该明白软件中用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户。
界面设计必须经过确认才能完成。
2.2 Windows界面标准
1. 窗体大小要设计适合800×600像素
2. 程序第一次运行时默认最大化打开,以后要以用户定义的大小打开
3. 次要窗体不能大于500×400像素
4. 一些次要窗体大小的标准(单位:像素)
1) 关于对话框(About Box) 390w×264
2) 登录对话框(Login) 290×142
3) 起始信息框(Splash Screen) 500×310
5. 所有窗体的设计都必须遵从可视化开发的标准
1) 突起的项目可以被点击;
2) 当鼠标移动到可以被点击的项目上时,该项目高亮显示;
网页界面设计的原则有哪些?3) 凹进的项目不能被点击;
4) 当项目有白的背景并可以置放光标时,该项目可以被编辑;
5) 项目的背景为灰时不能被编辑;
6) 灰的项目是不能使用的;
如下图所示。
图1 可视化开发样例
6. 只有主窗体才能有菜单栏、工具栏和状态栏
7. 应用程序将要包含下面的元素
1) 系统图标(System Icon)
2) 系统名称(System Name Text)
3) Data Type Name (只应用于MDI applications)
如下图所示。
图2 主窗体标题栏示例
MDI窗体标题栏(TITLE BAR)如下图所示
图3 MDI窗体标题栏示例
当MDI窗体最大化时,融合在父窗体时的例图如下所示。
图4 MDI窗体融合后标题栏示例
8. 次要窗体不能调整大小
9. 主要窗体必须包含一个状态栏
如下图所示。
图5 状态栏标准
10. 使用通用的对话框。
如下图所示。
表1 Windows 对话框
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论