企业即时通界面设计报告

0.文档介绍-1-翰子昂实训教程系列企业即时通用户界面设计报告文件状态：[√]草稿[]正式发布[]正在修改文件标识：Company-Corporation_msg-SD-UI当前版本：1.0作者：完成日期：2006-05-22机构图标机构公开信息-2-企业即时通界面设计翰子昂实训教程系列版本历史版本/状态作者参与者起止日期备注1.0王鹏2006-05-220.文档介绍-3-翰子昂实训教程系列目目录录0.文档介绍........................................................................................................................................40.1文档目的..............................................................................................................................40.2文档范围..............................................................................................................................40.3读者对象..............................................................................................................................40.4参考文献..............................................................................................................................40.5术语与缩写解释..................................................................................................................41.应当遵循的界面设计规范............................................................................................................52.界面的关系图和工作流程图........................................................................................................73.主界面.............................................................................................................错误!未定义书签。4.子界面.............................................................................................................错误!未定义书签。5.美学设计.........................................................................................................错误!未定义书签。6.界面资源设计.................................................................................................错误!未定义书签。7.其他.................................................................................................................错误!未定义书签。-4-企业即时通界面设计翰子昂实训教程系列0.文档介绍0.1文档目的本文用于指导软件分析和设计活动中用户界面的设计原则、设计步骤和设计方法。0.2文档范围本文档包含以下几部分：1.应当遵循的界面设计规范2.界面的关系图和工作流程图3.主界面4.子界面5.美学设计6.界面资源设计7.其他0.3读者对象本文仅用于指导软件开发部用户界面设计工作，同时作为其他分析和设计工作的参考资料。本文的预期读者是：设计员/软件工程师、程序员、界面设计员/美工。0.4参考文献提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下：[标识符]作者，文献名称，出版单位（或归属单位），日期例如：[AAA]作者，《立项建议书》，机构名称，日期[SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期0.5术语与缩写解释缩写、术语解释UIUserInterface，用户界面。GUIGraphicUserInterface，图形用户界面。FrmForm的缩写btnButton的缩写lblLabel的缩写txtTextBox的缩写cmbComboBox的缩写1.应当遵循的界面设计规范-5-翰子昂实训教程系列1.应当遵循的界面设计规范本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。用户界面设计的总体原则：统一。这也是本规范遵循的最高原则，用户界面的设计，无论是控件、信息提示措辞、界面配色等，都要遵循统一的标准，做到真正的一致。本规范的施行方法：针对用户界面设计的特殊性，用户界面设计规范队某些方面只进行原则性的规范，具体的内容（比如配色方案用暖色系还是冷色系等）应在每一个应用系统的开发启动之前，由项目小组根据应用系统自身的特点、系统用户对象的特点等信息，确立每一个部分的具体内容，然后在应用系统设计过程当中执行。1.1窗体控件布局1.1.1控件间距窗体控件布局合理，绝对不能显得拥挤；拥挤的窗体控件布局让人难以理解，因而难以使用。让人看上去，不能太拥挤，也不能太松散。控件对窗体的覆盖率以不高于75%为宜。控件间隔（垂直）：组与组之间间隔15，组内控件间间间隔10。控件间隔（水平）：组与组之间间隔15，组内控件间间间隔10。注：控件间间隔应该根据窗体的覆盖率灵活进行调整，但以大于10为宜；而且在整个系统内，采用统一的控件间隔。可以通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的间隔。1.1.2控件对齐控件水平排列成一行时，采用水平中对齐,控件间隔按要求基本保持一致。行与行之间间隔相同，靠窗体边界距离应大于行间间隔。当窗体中有多个编辑区域时，以视觉效果和效率来分组组织这些区域。1.1.3文字对齐界面文字（包括数字和英文字母），一般情况下都应垂直右对齐，并且使用中文全角标点符号。1.1.4窗口缩放窗体不可避免地会进行最小化、最大化等改变窗体大小的缩放操作，为了使窗体界面不出现混乱，应该在窗体布局设计时考虑相应的解决方法：（1）固定窗口大小，不允许改变大小，也不允许最大化、最小化的操作，避免窗体界面出现混乱；（2）使用控件的Dock（Fill、Top、Left等）属性，结合Panel、GroupBox等控件进行设计，使窗体在缩放的时候，控件能自动进行大小调整。（3）通过程序自行控制。在窗口大小改变的时候，捕捉窗体的Resize或SizeChanged-6-企业即时通界面设计翰子昂实训教程系列事件进行相应处理。1.2界面配色1如果使用经过设计的系列界面，则必须统一色调，针对软件类型以及用户工作环境选择恰当色调。注：如安全软件可以选取黄色；绿色表现环保，蓝色表现时尚，紫色表现浪漫等；淡色背景可以使人舒适，暗色做背景使人不觉得累等。2如果不使用系列界面，采用标准界面则必须做到与操作系统统一。3遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字。注：如蓝色文字以白色为背景容易识别，而在红色背景下则不易分辨，原因是红色与蓝色的对比度不够，而蓝色和白色的对比度很大，容易识别。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。4整个界面色彩尽量不使用或少使用多种不同的颜色。1.3控件风格1命名控件命名统一采用简写_控件名称的方式，其中简写由控件在系统中的默认英文名称的大写字母组成，如TextBox控件则简写为tb；控件名称一般根据控件的用途或者控件显示的内容进行命名，比如：LoginName，则整个控件可以命名为tb_LoginName。2系统中使用的控件，样式、前景色、背景色、功能、操作方式等尽量保持一致，并且符合系统的整体配色风格，避免给用户造成混乱感觉。3当在某一特定条件下，某个控件用户不可用时，对控件Enabled属性设置为False而不是将Visible属性设为False。注：如用户显示文本的RichText控件有右键弹出菜单，则在系统内所有的RichText控件都应该一致地有右键弹出菜单。1.4字体一般情况下，中文字体使用的宋体，字号大小9号；英文字体使用标准MicrosoftSansSerif字体。注：在系统中，一定使用标准字体，不考虑特殊字体（隶书、草书等特殊情况使用图片代替)，以保证每个用户使用系统时显示都正常。1.5交互信息在用户与计算机应用系统交互过程中，交互信息是极其重要的。它向用户提示有关系统的操作、运行状态、系统错误等各个方面的信息，让用户更好地了解系统，更好地使用系统。注：本规范中的交互信息主要包括系统提示信息（提示需要让用户注意的问题）、询问信息（如是否继续某个操作）、警告信息（如提示某个安全问题）、错误信息（系统运行时出现的错误信息）等。系统中交互信息应遵循的原则有：2.界面的关系图和工作流程图-7-翰子昂实训教程系列1简洁易懂尽量使用简单易懂的表述，如口语化，杜绝使用生涩难懂的专业术语；注意断句，正确、合理的使用顿号、逗号等标点符号，内容有较大差别时，注意分段。2分类统一按照提示信息、询问信息、警告信息、错误信息等进行分类，对每种信息提供的方式及相关的窗体设计、布局进行统一，包括窗体标题，使用的提示图片、字体、字体颜色、字体大小等。注：如错误信息统一使用弹出窗口，并使用错误标记，只留下确定按钮，统一窗口标题为系统错误，统一表述的语气及方式：系统出现错误：（错误内容）。请与系统管理员联系。。3合理使用当用户的指令系统需要较长的时间进行处理时，系统应提供相应的提示信息，并在处理完成后给与用户适当提示，以提示处理已经完成。1.6其他方面1Tab键（TabIndex）按Tab激活控件的顺序一般按照从左至右、从上至下的顺序排列（注意设定TabIndex的值）。2快捷键、加速键以及辅助菜单（1）系统快捷键在菜单中进行描述，并在系统帮助中特别说明；避免使用与系统重复的快捷键（如Ctrl+Alt+Del）。（2）辅助菜单必须在可视化窗体界面上拥有对应的按钮或者菜单选项。1.7帮助提示原则一个设计优良的程序除了应该具备友好的界面，还应具备必要的帮助和提示性信息。因此，对于本产品中界面上的按钮组件和工具栏组件在操作中必须提供相关信息的提示。A工具栏组件中的按钮添加ToolTip提示性信息。B具有重要功能的按钮组件在点击后或功能操作完毕后必须显示消息提示对话框，用来确认用户执行的操作或者提示用户操作是否成功等等。消息提示语言应该友好，并尽量做到简洁明确2.界面的关系图和工作流程图2.1界面功能一览（客户端）界面名称界面标识功能说明登录UserLoginFrm连接