软件中心界面开发标准

1、软件中心界界面开发标标准V1.0目录TOC o 1-3一、 系统统级定义 PAGEREF _Toc467547554 h 21. 系统统整体构成成 PAGEREF _Toc467547555 h 22. 起始始画面 PAGEREF _Toc467547556 h 23. 登录录 PAGEREF _Toc467547557 h 34. 菜单单 PAGEREF _Toc467547558 h 35. 工具具条 PAGEREF _Toc467547559 h 56. 热键键 PAGEREF _Toc467547560 h 67. 提示示信息 PAGEREF _Toc467547561 h 78. 右

2、键键定义 PAGEREF _Toc467547562 h 79. 颜色色的搭配 PAGEREF _Toc467547563 h 7二、 窗口口级定义 PAGEREF _Toc467547564 h 81. 窗口口内控件的的组合划分分 PAGEREF _Toc467547565 h 82. 维护护类窗口： PAGEREF _Toc467547566 h 103. 查询询窗口： PAGEREF _Toc467547567 h 114. 统计计窗口： PAGEREF _Toc467547568 h 135. 对话话窗口： PAGEREF _Toc467547569 h 14业务引导图图： PAGER

3、EF _Toc467547570 h 15初始化引导导： PAGEREF _Toc467547571 h 158. 编码码帮助窗口口 PAGEREF _Toc467547572 h 159. 提示示信息窗口口： PAGEREF _Toc467547573 h 1610. 向向导式操作作窗口 PAGEREF _Toc467547574 h 1711. 标标准树形维维护窗口 PAGEREF _Toc467547575 h 17三、 控件件级定义 PAGEREF _Toc467547576 h 171. 多行行编辑(MMemo、DBMeemo、RichhEditt)、树状状视图（TTreeVView

4、）、列表视图图（LisstVieew）、数数据网格（DBGrid）： PAGEREF _Toc467547577 h 172. 按钮钮（Buttton、Bitbbtn、SpeeedButtton）： PAGEREF _Toc467547578 h 183. 文字字： PAGEREF _Toc467547579 h 194. 分组组框（GrroupBBox）： PAGEREF _Toc467547580 h 205. 单行行编辑（EEdit、MaskkEditt）、组合合框（CoomboBBox） PAGEREF _Toc467547581 h 206. 图表表（Graaph）： PAGEREF

5、 _Toc467547582 h 217. 复选选框（ChheckBBox）、单选框（RadioButton）、单选按钮组（RadioGroup）： PAGEREF _Toc467547583 h 218. 图片片（Imaage、Shappe）： PAGEREF _Toc467547584 h 219. 标签签(PaggeConntroll、TabCContrrol)： PAGEREF _Toc467547585 h 2210. 状状态栏（SStatuusBarrs）： PAGEREF _Toc467547586 h 2211. 窗窗口（Foorm）：(addd) PAGEREF _Toc46

6、7547587 h 2212. 网网格（SttringgGridd 、DrawwGridd） PAGEREF _Toc467547588 h 2213. 控控件距离： PAGEREF _Toc467547589 h 22四、 附录录 PAGEREF _Toc467547590 h 23遵从原则：界面简洁洁朴素，控控件摆放整整齐，风格格统一。依据原则，本本标准从如如下三方面面予以约定定：系统级定义义系统整体构构成整个系统统应包含如如下几个方方面：起始画面用于显示系系统的名称称、版权人人等信息。 运运行图标，首首先出现系系统信息窗窗口（停留留约2秒种种），程序序启动完毕毕，弹出登登录背景窗窗口和登

7、录录窗口。背背景图片，根根据颜色数数确定使用用，统一确确定相对位位置（根据据分辨率大大小自动调调整）。登录进入某一子子系统时要要求登录，高高140，宽3325（如非非特别标注注，单位均均为象素）。 各各子系统登登录窗口的的大小、窗窗口里边内内容的大小小、排列、间隔应完完全一致,如下.窗口标题题统一为“系统登录录”，标题栏栏右侧加上上关闭窗口口的“X”号小按钮钮。.右上部分分使用图片片，按钮在在右下。.窗口信息息如下： 选选项：根据据情况设置置。 用用户：（应应输入用户户编号，不不应输入用用户名称） 口口令：（应应隐式显示示） .窗口信息息的标题靠靠左对齐，尽尽量控制为为两个字。.两个按钮钮纵向

8、排放放在窗口右右下部，按按钮名称为为：“确定”、“取消”。“确定”按钮顶部部坐标与“用户”顶部坐标标对齐，且且设置为“缺省”项。.可使用回回车键转移移输入焦点点，输入完完口令后按按下回车键键应立刻响响应“确定”。菜单 整整个用户界界面菜单数数最好不要要多于7个，每个菜单单中的选项项不要多于于5个，嵌套层次次不要超过过3层；主菜菜单项名称称用两个字字表达；同同一层菜单单项功能不不同者用横横线隔开，各各子系统功功能相同的的菜单项必必须用同一一名称；常常用操作必必须有热键键。主窗口菜单单标题栏内容容：左侧为为 系统图图标 + 系统名称称，右侧三三个控制按按钮：最小小化、最大大化、关闭闭。菜单栏内容容

9、： 文文件 子系系统菜单项项 窗窗口 帮助 主菜单项数数不能超过过九项。明明细内容项项目举例如如下：文件(F)子系统菜单单项(S)窗口（W）帮助（H）打开(O) Cttrl+OO平铺级联横向（并列列）纵向（并列列）最小化所有有窗口目录和索引引（C）更换操作员员(U) CCtrl+U更改口令财务日期工具条（BB）国强WEBB站点（WW）系统备份系统恢复关于xxxxx子系统统(A)打印机设置置(P) 业务引导图图（F100）报表、汇总总报表无业业务引导图图退出(X) 各各明细菜单单项目的工工作： 切切换操作员员：调用统统一的窗口口，注意功功能权限、数据权限限、时效权权限、运行行记录处理理的正确性性

10、。 更更改口令： 调用用统一的窗窗口。 财财务日期： 调用用财务日期期修改窗口口，应注意意日期处理理的限制和和正确性。 系系统备份： 系系统恢复： 打打印机设置置：应统一一调用Wiindowws系统的的打印机设设置窗口。 业业务引导图图：注意对对功能权限限、数据权权限、时效效权限处理理的正确性性。退出： 注意运行行记录处理理的正确性性，正常退退出无须提提示。目录和索索引：调用用统一的帮帮助窗口“关于于”窗口内容容：系统名名称：各子子系统名称称 + 版版本信息：；图片：版权信息：“版权所有有（C）：19999-19999浪潮集团团山东通用用软件有限限公司”；合法用户名名称：用户户名称 + 单位名

11、名称；警告：“本本计算机程程序受版权权法和国际际条约保护护。如未经经授权而擅擅自复制或或传播本程程序（或其其中任何部部分），将将受到严厉厉的民事及及刑事制裁裁，并将在在法律许可可的范围内内受到最大大可能的起起诉。”；“确定定”按钮：关关闭窗口；“系统统信息”按钮：调调用Winndowss系统信息息部分2.子菜单单菜单菜单栏内容容： 文文件 编辑 查看 子系统菜菜单项 窗口 帮助 子菜单明细细内容项目目如下：文件(F)编辑(E)查看(Q)子系统菜单单项窗口（W）帮助（H）备注标准菜单项项首页 CCtrl+Homee下页 PPageDDown上页 PPageUUp尾页 CCtrl+End过滤 CC

12、trl+F查询 CCtrl+R标准菜单项项竖线横线标准菜单项项调整列宽打印设置页面设置打印预览打印 CCtrl+P工具条一组相同功功能的图标标与其他组组的图标之之间用“|”隔开；子子菜单与主主菜单图标标之间用“|”线隔开；要求有热热键和隐式式中文提示示工具条与菜菜单的图标标一致，CCoolBBar高331（仅有有一个工具具条时）,ToollBar高高25，TooolButtton高高23，宽330。工具条TooolBaar上统一一使用TooolBuuttonn，ToollBar必必须放在CCoolBBar上。功能图标文件名(.bmp)快捷键增加Add-ttCtrl + A删除DeletteCt

13、rl + Deel复制CopyCtrl + C取消 UndoEsc插入InserrtCtrl + Inns保存SaveCtrl + S同级增加Add-ttCtrl + T下级增加Add-nnCtrl + N切换帐套Open切换操作员员LoginnCtrl + U业务引导图图GuideeF10计算Compuute退出QuitCtrl + Q竖线Shuxiian横线Hengxxian首页FirsttHome上页UpPageUUp下页NextPageDDown尾页EndEnd调整列宽Lk帮助hlpF1打印PrinttCtrl+P打印设置Setprrn页面设置Setpaage打印预览PreviiewC

14、trl+V热键各子系统统及各子系系统窗口中中具有相同同功能的按按钮的热键键应一致，如如功能按钮钮有热键，或或需要自定定义某些快快捷键，应应不与下列列规定相抵抵触。按钮热键确认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 Downn帮助Alt+HH其他热键可可根据实际际情况而定定提示信息提示信息对对一个系统统来说非常常重要，一一方面系统统可能会出出现异常，这这时

15、候应该该让用户明明白他应该该如何继续续操作，能能说明原因因的要要说说明原因；另一方面面要用提示示信息正确确引导用户户，那些地地方操作错错误，一些些操作需要要用户确认认。提示信息的的内容要求求精确，易易懂，易定定位。精确是说要要真实的反反映错误的的情况，不不要有误导导作用，比比如说在系系统登录的的时候，由由于数据库库连接不上上导致无法法验证用户户，这时候候不能提示示如果提示示用户信息息不正确，显显然非本质质原因，这这样一不利利于你了解解问题原因因，二使用用户可能花花费时间去去查证正确确的信息，另另外如果提提示模糊，会会导致用户户不知下一一步该怎么么做，无所所适从。易懂是说要要从用户角角度，用用用

16、户语言给给出提示文文字内容，不不要造成本本来是要引引导用户，实实际造成用用户不知如如何取舍，比比如说当用用户要删除除一张凭证证的时候，对对程序员来来说该凭证证在数据库库中反映为为一条记录录，但在用用户眼中它它就是一张张凭证，这这时如果提提示用户确确实要删除除该记录吗吗？就容易易使用户不不理解。类类似的提示示信息不能能出现。所谓易定位位是指当用用户的操作作，包括输输入，修改改等，存在在错误时，系系统给出错错误提示，这这时的提示示除了精确确易懂外，应应该让用户户很容易的的找到问题题位置，修修正错误，当当然提示后后系统定位位也是必要要的。否则则虽然用户户明白自己己错误内容容及原因，但但却要花费费时间

17、去寻寻找错误的的位置；比比如当用户户对一个基基础字典进进行维护的的时候，保保存时，系系统检测到到某条数据据不合法，于于是给出提提示，“第xxx行的的ABC数据据不正确，请请修正。”，这时候候你难道让让用户去数数行数吗，即即使提示后后定位，用用户可能怀怀疑定位正正确性呢。系统出错信信息应尽量量具体是什什么错误，错误的原原因是什么么，如何处理理这些错误误；其他提提示应含义义明确，使使用用户语语言，尽量量符合用户户的职业习习惯。对同同一问题给给用户的提提示，在系统的的不同模块块中要一致致。 关于提提示窗口的的规范请参参考窗口级级定义，常常用提示用用语请见附附录。类似于下面面的提示信信息是不合合适的：

18、确实要删除除该记录吗吗？当前数据正正在使用，不不允许删除除！当前数据正正在使用，不不允许修改改！当前数据已已被使使用，不允允许删除！编辑状态不不允许退出出！非浏览状态态不允许进进入表格！等等。右键定义在树形结构构控件中点点击鼠标右右键，出现现快捷操作作菜单；快捷操作菜菜单内容：(应涵盖盖所有子菜菜单项)打印(P)同级增加(T)下级增加(N)删除(D)或其他项查找(F)排序(S)或其他项帮助(H)退出(Q)在编码输入入框中点击击鼠标右键键，出现帮帮助数据窗窗口。颜色的搭配配 .在在一次显示示中使用的的颜色数目目应不超过过五到七个个 .在在使用颜色色上前后要要一致 .可可以由用户户定义界面面的颜色

19、，以符合用用户自己的的习惯 .如如果使用红红色或绿色色，将它们放放在显示器器的中心而而不是边缘缘 .将将蓝色用于于背景或大大区域中，人类的眼眼睛对蓝色色最不敏感感 .亮亮灰色与蓝蓝色是最适适合于作为为背景色的的颜色，能够给人人一种轻松松愉快的感感觉 .避避免相邻使使用仅是兰兰色的亮度度有差别的的两种颜色色 .不不要只依靠靠颜色编码码来区分小小区域 .不不要使用兰兰/黄、红/绿、红/兰、或绿绿/兰这样的的组合 .使使用暖色(红，橙，亮粉红等等)来使客体体更接近观观察者 .根根据颜色的的常规含义义来使用颜颜色 传统上，红色意味味着停止或或危险，黄色意味味着小心，绿色意味味着安全等等 .将将亮色放在

20、在暗色旁边边以保持黑黑白兼容 .注注意前景色色与背景色色的搭配: 背景色好的前景色色差的前景色色黑色亮青，亮灰灰，青绿，白，黄兰，棕，橙橙兰色黑，白，黄黄黑，亮红，综，橙，红棕色黑，白，黄黄亮兰，亮红红，亮橙，绿，红，白青色黑，兰，亮亮灰，棕，黄亮绿，亮红红，亮橙，绿，红，白绿色黑，亮灰，白，黄亮红，青，橙红色黑，亮青，亮橙，亮灰，绿，白，黄兰，亮兰，棕，橙白色黑，兰，亮亮兰，棕，橙，红，黄青，亮青，亮橙，亮红，绿窗口级定义义窗口内控件件的组合划划分标准字典格格式标准字典格格式是一种种表头和表表体都很规规范的表格格格式，基基本是数据据库中表或或视图的再再现。标准准字典的分分类主要依依据数据趋趋

21、于功能区区的排列位位置：数据区在上上、功能区区在下（DDUFD）数据区在左左、功能区区在右（DDLFR）稀疏项格式式对于某些窗窗口由于显显示项较少少而窗口较较大时，应应遵循如下下原则：置上原则（TTOTOPP）功能分散原原则（TOOSEP）多项格式有些项目个个数很多，有有时给排列列造成一定定困难（例例如卡片输输入等），可可遵循原则则：整齐原则（RREGULLAR） 控控件排列整整齐、均匀匀、紧密。划分输入区区组合格式有些窗口内内的项目是是上述三项项的综合体体，因此上上述原则也也适合本条条；图表格式依照当前数数据窗口的的要求而定定。维护类窗口口：Tab顺序序先上下，后后左右。不不可为空的的对象的

22、背背景为“$00DD2DFDD6”，Tab顺序序优先。录录入多条记记录时回车车键作用与与Tab键相相同，按正正常Tabb顺序录入入完最后一一个字段后后的回车键键执行该窗窗口的专用用操作，如如保存当前前记录。不不能修改的的字段不允允许得到焦焦点。同时时禁止窗口口大小变化化。用F77提供帮助助。单窗口维护护A、在一个个窗口内完完成一项单单一数据维维护（使用用于简单的的数据表）B、在一个个窗口内完完成一项单单一数据维维护（使用用于复杂的的数据表），右右边数据维维护区可进进行适当分分区或分页页。顶部可可为图形按按钮或文字字按钮，要要左对齐，排排列紧密。C、纯表格格维护数据据只利用单纯纯的表格维维护数据

23、，表表格中的列列标题要居居中显示，要要尽量显示示出所有的的列，避免免使用横向向滚动条。要求记录录中的数字字右对齐，字字符左对齐齐。多窗口维护护（维护向向导窗口）在一个窗口口内完成多多项数据的的维护表格、卡片片式维护打开窗口时时，若记录录为空，显显示卡片，否否则显示表表格。卡片片方式允许许浏览、增增加、删除除、修改改数据，并并显示数据据当前状态态，显示位置置为右下、字体为宋宋体11号号、黑色。表格方式式只允许浏浏览、删除除数据。维护表中部部分数据对于表中数数据的限制制条件放在在数据区的的上方，整整齐排列。按钮放在在数据区的的下方，按按钮中的快快捷键字符符放在文字字的右边，紧紧密排列。5、主从表表

24、维护查询窗口：帐页式输出出帐页的显示示输出,应应遵循原则则：模拟现实原原则（SRR）；将财财务工作中中实际应用用到的帐页页形式在窗窗口中表现现出来。“资源管理理器”输出；右右键单击有有弹出式菜菜单。图表式输出出依照当前数数据窗口的的要求而定定 卡片式输出出应满足模拟拟显示原则则（SR），对对于输出项项较少者应应满足置上上原则（TTOTOPP）打印预览输输出表格式输出出统计窗口：窗口统计对当前数据据窗口内的的数据进行行统计计算算，应遵循循原则：显示统计进进程（进度度条、文字字提示），不不再弹出其其他窗口动画显示（设设计动画形形象表达）必须有取消功能专用统计窗窗口月结、年结结等窗口便便属此类，应应

25、结合上述述A、B原原则进行。3标准汇汇总条件窗窗口：对话窗口：对话窗口口一般比较较小，输入入数据少，因因此只要满满足“整齐原则则”就可以了了；一般对话窗窗口等待时间长长应有进程程条或动画画显示，组组件右边界界以按钮为为准对齐。选择窗口一般用于查查询过程中中的关键词词选择，关关键选项需需添加帮助助按钮或采采用下拉列列表方式，完完成查后应应关闭该窗窗口。业务引导图图：初始化引导导：编码帮助窗窗口 1、编码帮助助窗口内容容：标题栏栏内容：“帮助数据据”+“”+ 帮助助内容如：帮助助数据选择科目目右侧加加上关闭控控制按钮 X 2、采用统统一的窗口口：帮助数据窗窗口在被调调用过程中中只弹出相相关数据各编

26、码输入入框右侧帮帮助按钮统统一用三个个点“”，编辑框框的半高。提示信息息窗口：窗口类型： MeessaggeBoxx窗口 标题栏栏内容：“提示信息息”，右侧含含有不可操操作的按钮钮 X 提示示信息窗口口分类：严格按照照提示信息息的性质确确定图标及及提示信息息内容； （常常用提示用用语见附录录）提示信息性性质图标按钮备注信息Inforrmatiion!OK!YesNoo!YesNooCanccel!一般信息，只只是简单的的提示。中止操作Stop!RetryyCanccel!中止当前的的错误操作作或危险操操作。警告Exclaamatiion!AborttRetrryIgnnore!对本次操作作可能

27、带来来的后果予予以提示询问Questtion!YesNooCanccel对当前操作作予以“确认”或“取消”向导式操作作窗口项目属性窗口标题相关功能名名称窗口标准大大小视具体情况况窗口位置居中控制菜单控制按钮“上一步”，“下一步”(“完成”)，“取消”完成按钮在在最后一步步完成前不不显示图片信息文字背景色为BButtoonFacce，前景景色为黑色色(步骤栏文文字执行当当前操作时时显示为蓝蓝色)操作布局左侧为操作作提示区右侧为操作作区标准树形维维护窗口项目属性窗口标题相关功能名名称窗口标准大大小(PBBU)视具体情况况窗口位置居中控制菜单控制按钮“保存”，“退出”完成输入前前“保存”按钮不可可用

28、文字标题字大小小为宋体，116操作布局左侧为树型型目录右侧为数据据录入区录入区输入入框行距为为6可适当进行行分区或分分页 （窗口口参见多窗窗口维护）控件级定义义多行编辑(Memoo、DBMeemo、RichhEditt)、树状状视图（TTreeVView）、列表视图图（LisstVieew）、数数据网格（DBGrid）：属性：控件件以当前窗窗口大小为为标准适当当定义；右右上方、下下方作为功功能区；树树状视图、列表视图图中图标应应含义明确确；TreeeVieew的ChanngeDeelay设设为50，使节节点展开、折叠具有有浏览器的的效果。多多行编辑时时回车键换换行，Taab键转移移焦点。举例：

29、按钮（Buuttonn、Bittbtn、SpeeedButtton）：属性：Heeightt=25，WWidth依依具体情况况而定，默默认75；按钮在窗窗口右下方方或右方排排列，当控控件中包含含按钮时，按按钮不应和和控件外的的按钮在同同一方向上上排列；标标题之间不不准有空格格，如按钮钮有图形，图图形在文字字左方，并并力求美观观、形象，含含义明确；单个SpeeedBuuton可可灵活设置置，非工具具栏中成组组的SpeeedBuuton应应保证在整整个系统内内统一, 按钮标标题没有空空格，不使使用图标。快捷字母母在文字右右方。举例：文字：属性：文字字正文选用用宋体,99号，背景景色为窗口口颜色，前前景色为黑黑色，具有有其他含义义的可改变变其颜色（如如红数等）；账本、卡卡片等的标标题选用楷楷体，200号字；控控件上的文文字标准同同上。举例：分组框（GGrouppBox）：严格按照界界面的功能能划分进行行分组，限限制使用。举例：单行编辑（Edit、MaskEdit）、组合框（ComboBox）属性：Heeightt=20，Wiidth不不限，其他他取默认值值，如使用用掩码，统统一使用*；对格式化的的数据，提供格式式化的录入入方式。举例：图表（Grraph）：主