软件中心界面开发标准

1、软件中心界面开发标准V1.0目录TOC o 1-3一、 系统级定定义 PAGEREF _Toc467547554 h 21. 系统整体体构成 PAGEREF _Toc467547555 h 22. 起始画面面 PAGEREF _Toc467547556 h 23. 登录 PAGEREF _Toc467547557 h 334. 菜单 PAGEREF _Toc467547558 h 335. 工具条 PAGEREF _Toc467547559 h 56. 热键 PAGEREF _Toc467547560 h 667. 提示信息息 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业务引导图： PAGEREF _To

3、c467547570 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. 多行编辑辑(Memoo、DBMemmo、RichEEdit)、树树状视图（TTreeViiew）、列列表视图（LLi

4、stViiew）、数数据网格（DDBGridd）： PAGEREF _Toc467547577 h 172. 按钮（BButtonn、Bitbttn、SpeeddButtoon）： PAGEREF _Toc467547578 h 183. 文字： PAGEREF _Toc467547579 h 194. 分组框（GrroupBoox）： PAGEREF _Toc467547580 h 205. 单行编辑辑（Editt、MaskEEdit）、组组合框（CoomboBoox） PAGEREF _Toc467547581 h 206. 图表（GGraph）： PAGEREF _Toc46754758

5、2 h 217. 复选框（ChheckBoox）、单选选框（RaddioButtton）、单单选按钮组（RadioGroup）： PAGEREF _Toc467547583 h 218. 图片（IImage、Shapee）： PAGEREF _Toc467547584 h 219. 标签(PPageCoontroll、TabCoontroll)： PAGEREF _Toc467547585 h 2210. 状态栏栏（StattusBarrs）： PAGEREF _Toc467547586 h 2211. 窗口（Forrm）：(addd) PAGEREF _Toc467547587 h 2212

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

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

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

9、项(S)窗口（W）帮助（H）打开(O) Ctrl+O平铺级联横向（并列）纵向（并列）最小化所有窗口口目录和索引（CC）更换操作员(UU) Cttrl+U更改口令财务日期工具条（B）国强WEB站点点（W）系统备份系统恢复关于xxxx子子系统(A)打印机设置(PP) 业务引导图（FF10）报表、汇总报表表无业务引导导图退出(X) 各明细细菜单项目的的工作： 切换操操作员：调用用统一的窗口口，注意功能能权限、数据据权限、时效效权限、运行行记录处理的的正确性。 更改口口令： 调调用统一的窗窗口。 财务日日期： 调调用财务日期期修改窗口，应应注意日期处处理的限制和和正确性。 系统备备份： 系统恢恢复：

10、打印机机设置：应统统一调用Wiindowss系统的打印印机设置窗口口。 业务引引导图：注意意对功能权限限、数据权限限、时效权限限处理的正确确性。退出： 注意运运行记录处理理的正确性，正正常退出无须须提示。目录和索引：调用统一的的帮助窗口“关于”窗窗口内容：系统名称：各子系统名名称 + 版版本信息：；图片：版权信息：“版版权所有（CC）：19999-1999浪潮潮集团山东通通用软件有限限公司”；合法用户名称：用户名称 + 单位名名称；警告：“本计算算机程序受版版权法和国际际条约保护。如如未经授权而而擅自复制或或传播本程序序（或其中任任何部分），将将受到严厉的的民事及刑事事制裁，并将将在法律许可可

11、的范围内受受到最大可能能的起诉。”；“确定”按按钮：关闭窗窗口；“系统信息息”按钮：调用用Windoows系统信信息部分2.子菜单菜单单菜单栏内容： 文件 编辑 查看 子子系统菜单项项 窗口 帮助 子菜单明细内容容项目如下：文件(F)编辑(E)查看(Q)子系统菜单项窗口（W）帮助（H）备注标准菜单项首页 Ctrrl+Homme下页 PaggeDownn上页 PaggeUp尾页 Ctrrl+Endd过滤 Ctrrl+F查询 Ctrrl+R标准菜单项竖线横线标准菜单项调整列宽打印设置页面设置打印预览打印 Ctrrl+P工具条一组相同功能的的图标与其他他组的图标之之间用“|”隔开；子菜菜单与主菜单单

12、图标之间用用“|”线隔开；要求求有热键和隐隐式中文提示示工具条与菜单的的图标一致，CoolBar高31（仅有一个工具条时）,ToolBar高25，ToolButton高23，宽30。工具条ToollBar上统统一使用TooolButtton，ToolBBar必须放放在CoollBar上。功能图标文件名(.bmmp)快捷键增加Add-tCtrl + A删除DeleteCtrl + Del复制CopyCtrl + C取消 UndoEsc插入InsertCtrl + Ins保存SaveCtrl + S同级增加Add-tCtrl + T下级增加Add-nCtrl + N切换帐套Open切换操作员Log

13、inCtrl + U业务引导图GuideF10计算Computee退出QuitCtrl + Q竖线Shuxiann横线Hengxiaan首页FirstHome上页UpPageUp下页NextPageDowwn尾页EndEnd调整列宽Lk帮助hlpF1打印PrintCtrl+P打印设置Setprn页面设置Setpagee打印预览PreviewwCtrl+V热键各子系统及各各子系统窗口口中具有相同同功能的按钮钮的热键应一一致，如功能能按钮有热键键，或需要自自定义某些快快捷键，应不不与下列规定定相抵触。按钮热键确认None确定None取消None重试Alt + RR退出Alt + QQ是Alt +

14、YY否Alt + NN增加Alt + AA删除Alt + DD查询Alt + FF打印Alt + PP排序Alt + SS条件查询Alt + FF存盘Alt + UU页首Home页尾End前页Page Upp后页Page Doown帮助Alt+H其他热键可根据据实际情况而而定提示信息提示信息对一个个系统来说非非常重要，一一方面系统可可能会出现异异常，这时候候应该让用户户明白他应该该如何继续操操作，能说明明原因的要要要说明原因；另一方面要要用提示信息息正确引导用用户，那些地地方操作错误误，一些操作作需要用户确确认。提示信息的内容容要求精确，易易懂，易定位位。精确是说要真实实的反映错误误的情况，不

15、不要有误导作作用，比如说说在系统登录录的时候，由由于数据库连连接不上导致致无法验证用用户，这时候候不能提示如如果提示用户户信息不正确确，显然非本本质原因，这这样一不利于于你了解问题题原因，二使使用户可能花花费时间去查查证正确的信信息，另外如如果提示模糊糊，会导致用用户不知下一一步该怎么做做，无所适从从。易懂是说要从用用户角度，用用用户语言给给出提示文字字内容，不要要造成本来是是要引导用户户，实际造成成用户不知如如何取舍，比比如说当用户户要删除一张张凭证的时候候，对程序员员来说该凭证证在数据库中中反映为一条条记录，但在在用户眼中它它就是一张凭凭证，这时如如果提示用户户确实要删除除该记录吗？就容易

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

17、是什么错误，错误的原因因是什么，如何处理这这些错误；其其他提示应含含义明确，使使用用户语言言，尽量符合合用户的职业业习惯。对同同一问题给用用户的提示，在系统的不不同模块中要要一致。 关于提示示窗口的规范范请参考窗口口级定义，常常用提示用语语请见附录。类似于下面的提提示信息是不不合适的：确实要删除该记记录吗？当前数据正在使使用，不允许许删除！当前数据正在使使用，不允许许修改！当前数据已被使用，不允允许删除！编辑状态不允许许退出！非浏览状态不允允许进入表格格！等等。右键定义在树形结构控件件中点击鼠标标右键，出现现快捷操作菜菜单；快捷操作菜单内内容：(应涵涵盖所有子菜菜单项)打印(P)同级增加(T)

18、下级增加(N)删除(D)或其他项查找(F)排序(S)或其他项帮助(H)退出(Q)在编码输入框中中点击鼠标右右键，出现帮帮助数据窗口口。颜色的搭配 .在一次次显示中使用用的颜色数目目应不超过五五到七个 .在使用用颜色上前后后要一致 .可以由由用户定义界界面的颜色，以符合用户户自己的习惯惯 .如果使使用红色或绿绿色，将它们放在在显示器的中中心而不是边边缘 .将蓝色色用于背景或或大区域中，人类的眼睛睛对蓝色最不不敏感 .亮灰色色与蓝色是最最适合于作为为背景色的颜颜色，能够给人一一种轻松愉快快的感觉 .避免相相邻使用仅是是兰色的亮度度有差别的两两种颜色 .不要只只依靠颜色编编码来区分小小区域 .不要使

19、使用兰/黄、红/绿、红/兰、或绿/兰这样的组组合 .使用暖暖色(红，橙，亮粉红等)来使客体更更接近观察者者 .根据颜颜色的常规含含义来使用颜颜色 传统上，红色色意味着停止止或危险，黄色意味着着小心，绿色意味着着安全等 .将亮色色放在暗色旁旁边以保持黑黑白兼容 .注意前前景色与背景景色的搭配: 背景色好的前景色差的前景色黑色亮青，亮灰，青青绿，白，黄兰，棕，橙兰色黑，白，黄黑，亮红，综，橙，红棕色黑，白，黄亮兰，亮红，亮亮橙，绿，红，白青色黑，兰，亮灰，棕，黄亮绿，亮红，亮亮橙，绿，红，白绿色黑，亮灰，白，黄亮红，青，橙红色黑，亮青，亮橙橙，亮灰，绿，白，黄兰，亮兰，棕，橙白色黑，兰，亮兰，棕，

20、橙，红，黄青，亮青，亮橙橙，亮红，绿窗口级定义窗口内控件的组组合划分标准字典格式标准字典格式是是一种表头和和表体都很规规范的表格格格式，基本是是数据库中表表或视图的再再现。标准字字典的分类主主要依据数据据趋于功能区区的排列位置置：数据区在上、功功能区在下（DDUFD）数据区在左、功功能区在右（DDLFR）稀疏项格式对于某些窗口由由于显示项较较少而窗口较较大时，应遵遵循如下原则则：置上原则（TOOTOP）功能分散原则（TTOSEP）多项格式有些项目个数很很多，有时给给排列造成一一定困难（例例如卡片输入入等），可遵遵循原则：整齐原则（REEGULARR） 控件排列列整齐、均匀匀、紧密。划分输入区组

21、合格式有些窗口内的项项目是上述三三项的综合体体，因此上述述原则也适合合本条；图表格式依照当前数据窗窗口的要求而而定。维护类窗口：Tab顺序先上上下，后左右右。不可为空空的对象的背背景为“$00D22DFD6”，Tab顺序优优先。录入多多条记录时回回车键作用与与Tab键相同同，按正常TTab顺序录录入完最后一一个字段后的的回车键执行行该窗口的专专用操作，如如保存当前记记录。不能修修改的字段不不允许得到焦焦点。同时禁禁止窗口大小小变化。用FF7提供帮助助。单窗口维护A、在一个窗口口内完成一项项单一数据维维护（使用于于简单的数据据表）B、在一个窗口口内完成一项项单一数据维维护（使用于于复杂的数据据表

22、），右边边数据维护区区可进行适当当分区或分页页。顶部可为为图形按钮或或文字按钮，要要左对齐，排排列紧密。C、纯表格维护护数据只利用单纯的表表格维护数据据，表格中的的列标题要居居中显示，要要尽量显示出出所有的列，避避免使用横向向滚动条。要要求记录中的的数字右对齐齐，字符左对对齐。多窗口维护（维维护向导窗口口）在一个窗口内完完成多项数据据的维护表格、卡片式维维护打开窗口时，若若记录为空，显显示卡片，否否则显示表格格。卡片方式式允许浏览、增增加、删除、修修改数据，并并显示数据当当前状态，显示位置为为右下、字体体为宋体111号、黑色。表表格方式只允允许浏览、删删除数据。维护表中部分数数据对于表中数据的

23、的限制条件放放在数据区的的上方，整齐齐排列。按钮钮放在数据区区的下方，按按钮中的快捷捷键字符放在在文字的右边边，紧密排列列。5、主从表维护护查询窗口：帐页式输出帐页的显示输出出,应遵循原原则：模拟现实原则（SSR）；将财财务工作中实实际应用到的的帐页形式在在窗口中表现现出来。“资源管理器”输出；右键键单击有弹出出式菜单。图表式输出依照当前数据窗窗口的要求而而定 卡片式输出应满足模拟显示示原则（SRR），对于输输出项较少者者应满足置上上原则（TOOTOP）打印预览输出表格式输出统计窗口：窗口统计对当前数据窗口口内的数据进进行统计计算算，应遵循原原则：显示统计进程（进进度条、文字字提示），不不再弹

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

25、按钮钮 X 2、采用统一的的窗口：帮助数据窗口在在被调用过程程中只弹出相相关数据各编码输入框右右侧帮助按钮钮统一用三个个点“”，编辑框的的半高。提示信息窗口口：窗口类型： MessaageBoxx窗口 标标题栏内容：“提示信息”，右侧含有有不可操作的的按钮 X 提示信息息窗口分类：严格按照提提示信息的性性质确定图标标及提示信息息内容； （常用提提示用语见附附录）提示信息性质图标按钮备注信息Informaation!OK!YesNo!YesNoCaancel!一般信息，只是是简单的提示示。中止操作Stop!RetryCaancel!中止当前的错误误操作或危险险操作。警告Exclamaation!

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

27、输入前“保保存”按钮不可用用文字标题字大小为宋宋体，16操作布局左侧为树型目录录右侧为数据录入入区录入区输入框行行距为6可适当进行分区区或分页 （窗口参见见多窗口维护护）控件级定义多行编辑(Meemo、DBMemmo、RichEEdit)、树树状视图（TTreeViiew）、列列表视图（LListViiew）、数数据网格（DDBGridd）：属性：控件以当当前窗口大小小为标准适当当定义；右上上方、下方作作为功能区；树状视图、列列表视图中图图标应含义明明确；TreeeVieww的ChanggeDelaay设为50，使节点点展开、折叠叠具有浏览器器的效果。多多行编辑时回回车键换行，Tab键转移焦点

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