某公司全国经销管理系统用户界面设计V.docVIP

文档状态： 文档编号： 用户界面设计 [ ] Draft [√] Released [ ] Modifing 编 撰： 编撰日期： 2013-11-20 必威体育官网网址级别： 机密 文档版本： 2.0.0 全国销售管理系统 用户界面设计 版 本 历 史 日期 版本 说明 作者 2013-11-6 1.0.0 初稿 许国能 2013-11-20 2.0 界面设计修改 许国能 目 录 1. 引言 3 1.1 目的 3 1.2 读者对象 3 1.3 参考资料 3 1.4 术语与缩略语 3 2. 应当遵循的界面设计规范 3 3. 界面的关系图和工作流程图 5 4. 主界面 5 5. 子界面----网上商城 6 6. 子界面----客户管理 7 7. 子界面----市场及销售管理 8 8. 子界面----内部办公及员工管理 9 9. 子界面----仓库管理 10 10. 子界面----财务管理 16 11. 美学设计 19 12. 界面资源设计 21 13. 其他 26 用户界面设计 引言 界面设计界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。 该文档旨在规范软件界面设计，包括控件的布局、摆放，控件CSS的使用规范等。使界面统一化、风格化、特殊化、唯一化，美观大方，简便实用。 读者对象 软件工程开发小组组内阅读。 参考资料 资料名称[标识符] 版 单 位 者 期 V1.0概要设计说明书 V1.0需求规格说明书 格式说明：列出本文档的所有参考资料（可以是非正式的出版物），对于不为本单位所拥有的资料，要注明来源、引用章节，如果必要需将部分章节复印做为附件附在文档后。 术语、缩略语 解 释 结合用户需求和机构的《软件用户界面设计指南》，阐述软件用户界面设计应遵循的规范（原则、建议等）。 窗体控件布局 窗口空间布局合理，绝对不能显得拥挤；拥挤的窗口空间布局让人难以理解，因而难以使用。让人看上去，不能太拥挤，也不用太松散。控件对窗体的覆盖率以不高于75%为宜。 控件间隔（垂直）：控件之间间隔15。 控件间隔（水平）：控件之间间隔为15。 控件对齐：控件水平排列成一行时，采用水平中对齐，控件间隔按要求基本保持一致。行与行之间间隔相同，靠窗体边界大于行间间隔。当窗口中有多个编辑区域时，以视觉效果和效率来分组组织这些区域。 文字对齐：界面文字（包括数字和英文字母），一般情况下都应垂直左对齐，并且使用中文全角标点符号。 窗口缩放：窗体不可避免地会进行最小化、最大化等改变窗体大小的缩放操作，为了使窗体界面不出现混乱，应该在窗体布局设计时考虑相应的解决方法： （1）固定窗口大小，不允许改变大小，也不允许最大化、最小化的操作，避免窗体界面出现混乱； （2）使用控件的Dock（Fill、Top、Left等）属性，结合Panel、View等控件进行设计，使窗体在缩放的时候，控件能自动进行大小调整。 界面配色 1 如果使用经过设计的系列界面，则必须统一色调，针对软件类型以及用户工作环境选择恰当色调。 2 如果不使用系列界面，采用标准界面则必须做到与操作系统统一 。 3 遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字。 4 整个界面色彩尽量不使用或少使用多种不同的颜色。 控件风格 1 命名控件命名统一采用简写控件名称的方式，其中简写由控件在系统中的默认英文名称的大写字母组成，如TextBox控件则简写为tb；控件名称一般根据控件的用途或者控件显示的内容进行命名，比如：LoginName，则整个控件可以命名为tb_LoginName。 2 系统中使用的控件，样式、前景色、背景色、功能、操作方式等尽量保持一致，并且符合系统的整体配色风格，避免给用户造成混乱感觉。 字体： 字体一般情况下，中文字体使用的宋体，字号大小9号；英文字体使用标准Microsoft Sans Serif字体。 交互信息 交互信息在用户与计算机应用系统交互过程中，交互信息是极其重要的。它向用户提示有关系统的操作、运行状态、系统错误等各个方面的信息，让用户更好地了解系统，更好地使用系统。系统中交互信息应遵循的原则有： 1 简洁易懂尽量使用简单易懂的表述，如口语化，杜绝使用生涩难懂的专业术语；注意断句，正确、合理的使用顿号、逗号等标点符号，内容有较大差别时，注意分