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

软件中心界面开发标准目录一、系统级定义21 .系统整体构成22 .起始画面23 .登录24 .菜单35 .工具条46 .热键57 .提示信息68 .右键定义69 .颜色的搭配7二、窗口级定义71 .窗口内控件的组合划分72 .维护类窗口：93 .查询窗口：124 .统计窗口：145.对话窗口：15业务引导图:16初始化引导:168 .编码帮助窗口169 .提示信息窗口：1810 .向导式操作窗口1811 .标准树形维护窗口18三、控件级定义191 .多行编辑(Memo、DBMemo、RiChEdit)、树状视图(TreeVieW)、列表视图(LiStVieW)、数据网格(DBGrid)：192 .按钮(Button>Bitbtn>SpeedButton):203 .文字：214 .分组框(GroupBox):215 .单行编辑(Edit>MaskEdit组合框(ComboBox)216 .图表(Graph)：227 .复选框(CheckBox)、单项选择框(RadioButton)、单项选择按钮组(RadioGroup):228 .图片(Image>Shape)：229 .标签(PageContro1、TabControl)：2310 .状态栏(StatusBars):2311 .窗口(Form)：(add)2312 .网格(StringGrid、DrawGrid)2313 .控件距离：24四、附录24遵从原则：界面简洁朴素，控件摆放整齐，风格统一。依据原则，本标准从如下三方面予以约定：一、系统级定义1 .系统整体构成整个系统应包含如下几个方面:起始画面(splashWindow)登录画面(LoginWindow)退出画面(ExitWindow)2 .起始画面用于显示系统的名称、版权人等信息。运行图标，首先出现系统信息窗口（停留约2秒种），程序启动完毕，弹出登录背景窗口和登录窗口。背景图片，根据颜色数确定使用，统一确定相对位置（根据分辨率大小自动调整）。3 .登录进入某一子系统时要求登录，高140,宽325（如非特别标注，单位均为象素）。各子系统登录窗口的大小、窗口里边内容的大小、排列、间隔应完全一致,如下.窗口标题统一为“系统登录，标题栏右侧加上关闭窗口的“X号小按钮。.右上局部使用图片，按钮在右下。.窗口信息如下：选项：根据情况设置。用户：（应输入用户编号，不应输入用户名称）口令：(应隐式显示).窗口信息的标题靠左对齐，尽量控制为两个字。.两个按钮纵向排放在窗口右下部，按钮名称为：“确定、”取消。“确定按钮顶部坐标与“用户顶部坐标对齐，且设置为“缺省项。.可使用回车键转移输入焦点，输入完口令后按下回车键应立刻响应“确定。4 .菜单整个用户界面菜单数最好不要多于7个，每个菜单中的选项不要多于5个，嵌套层次不要超过3层；主菜单项名称用两个字表达；同一层菜单项功能不同者用横线隔开，各子系统功能相同的菜单项必须用同一名称；常用操作必须有热键。1 .主窗口菜单(1)标题栏内容：左侧为系统图标+系统名称，右侧三个控制按钮：最小化、最大化、关闭。(2)菜单栏内容：文件一子系统菜单项W11丽一主菜单项数不能超过九项。明细内容工程举例如下:文件(F)子系统菜单项窗口(W)帮助（三）翻开（0）Ctrl+0平铺级联横向(并列)纵向(并列)最小化所有窗目录和索引(C)更换操作员(U)Ctrl+U更改口令财务日期工具条(B)国强WEB站点(W)系统备份系统恢复关于XXXX子系统（八）打印机设置(P)业务引导图(FlO)报表、汇总报表无业务引导图退出(X)各明细菜单工程的工作：切换操作员：调用统一的窗口，注意功能权限、数据权限、时效权限、运行记录处理的正确性。更改口令：调用统一的窗口。财务日期：调用财务日期修改窗口，应注意日期处理的限制和正确性。系统备份：系统恢复：打印机设置：应统一调用Windows系统的打印机设置窗口。业务引导图：注意对功能权限、数据权限、时效权限处理的正确性。退出：注意运行记录处理的正确性，正常退出无须提示。目录和索引：调用统一的帮助窗口“关于窗口内容：系统名称：各子系统名称+版本信息：；图片：版权信息：”版权所有(C)：1999-1999浪潮集团山东通用软件有限公司；合法用户名称：用户名称+单位名称；警告：“本计算机程序受版权法和国际条约保护。如未经授权而擅自复制或传播本程序(或其中任何局部)，将受到严厉的民事及刑事制裁，并将在法律许可的范围内受到最大可能的起诉。；“确定按钮：关闭窗口；“系统信息按钮：调用Windows系统信息局部2.子菜单菜单菜单栏内容：一编辑查看子系统菜单项窗口帮助子菜单明细内容工程如下:文件(F)编辑(E)查看(Q)子系统菜单项窗口(W)帮助（三）备注标准菜单项首页Ctrl+Home下页PageDown上页PageUp尾页Ctrl+End过滤Ctrl+F查询Ctrl+R标准菜单项竖线横线标准菜单项调整列宽打印设置页面设置打印预览打印Ctrl+P5.工具条一组相同功能的图标与其他组的图标之间用“1隔开；子菜单与主菜单图标之间用“|线隔开；要求有热键和隐式中文提示工具条与菜单的图标一致，COOlBar高31(仅有一个工具条时)，ToolBar高25,TOOlBUttOn高23,宽30o工具条ToolBar上统一使用ToolButton,ToolBar必须放在CoolBar上。功能图标文件名(.BMP)快捷键增加年Add-tCtrl+A删除XDeleteCtrl+Del复制CopyCtrl+C取消UndoEsc插入!产InsertCtrl+Ins保存ISaveCtrl+S同级增加WAdd-tCtrl+T下级增加Add-11Ctrl+N切换帐套(Open切换操作员LoginCtrl+U业务引导图I鲫GuideFlO计算三1Compute退出吐QuitCtrl+Q竖线millShuxian横线Hengxian首页1FirstHome上页UpPageUp下页NextPageDown尾页1EndEnd调整列宽HLk帮助.hipFl打印昌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前页PageUp后页PageDown帮助Alt+H其他热键可根据实际情况而定7 .提示信息提示信息对一个系统来说非常重要，一方面系统可能会出现异常，这时候应该让用户明白他应该如何继续操作，能说明原因的要要说明原因；另一方面要用提示信息正确引导用户，那些地方操作错误，一些操作需要用户确认。提示信息的内容要求精确，易懂，易定位。精确是说要真实的反映错误的情况，不要有误导作用，比方说在系统登录的时候，由于数据库连接不上导致无法验证用户，这时候不能提示如果提示用户信息不正确，显然非本质原因，这样一不利于你了解问题原因，二使用户可能花费时间去查证正确的信息，另外如果提示模糊，会导致用户不知下一步该怎么做，无所适从。易懂是说要从用户角度，用用户语言给出提示文字内容，不要造本钱来是要引导用户，实际造成用户不知如何取舍，比方说当用户要删除一张凭证的时候，对程序员来说该凭证在数据库中反映为一条记录，但在用户眼中它就是一张凭证，这时如果提示用户确实要删除该记录吗？就容易使用户不理解。类似的提示信息不能出现。所谓易定位是指当用户的操作，包括输入，修改等，存在错误时，系统给出错误提示，这时的提示除了精确易懂外，应该让用户很容易的找到问题位置，修正错误，当然提示后系统定位也是必要的。否则虽然用户明白自己错误内容及原因，但却要花费时间去寻找错误的位置；比方当用户对一个基础字典进行维护的时候，保存时，系统检测到某条数据不合法，于是给出提示，“第XXX行的ABC数据不正确，请修正。，这时候你难道让用户去数行数吗，即使提示后定位，用户可能疑心定位正确性呢。系统出错信息应尽量具体是什么错误，错误的原因是什么，如何处理这些错误；其他提示应含义明确，使用用户语言，尽量符合用户的职业习惯。对同一问题给用户的提示，在系统的不同模块中要一致。关于提示窗口的标准请参考窗口级定义，常用提示用语请见附录。类似于下面的提示信息是不适宜的：确实要删除该记录吗？当前数据正在使用，不允许删除！当前数据正在使用，不允许修改！当前数据已被使用，不允许删除！编辑状态不允许退出！非浏览状态不允许进入表格！等等。8 .右键定义1、在树形结构控件中点击鼠标右键，出现快捷操作菜单；快捷操作菜单内容：(应涵盖所有子菜单项)打印(E)同级增加(D下级增加(N)删除(D)I或其他项查找(E)排序(三)或其一项帮助国)退出(62、在编码输入框中点击鼠标右键，出现帮助数据窗口。9 .颜色的搭配.在一次显示中使用的颜色数目应不超过五到七个.在使用颜色上前后要一致.可以由用户定义界面的颜色，以符合用户自己的习惯.如果使用红色或绿色，将它们放在显示器的中心而不是边缘将蓝色用于背景或大区域中，人类的眼睛对蓝色最不敏感.亮灰色与蓝色是最适合于作为背景色的颜色，能够给人一种轻松愉快的感觉.防止相邻使用仅是兰色的亮度有差异的两种颜色.不要只依靠颜色编码来区分小区域.不要使用兰/黄、红/绿、红/兰、或绿/兰这样的组合.使用暖色(红，橙，亮粉红等)来使客体更接近观察者.根据颜色的常规含义来使用颜色传统上，红色意味着停止或危险，黄色意味着小心，绿色意味着平安等将亮色放在暗色旁边以保持黑白兼容.注意前景色与背景色的搭配：背景色好的前景色差的前景色黑色亮青，亮灰，青绿，白，黄兰，棕，橙兰色黑，