winform界面风格规范-v1.1

北大青鸟Aptech·学术部15822028711051界面设计规范发布日期：2002－8北大青鸟Aptech·学术部158220287110521．引言1.1设计说明本文档是对系统界面设计风格进行描述，而和用户交互的最终界面将会中项目《详细设计说明书》中设计和解释。1.2概念和定义1.用户界面又称人机界面，实现用户与计算机之间的通信，以控制计算机或进行用户和计算机之间得数据传送的系统部件。2.GUI即图形用户界面，一种可视化得用户界面，它使用图形界面代替文本界面。开发人员必须选择仔细选择窗体，并且要理解为什么比其他形式的窗体更适用。3.主要窗体（PrimaryWindows）主要窗体包含了一个应用程序的大部分功能，大多时候它是一个单独的窗体，但在一个MDI风格的应用程序中，父窗体和子窗体都被认为是主要窗体。1)SingleDocumentInterface(SDI)一个单独的主要窗体通常包含一个菜单栏、工具栏和状态栏，打开此窗体时应该运行在当前所有窗体的上面，并且在任务栏提供显示，就像记事本和写字板程序。2)MultipleDocumentInterface(MDI)通常适合有多个任务，或同时管理所有的窗口。例如MicrosoftWord，Excel和VisualBasic。3)SplitDocumentInterface(splitSDI或Explorer)是一个分隔的主要窗体，通常包括菜单栏、工具栏和状态栏。例如资源管理器和Outlook。4.次要窗体（SecondaryWindows）一个次要窗体通常用于为主要窗体提供补充信息和交互作用，界面比较简单。1)Modaldialogboxes（模态对话框）2)Modelessdialogboxes（非模态对话框）3)Propertysheet1.3用户假定将使用本系统的用户定义为：对应用程序或计算机的一般用法有一定了解，用户希望界北大青鸟Aptech·学术部15822028711053面符合Windows9X/2000特别是Office97/2000风格，对易用性、简洁性有比较高的要求，对界面快速交互没有很强的要求（即不希望通过命令方式快速交互）。北大青鸟Aptech·学术部158220287110542.用户界面设计规范2.1用户界面设计原则图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。界面设计必须经过确认才能完成。2.2Windows界面标准1.窗体大小要设计适合800×600像素2.程序第一次运行时默认最大化打开，以后要以用户定义的大小打开3.次要窗体不能大于500×400像素4.一些次要窗体大小的标准（单位：像素）1)关于对话框（AboutBox）390w×2642)登录对话框（Login）290×1423)起始信息框（SplashScreen）500×3105.所有窗体的设计都必须遵从可视化开发的标准1)突起的项目可以被点击；2)当鼠标移动到可以被点击的项目上时，该项目高亮显示；3)凹进的项目不能被点击；4)当项目有白色的背景并可以置放光标时，该项目可以被编辑；5)项目的背景为灰色时不能被编辑；6)灰色的项目是不能使用的；如下图所示。北大青鸟Aptech·学术部15822028711055图1可视化开发样例6.只有主窗体才能有菜单栏、工具栏和状态栏7.应用程序将要包含下面的元素1)系统图标（SystemIcon）2)系统名称（SystemNameText）3)DataTypeName(只应用于MDIapplications)如下图所示。图2主窗体标题栏示例MDI窗体标题栏（TITLEBAR）如下图所示北大青鸟Aptech·学术部15822028711056图3MDI窗体标题栏示例当MDI窗体最大化时，融合在父窗体时的例图如下所示。图4MDI窗体融合后标题栏示例8.次要窗体不能调整大小9.主要窗体必须包含一个状态栏如下图所示。子窗体图标子窗体名称子窗体图标子窗体名称主窗体图标主窗体名称北大青鸟Aptech·学术部15822028711057图5状态栏标准10.使用通用的对话框。如下图所示。表1Windows对话框通用Windows对话框OpenSaveAsFindReplacePrintPrintSetupPageSetupFontColor11.Windows界面中控件间距要保持一致控件间为7个像素控件到边缘12个像素如下图所示。主窗体状态栏标准北大青鸟Aptech·学术部15822028711058图6控件间距图例12.避免窗体出现水平滚动条2.3界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。1.显示信息一致性标准1)标签提示：字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10号）；2)日期：正常字体、宋体、白底黑字3)对齐方法左对齐：一般文字、单个数字、日期等。右对齐：数字、时间、日期（含时间）。4)分辨率为800×600，增强16色5)字体缺省为宋体、五号、黑色6)底色缺省采用灰色这些信息的排列显示风格供参考，在同一个应用中，这些信息的表现方式不一致，会使得用户分散注意力，影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一之间大小为7pixels之间大小为12.5pixels北大青鸟Aptech·学术部15822028711059致性。2.布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性，使得用户界面美观。在一个窗口中按tab键，移动聚焦的顺序不能杂乱无章，tab的顺序是先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前，位置也应放在窗口上较醒目的位置。布局力求简洁、有序、易于操作。3.鼠标与键盘对应原则应遵循的是可不用鼠标的原则：应用中的功能只用键盘也应当可以完成，即设计的应用中还应加入一些必要的按钮和菜单项。但是，许多鼠标的操作，如双击、拖动对象等，并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能，必须在窗口中定义一个表示选中的按钮，以作为实现双击功能的替代（或其它方式）。又如在一个窗口中有两个数据窗口，可以用鼠标从一个数据窗口中将一项拖出，然后放到另一个中。如果只用键盘，就应当在菜单中设置拷贝或移动的菜单项。4.快捷键在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些，在西文Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。1)面向事务的Ctrl-D删除Ctrl-F寻找Ctrl-I插入Ctrl-N新记录Ctrl-S保存2)查询/列表Ctrl-OCtrl-R3)其它Ctrl-C拷贝Ctrl-H帮助Ctrl-P打印Ctrl-V粘贴Ctrl-W关闭Ctrl-X剪切4)MSWindows保留键Ctrl-Tab下一窗口Ctrl-Esc任务列表北大青鸟Aptech·学术部158220287110510Ctrl-F4关闭窗口Alt-F4结束应用Alt-Tab下一应用Enter缺省按钮/确认操作Esc取消按钮/取消操作Shift-F1上下文相关帮助5)其它快捷键其它快捷键使用汉语拼音的开头字母，不常用的可以没有快捷键。2.4向导（Wizard）使用原则对于应用中某些部分的处理流程是固定的，用户必须按照指定的顺序输入操作信息，为了使用户操作得到必要的引用应该使用向导，使用户使用功能时比较轻松明了，但是向导必须用在固定处理流程中，并且处理流程应该不少于3个处理步骤。2.5系统响应时间系统响应时间包括两个方面：时间长度和时间的易变性。用户响应时间应该适中，系统响应时间过长，用户就会感到不安和沮丧，而响应时间过短有时会造成用户加快操作节奏，从而导致错误。系统响应时间的易变性是指相对于平均响应时间的偏差。即使响应时间比较长，低的响应时间易变性也有助于用户建立稳定的节奏。因此在系统响应时间上坚持如下原则：2.6用户帮助设施常用的帮助设施有两种：集成的和附加的。集成的帮助设施一开始就是设计在软件中的，它与语境有关，用户可以直接选择与所要执行操作相关的主题。通过集成帮助设施可以缩短用户获得帮助的时间，增加界面的友好性。附加的帮助设施在系统建好以后再加进去的。通常是一种查询能力比较弱的联机帮助。系统提供这两种帮助设施，设计和实现时遵循以下原则：响应时间的易变性界面设计用户感觉不到不考虑用户稍微感觉到由微帮助提供易变性说明容易性大而且时间绝对差别大显示易变性提示响应时间长度界面设计0-10秒鼠标显示成为沙漏10到18秒由微帮助来显示处理进度18秒以上显示处理窗口，或显示进度条一个长时间的处理完成时应给予完成警告信息北大青鸟Aptech·学术部1582202871105111)进行系统交互时，提供部分帮助功能，即：提供主要操作的帮助；2)用户可以通过帮助菜单、F1键和帮助按钮（如果有的话）访问帮助；3)表示帮助时根据需要提供三种方式的选择：另一个窗体、微帮助和指出参考某个文档；4)用户如何回到正常交互方式有两种选择：返回键和功能键；5)帮助信息的构造：采用分层式帮助；6)微帮助提供：由状态栏提供，或控件上的提示文本。2.7出错信息和警告出错信息和警告是指出现问题时系统给出的坏消息，本系统对于出错信息和警告应该遵循以下原则：1)信息以用户可以理解的术语描述；2)信息应提供如何从错误中恢复的建设性意见；3)信息应指出错误可能导致那些不量后果，以便用户检查是否出现了这些情况或帮助用户进行改正；4)信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁；5)信息不能带有判断色彩，即任何情况下不能指责用户。2.8命令交互由于本系统用户是Windows用户，故本系统不提供命令交互。2.9一般交互原则本系统一般交互遵循以下原则：1)一致性：菜单选择、数据显示以及其它功能都应使用一致的格式；2)提供有意义的反馈；3)执行有较大破坏性的动作前要求确认；4)在数据录入上允许取消大多数操作；5)减少在动作间必须记忆的信息数量；6)在对话、移动和思考中提高效率；7)允许用户非恶意错误，系统应保护自己不受致命动作的破坏；8)按功能对动作分类，并按此排列屏幕布局，设计者应努力提高命令和动作组织的内聚性；9)提供语境相关的帮助机制。北大青鸟Aptech·学术部1582202871105122.10信息显示原则本系统信息显示遵循以下原则：1)只显示与当前用户语境环境有关的信息；2)不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息；3)使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源；4)产生有意义的出错信息；5)使用缩进和文本来辅助理解；6)使用窗口分隔控件分隔不同类型的信息；7)高效地使用显示器的显示空间。2.11数据输入原则本系统数据输入遵循以下原则：1)尽量减少用户输入动作的数量；2)维护信息显示和数据输入的一致性；3)交互应该时灵活的，对键盘和鼠标输入的灵活性提供支持；4)在当前动作的语境中使不合适的命令不起作用；5)让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下从错误状态中恢复；6)为所有输入的动作提供帮助；7)消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。北大青鸟Aptech·学术部1582202871105133.用户界面设计更改和追加说明3.1更改说明更改本用户界面设计时应该征得所有开发者的同意，所有开发者应该按更正后的原则修改和设计用户界面。