软件中心界面开发标准.doc

27 / 27软件中心界面开发标准V1.0目录一、 系统级定义21. 系统整体构成22. 起始画面23. 登录34. 菜单35. 工具条56. 热键67. 提示信息78. 右键定义79. 颜色的搭配7二、 窗口级定义81. 窗口内控件的组合划分82. 维护类窗口：103. 查询窗口：114. 统计窗口：135. 对话窗口：14业务引导图：15初始化引导：158. 编码帮助窗口159. 提示信息窗口：1610. 向导式操作窗口1711. 标准树形维护窗口17三、 控件级定义171. 多行编辑(Memo、DBMemo、RichEdit)、树状视图（TreeView）、列表视图（ListView）、数据网格（DBGrid）：172. 按钮（Button、Bitbtn、SpeedButton）：183. 文字：194. 分组框（GroupBox）：205. 单行编辑（Edit、MaskEdit）、组合框（ComboBox）206. 图表（Graph）：217. 复选框（CheckBox）、单选框（RadioButton）、单选按钮组（RadioGroup）：218. 图片（Image、Shape）：219. 标签(PageControl、TabControl)：2210. 状态栏（StatusBars）：2211. 窗口（Form）：(add)2212. 网格（StringGrid 、DrawGrid）2213. 控件距离：22四、 附录23遵从原则：界面简洁朴素，控件摆放整齐，风格统一。依据原则，本标准从如下三方面予以约定：一、 系统级定义1. 系统整体构成整个系统应包含如下几个方面：2. 起始画面用于显示系统的名称、版权人等信息。 运行图标，首先出现系统信息窗口（停留约2秒种），程序启动完毕，弹出登录背景窗口和登录窗口。背景图片，根据颜色数确定使用，统一确定相对位置（根据分辨率大小自动调整）。3. 登录进入某一子系统时要求登录，高140，宽325（如非特别标注，单位均为象素）。 各子系统登录窗口的大小、窗口里边内容的大小、排列、间隔应完全一致,如下.窗口标题统一为“系统登录”，标题栏右侧加上关闭窗口的“X”号小按钮。.右上部分使用图片，按钮在右下。.窗口信息如下： 选项：根据情况设置。 用户：（应输入用户编号，不应输入用户名称） 口令：（应隐式显示） .窗口信息的标题靠左对齐，尽量控制为两个字。.两个按钮纵向排放在窗口右下部，按钮名称为：“确定”、“取消”。“确定”按钮顶部坐标与“用户”顶部坐标对齐，且设置为“缺省”项。.可使用回车键转移输入焦点，输入完口令后按下回车键应立刻响应“确定”。4. 菜单 整个用户界面菜单数最好不要多于7个，每个菜单中的选项不要多于5个，嵌套层次不要超过3层；主菜单项名称用两个字表达；同一层菜单项功能不同者用横线隔开，各子系统功能相同的菜单项必须用同一名称；常用操作必须有热键。1. 主窗口菜单（1） 标题栏内容：左侧为 系统图标 + 系统名称，右侧三个控制按钮：最小化、最大化、关闭。（2） 菜单栏内容： 文件 子系统菜单项 窗口 帮助 主菜单项数不能超过九项。明细内容项目举例如下：文件(F)子系统菜单项(S)窗口（W）帮助（H）打开(O) Ctrl+O平铺级联横向（并列）纵向（并列）最小化所有窗口目录和索引（C）更换操作员(U) Ctrl+U更改口令财务日期工具条（B）国强WEB站点（W）系统备份系统恢复关于xxxx子系统(A)打印机设置(P) 业务引导图（F10）报表、汇总报表无业务引导图退出(X) 各明细菜单项目的工作： 切换操作员：调用统一的窗口，注意功能权限、数据权限、时效权限、运行记录处理的正确性。 更改口令： 调用统一的窗口。 财务日期： 调用财务日期修改窗口，应注意日期处理的限制和正确性。 系统备份： 系统恢复： 打印机设置：应统一调用Windows系统的打印机设置窗口。 业务引导图：注意对功能权限、数据权限、时效权限处理的正确性。退出： 注意运行记录处理的正确性，正常退出无须提示。目录和索引：调用统一的帮助窗口“关于”窗口内容：系统名称：各子系统名称 + 版本信息：；图片：版权信息：“版权所有（C）：1999-1999浪潮集团山东通用软件有限公司”；合法用户名称：用户名称 + 单位名称；警告：“本计算机程序受版权法和国际条约保护。如未经授权而擅自复制或传播本程序（或其中任何部分），将受到严厉的民事及刑事制裁，并将在法律许可的范围内受到最大可能的起诉。”；“确定”按钮：关闭窗口；“系统信息”按钮：调用Windows系统信息部分2.子菜单菜单菜单栏内容： 文件 编辑 查看 子系统菜单项 窗口 帮助 子菜单明细内容项目如下：文件(F)编辑(E)查看(Q)子系统菜单项窗口（W）帮助（H）备注标准菜单项首页 Ctrl+Home下页 PageDown上页 PageUp尾页 Ctrl+End过滤 Ctrl+F查询 Ctrl+R标准菜单项竖线横线标准菜单项调整列宽打印设置页面设置打印预览打印 Ctrl+P5. 工具条一组相同功能的图标与其他组的图标之间用“|”隔开；子菜单与主菜单图标之间用“|”线隔开；要求有热键和隐式中文提示工具条与菜单的图标一致，CoolBar高31（仅有一个工具条时）,ToolBar高25，ToolButton高23，宽30。工具条ToolBar上统一使用ToolButton，ToolBar必须放在CoolBar上。功能图标文件名(.BMP)快捷键增加Add-tCtrl + A删除DeleteCtrl + Del复制CopyCtrl + C取消 UndoEsc插入InsertCtrl + Ins保存SaveCtrl + S同级增加Add-tCtrl + T下级增加Add-nCtrl + N切换帐套Open切换操作员LoginCtrl + U业务引导图GuideF10计算Compute退出QuitCtrl + Q竖线Shuxian横线Hengxian首页FirstHome上页UpPageUp下页NextPageDown尾页EndEnd调整列宽Lk帮助hlpF1打印PrintCtrl+P打印设置Setprn页面设置Setpage打印预览PreviewCtrl+V6. 热键各子系统及各子系统窗口中具有相同功能的按钮的热键应一致，如功能按钮有热键，或需要自定义某些快捷键，应不与下列规定相抵触。按钮热键确认None确定None取消None重试Alt + R退出Alt + Q是Alt + Y否Alt + N增加Alt + A删除Alt + D查询Alt + F打印Alt + P排序Alt + S条件查询Alt + F存盘Alt + U页首Home页尾End前页Page Up后页Page Down帮助Alt+H其他热键可根据实际情况而定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、 维护表中部分数据对于表中数据的限制条件放在数据区的上方，整齐排列。按钮放在数据区的下方，按钮中的快捷键字符放在文字的右边，紧密排列。5、主从表维护3. 查询窗口：1 帐页式输出帐页的显示输出,应遵循原则：A 模拟现实原则（SR）；将财务工作中实际应用到的帐页形式在窗口中表现出来。B “资源管理器”输出；右键单击有弹出式菜单。2 图表式输出依照当前数据窗口的要求而定 3 卡片式输出应满足模拟显示原则（SR），对于输出项较少者应满足置上原则（TOTOP）4 打印预览输出5 表格式输出4. 统计窗口：1 窗口统计对当前数据窗口内的数据进行统计计算，应遵循原则：A 显示统计进程（进度条、文字提示），不再弹出其他窗口B 动画显示（设计动画形象表达）必须有取消功能2 专用统计窗口月结、年结等窗口便属此类，应结合上述A、B原则进行。3标准汇总条件窗口：5. 对话窗口：对话窗口一般比较小，输入数据少，因此只要满足“整齐原则”就可以了；1 一般对话窗口等待时间长应有进程条或动画显示，组件右边界以按钮为准对齐。2 选择窗口一般用于查询过程中的关键词选择，关键选项需添加帮助按钮或采用下拉列表方式，完成查后应关闭该窗口。6. 业务引导图：7. 初始化引导：8. 编码帮助窗口 1、编码帮助窗口内容：标题栏内容：“帮助数据”+“”+ 帮助内容如：帮助数据选择科目右侧加上关闭控制按钮 X 2、采用统一的窗口：(1) 帮助数据窗口在被调用过程中只弹出相关数据(2) 各编码输入框右侧帮助按钮统一用三个点“”，编辑框的半高。9. 提示信息窗口：窗口类型： MessageBox窗口 标题栏内容：“提示信息”，右侧含有不可操作的按钮 X 提示信息窗口分类：严格按照提示信息的性质确定图标及提示信息内容； （常用提示用语见附录）提示信息性质图标按钮备注信息Information!OK!YesNo!YesNoCancel!一般信息，只是简单的提示。中止操作Stop!RetryCancel!中止当前的错误操作或危险操作。警告Exclamation!AbortRetryIgnore!对本次操作可能带来的后果予以提示询问Question!YesNoCancel对当前操作予以“确认”或“取消”10. 向导式操作窗口项目属性窗口标题相关功能名称窗口标准大小视具体情况窗口位置居中控制菜单-控制按钮“上一步”，“下一步”(“完成”)，“取消”完成按钮在最后一步完成前不显示图片信息文字背景色为ButtonFace，前景色为黑色(步骤栏文字执行当前操作时显示为蓝色)操作布局1、 左侧为操作提示区2、 右侧为操作区11. 标准树形维护窗口项目属性窗口标题相关功能名称窗口标准大小(PBU)视具体情况窗口位置居中控制菜单-控制按钮“保存”，“退出”完成输入前“保存”按钮不可用文字标题字大小为宋体，16操作布局1、 左侧为树型目录2、 右侧为数据录入区3、 录入区输入框行距为64、 可适当进行分区或分页 （窗口参见多窗口维护）三、 控件级定义1. 多行编辑(Memo、DBMemo、RichEdit)、树状视图（TreeView）、列表视图（ListView）、数据网格（DBGrid）：属性：控件以当前窗口大小为标准适当定义；右上方、下方作为功能区；树状视图、列表视图中图标应含义明确；TreeView的ChangeDelay设为50，使节点展开、折叠具有浏览器的效果。多行编辑时回车键换行，Tab键转移焦点。举例：2. 按钮（Button、Bitbtn、SpeedButton）：属性：Height=25，Width依具体情况而定，默认75；按钮在窗口右下方或右方排列，当控件中包含按钮时，按钮不应和控件外的按钮在同一方向上排列；标题之间不准有空格，如按钮有图形，图形在文字左方，并力求美观、形象，含义明确；单个SpeedButon可灵活设置，非工具栏中成组的SpeedButon应保证在整个系统内统一, 按钮标题没有空格，不使用图标。快捷字母在文字右方。举例：3. 文字：属性：文字正文选用宋体,9号，背景色为窗口颜色，前景色为黑色，具有其他含义的可改变其颜色（如红数等）；账本、卡片等的标题选用楷体，20号字；控件上的文字标准同上。举例：4. 分组框（GroupBox）：严格按照界面的功能划分进行分组，限制使用。举例：5. 单行编辑（Edit、MaskEdit）、组合框（ComboBox）属性：Height=20，Width不限，其他取默认值，如使用掩码，统一使用*；对格式化的数据，提供格式化的录入方式。举例：6. 图表（Graph）：主要应用于各种数据的定性分析，其风格采用标准的Delphi提供的格式举例：7. 复选框（CheckBox）、单选框（RadioButton）、单选按钮组（Ra