Delphi界面设计标准.

软件中心界面开发标准

V1.0

一、系统级定义 (2)

1. 系统整体构成 (2)

2. 起始画面 (3)

3. 登录 (3)

4. 菜单 (4)

5. 工具条 (7)

6. 热键 (10)

7. 提示信息 (11)

8. 右键定义 (11)

9. 颜色的搭配 (12)

二、窗口级定义 (13)

1. 窗口内控件的组合划分 (13)

2. 维护类窗口： (17)

3. 查询窗口： (22)

4. 统计窗口： (25)

5. 对话窗口： (27)

业务引导图： (28)

初始化引导： (28)

8. 编码帮助窗口 (29)

9. 提示信息窗口： (31)

10. 向导式操作窗口 (32)

11. 标准树形维护窗口 (32)

三、控件级定义 (33)

1. 多行编辑(Memo、DBMemo、RichEdit)、树状视图（TreeView）、列表视图

（ListView）、数据网格（DBGrid）： (33)

2. 按钮（Button、Bitbtn、SpeedButton）： (34)

3. 文字： (36)

4. 分组框（GroupBox）： (36)

5. 单行编辑（Edit、MaskEdit）、组合框（ComboBox） (37)

6. 图表（Graph）： (38)

7. 复选框（CheckBox）、单选框（RadioButton）、单选按钮组（RadioGroup）：38

8. 图片（Image、Shape）： (39)

9. 标签(PageControl、TabControl)： (39)

10. 状态栏（StatusBars）： (40)

11. 窗口（Form）：(add) (40)

12. 网格（StringGrid 、DrawGrid） (40)

13. 控件距离： (40)

四、附录 (42)

遵从原则：界面简洁朴素，控件摆放整齐，风格统一。

依据原则，本标准从如下三方面予以约定：

一、系统级定义

1.系统整体构成

整个系统应包含如下几个方面：

2.起始画面

用于显示系统的名称、版权人等信息。

运行图标，首先出现系统信息窗口（停留约2秒种），程序启动完毕，弹出登录背景窗口和登录窗口。背景图片，根据颜色数确定使用，统一确定相对位置（根据分辨率大小自动调整）。

3.登录

进入某一子系统时要求登录，高140，宽325（如非特别标注，单位均为象素）。

各子系统登录窗口的大小、窗口里边内容的大小、排列、间隔应完全一致,如下

.窗口标题统一为“系统登录”，标题栏右侧加上关闭窗口的“X”号小按钮。

.右上部分使用图片，按钮在右下。

.窗口信息如下：

选项：根据情况设置。

用户：（应输入用户编号，不应输入用户名称）

口令：（应隐式显示）

.窗口信息的标题靠左对齐，尽量控制为两个字。

.两个按钮纵向排放在窗口右下部，按钮名称为：“确定”、“取消”。“确定”按钮顶部坐标与“用户”顶部坐标对齐，且设置为“缺省”项。

.可使用回车键转移输入焦点，输入完口令后按下回车键应立刻响应“确定”。

4.菜单

整个用户界面菜单数最好不要多于7个，每个菜单中的选项不要多于5个，嵌套层次不要超过3层；主菜单项名称用两个字表达；同一层菜单项功能不同者用横线隔开，各子系统功能相同的菜单项必须用同一名称；常用操作必须有热键。

1.主窗口菜单

（1）标题栏内容：左侧为系统图标 + 系统名称，右侧三个控制按钮：最小化、最大化、关闭。

（2

主菜单项数不能超过九项。明细内容项目举例如下：

各明细菜单项目的工作：

切换操作员：调用统一的窗口，注意功能权限、数据权限、时效权限、运行记录处理的正确性。

更改口令：调用统一的窗口。

财务日期：调用财务日期修改窗口，应注意日期处理的限制和正确性。

系统备份：

系统恢复：

打印机设置：应统一调用Windows系统的打印机设置窗口。

业务引导图：注意对功能权限、数据权限、时效权限处理的正确性。

退出：注意运行记录处理的正确性，正常退出无须提示。

目录和索引：调用统一的帮助窗口

“关于”窗口内容：

系统名称：各子系统名称 + 版本信息：；

图片：

合法用户名称：用户名称 + 单位名称；

警告：“本计算机程序受版权法和国际条约保护。如未经授权而擅自复制或传播本程序（或其中任何部分），将受到严厉的民事及刑事制裁，并将在法律许可的范围内受到最大可能的起诉。”；

“确定”按钮：关闭窗口；

“系统信息”按钮：调用Windows系统信息部分

2.子菜单菜单

子菜单明细内容项目如下：

5.工具条

一组相同功能的图标与其他组的图标之间用“|”隔开；子菜单与主菜单图标之间用“||”线隔开；要求有热键和隐式中文提示

工具条与菜单的图标一致，CoolBar

高31（仅有一个工具条时）,ToolBar 高25，ToolButton 高23，宽30。

工具条ToolBar 上统一使用ToolButton ，ToolBar 必须放在CoolBar 上。

Add Del Cop

Ins Sav Add Add Ope Log Gui Com Qui

Shu Hen Fir Up Nex End Lk Pri

Set

Pre

6.热键

各子系统及各子系统窗口中具有相同功能的按钮的热键应一致，如功能按钮有热键，或需要自定义某些快捷键，应不与下列规定相抵触。

7.提示信息

提示信息对一个系统来说非常重要，一方面系统可能会出现异常，这时候应该让用户明白他应该如何继续操作，能说明原因的要要说明原因；另一方面要用提示信息正确引导用户，那些地方操作错误，一些操作需要用户确认。

提示信息的内容要求精确，易懂，易定位。

精确是说要真实的反映错误的情况，不要有误导作用，比如说在系统登录的时候，由于数据库连接不上导致无法验证用户，这时候不能提示如果提示用户信息不正确，显然非本质原因，这样一不利于你了解问题原因，二使用户可能花费时间去查证正确的信息，另外如果提示模糊，会导致用户不知下一步该怎么做，无所适从。

易懂是说要从用户角度，用用户语言给出提示文字内容，不要造成本来是要引导用户，实际造成用户不知如何取舍，比如说当用户要删除一张凭证的时候，对程序员来说该凭证在数据库中反映为一条记录，但在用户眼中它就是一张凭证，这时如果提示用户确实要删除该记录吗？就容易使用户不理解。类似的提示信息不能出现。

所谓易定位是指当用户的操作，包括输入，修改等，存在错误时，系统给出错误提示，这时的提示除了精确易懂外，应该让用户很容易的找到问题位置，修正错误，当然提示后系统定位也是必要的。否则虽然用户明白自己错误内容及原因，但却要花费时间去寻找错误的位置；比如当用户对一个基础字典进行维护的时候，保存时，系统检测到某条数据不合法，于是给出提示，“第xxx行的ABC数据不正确，请修正。”，这时候你难道让用户去数行数吗，即使提示后定位，用户可能怀疑定位正确性呢。

系统出错信息应尽量具体是什么错误，错误的原因是什么，如何处理这些错误；其他提示应含义明确，使用用户语言，尽量符合用户的职业习惯。对同一问题给用户的提示，在系统的不同模块中要一致。关于提示窗口的规范请参考窗口级定义，常用提示用语请见附录。

类似于下面的提示信息是不合适的：

确实要删除该记录吗？

当前数据正在使用，不允许删除！

当前数据正在使用，不允许修改！

当前数据已被------使用，不允许删除！

编辑状态不允许退出！

非浏览状态不允许进入表格！

等等。

8.右键定义

1、在树形结构控件中点击鼠标右键，出现快捷操作菜单；

快捷操作菜单内容：(应涵盖所有子菜单项)

打印(P)

同级增加(T)

下级增加(N)

删除(D)

或其他项…

查找(F)

排序(S)

或其他项…

帮助(H)

退出(Q)

2、在编码输入框中点击鼠标右键，出现帮助数据窗口。9.颜色的搭配

.在一次显示中使用的颜色数目应不超过五到七个

.在使用颜色上前后要一致

.可以由用户定义界面的颜色，以符合用户自己的习惯

.如果使用红色或绿色，将它们放在显示器的中心而不是边缘

.将蓝色用于背景或大区域中，人类的眼睛对蓝色最不敏感

.亮灰色与蓝色是最适合于作为背景色的颜色，能够给人一种轻松愉快的感觉

.避免相邻使用仅是兰色的亮度有差别的两种颜色

.不要只依靠颜色编码来区分小区域

.不要使用兰/黄、红/绿、红/兰、或绿/兰这样的组合

.使用暖色(红，橙，亮粉红等)来使客体更接近观察者

.根据颜色的常规含义来使用颜色

传统上，红色意味着停止或危险，黄色意味着小心，绿色意味着安全等

.将亮色放在暗色旁边以保持黑白兼容

.注意前景色与背景色的搭配:

二、窗口级定义

1.窗口内控件的组合划分

1．标准字典格式

标准字典格式是一种表头和表体都很规范的表格格式，基本是数据库中表或视图的再现。

标准字典的分类主要依据数据趋于功能区的排列位置：

A．数据区在上、功能区在下（DUFD）

B．数据区在左、功能区在右（DLFR）

2．稀疏项格式

对于某些窗口由于显示项较少而窗口较大时，应遵循如下原则：A．置上原则（TOTOP）

B．功能分散原则（TOSEP）

3．多项格式

有些项目个数很多，有时给排列造成一定困难（例如卡片输入等），可遵循原则：A．整齐原则（REGULAR）

控件排列整齐、均匀、紧密。

B．划分输入区

4．组合格式

有些窗口内的项目是上述三项的综合体，因此上述原则也适合本条；

5．图表格式

依照当前数据窗口的要求而定。

2.维护类窗口：

Tab顺序先上下，后左右。不可为空的对象的背景为“$00D2DFD6”，Tab顺序优先。录入多条记录时回车键作用与Tab键相同，按正常Tab顺序录入完最后一个字段后的回车键执行该窗口的专用操作，如保存当前记录。不能修改的字段不允许得到焦点。同时禁止窗口大小变化。用F7提供帮助。

1、单窗口维护

A、在一个窗口内完成一项单一数据维护（使用于简单的数据表）

B、在一个窗口内完成一项单一数据维护（使用于复杂的数据表），右边数据维护区可进行适当分区或分页。顶部可为图形按钮或文字按钮，要左对齐，排列紧密。

C、纯表格维护数据

只利用单纯的表格维护数据，表格中的列标题要居中显示，要尽量显示出所有的列，避免使用横向滚动条。要求记录中的数字右对齐，字符左对齐。

2、多窗口维护（维护向导窗口）

在一个窗口内完成多项数据的维护

3、表格、卡片式维护

打开窗口时，若记录为空，显示卡片，否则显示表格。卡片方式允许浏览、增加、删除、、修改数据，并显示数据当前状态，显示位置为右下、字体为宋体11号、黑色。表格方式只允许浏览、删除数据。

4、维护表中部分数据

对于表中数据的限制条件放在数据区的上方，整齐排列。按钮放在数据区的下方，按钮中的快捷键字符放在文字的右边，紧密排列。