qq界面设计.docVIP

企业即时通 用户界面设计报告 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 1.0 王鹏 2006-05-22 0. 文档介绍 0.1 文档目的 本文用于指导软件分析和设计活动中用户界面的设计原则、设计步骤和设计方法。 0.2 文档范围 本文档包含以下几部分： 1. 应当遵循的界面设计规范 2. 界面的关系图和工作流程图 3. 主界面 4. 子界面 5. 美学设计 6. 界面资源设计 7. 其他 0.3 读者对象 本文仅用于指导软件开发部用户界面设计工作，同时作为其他分析和设计工作的参考资料。 本文的预期读者是：设计员/软件工程师、程序员、界面设计员/美工。 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [标识符] 作者，文献名称，出版单位（或归属单位），日期 例如： [AAA] 作者，《立项建议书》，机构名称，日期 [SPP-PROC-SD] SEPG，系统设计规范，机构名称，日期 0.5 术语与缩写解释 缩写、术语 解 释 UI User Interface，用户界面。 GUI Graphic User Interface，图形用户界面。 Frm Form 的缩写 btn Button 的缩写 lbl Label 的缩写 txt TextBox的缩写 cmb ComboBox 的缩写 1. 应当遵循的界面设计规范 本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。用户界面设计的总体原则：统一。这也是本规范遵循的最高原则，用户界面的设计，无论是控件、信息提示措辞、界面配色等，都要遵循统一的标准，做到真正的一致。 本规范的施行方法：针对用户界面设计的特殊性，用户界面设计规范队某些方面只进行原则性的规范，具体的内容（比如配色方案用暖色系还是冷色系等）应在每一个应用系统的开发启动之前，由项目小组根据应用系统自身的特点、系统用户对象的特点等信息，确立每一个部分的具体内容，然后在应用系统设计过程当中执行。 窗体控件布局 .1? 控件间距 窗体控件布局合理，绝对不能显得拥挤；拥挤的窗体控件布局让人难以理解，因而难以使用。让人看上去，不能太拥挤，也不能太松散。控件对窗体的覆盖率以不高于75%为宜。 控件间隔（垂直）：组与组之间间隔15，组内控件间间间隔10。 控件间隔（水平）：组与组之间间隔15，组内控件间间间隔10。 注：控件间间隔应该根据窗体的覆盖率灵活进行调整，但以大于10为宜；而且在整个系统内，采用统一的控件间隔。可以通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的间隔。 .2?? 控件对齐 控件水平排列成一行时，采用水平中对齐, 控件间隔按要求基本保持一致。行与行之间间隔相同，靠窗体边界距离应大于行间间隔。当窗体中有多个编辑区域时，以视觉效果和效率来分组组织这些区域。 3? 文字对齐 界面文字（包括数字和英文字母），一般情况下都应垂直右对齐，并且使用中文全角标点符号。?? 窗口缩放 窗体不可避免地会进行最小化、最大化等改变窗体大小的缩放操作，为了使窗体界面不出现混乱，应该在窗体布局设计时考虑相应的解决方法： （1）固定窗口大小，不允许改变大小，也不允许最大化、最小化的操作，避免窗体界面出现混乱； （2）使用控件的Dock（Fill、Top、Left等）属性，结合Panel、GroupBox等控件进行设计，使窗体在缩放的时候，控件能自动进行大小调整。 （3）通过程序自行控制。在窗口大小改变的时候，捕捉窗体的Resize或SizeChanged事件进行相应处理。 界面配色 1 如果使用经过设计的系列界面，则必须统一色调，针对软件类型以及用户工作环境选择恰当色调。 注：如安全软件可以选取黄色；绿色表现环保，蓝色表现时尚，紫色表现浪漫等；淡色背景可以使人舒适，暗色做背景使人不觉得累等。 2 如果不使用系列界面，采用标准界面则必须做到与操作系统统一 。 3 遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字。 注：如蓝色文字以白色为背景容易识别，而在红色背景下则不易分辨，原因是红色与蓝色的对比度不够，而蓝色和白色的对比度很大，容易识别。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。 4 整个界面色彩尽量不使用或少使用多种不同的颜色。 控件风格 1 命名 控件命名统一采用简写_控件名称的方式，其中简写由控件在系统中的默认英文名称的大写字母组成，如TextBox控件则简写为tb；控件名称一般根据控件的用途或者控件显示的内容进行命名，比如：