界面设计规范.docx

界面设计规范界面总体设计原则 界面设计的中心是用户，我们要做的是提供给用户可操作性强的界面，而不是由界面来操作用户。界面是系统与用户交互的媒介，友好的界面设计，不但可以给用户以良好的视觉感官，而且可以提供给用户简易、规范的交互过程，从而引导用户逐渐形成良好的操作习惯，提高用户操作系统的效率。 1、界面规范 界面的规范是指，界面使用的提示性语言，名称，符号和布局符合行业标准和软件行业标准。相同功能的提示语言，名称，符号和布局使用相同内容。这样可以使用户对系统形成统一的操作认识，加快对系统操作的掌握速度，提高工作效率。 遵循一致的准则，确立标准并遵循。无论是控件使用、提示信息措辞 ，还是颜色、窗口布局风格，都遵循统一的标准。做到真正的一致。使用户使用起来能够建立起精确的心里模型，使用熟练一个界面后，切换到另外一个界面能够轻松推测出各种功能，而且能够降低培训成本。 2、界面操作简易 我们一直遵循“以用户为中心的设计”原则，在此原则下，界面操作的简易程度已经成为不可或缺的一个衡量指标。此外，界面操作的简易主要从以下几个方面衡量： 界面布局合理 界面一致性 鼠标与键盘合理对应 快捷键的使用 尽可能减少在动作间需记忆的信息数量。 合理的界面大小，高效利用显示器。 3、界面交互人性化 人性化的界面交互，让用户使用起来得心应手。我们做到的良好的人机交互，包括很多方面。我们经过长期的调研和努力，从适应性、有效性、易学习性、用户满意度几个方面出发来设计界面，做到更好更方便的人机交互。 窗口弹出位置明显。让用户轻松中转至新的界面。 出错信息及警告。出错信息是指出现问题时系统给出的提示，用来提醒用户应该做的正确操作。 执行动作提示。界面作为人机对话的工具，用户做了任何动作，我们会给您一个视觉或听觉提示，让您更加放心的使用我们提供的每一个功能。 联机帮助。安装系统的同时，系统自动为您提供帮助文档，方便您的前期使用和查阅。 4、界面美观 美观大方的界面可以使界面布局和色彩搭配更加合理，从而消除用户的视觉疲劳，让用户不会因为长时间使用软件而感觉疲劳，减少长时间操作对眼睛产生的伤害。 某项目具体的界面规范 页面位置导航 要摆放在界面的首行左起，要加入当前界面位置说明 按钮 全屏窗口 检索按钮 统一放在检索条件的下一行的左起位置。 操作按钮 统一放在页面位置导航的下一行左起顺序排放。 非全屏窗口 功能按钮 放在最下面一行，居中对齐。 关闭按钮 每个非全屏窗口都有一个关闭按钮，和功能按钮一样放在最下面一行，最后的位置。 表格 表格内部无边框，外侧边框为浅蓝色，表头背景色，奇数行背景色，偶数行背景色。 对于不带分页导航条的表格，要增加竖滚条，来使页面的布局稳定。 分页导航条 和表格配合使用，放在表格下方，有当前页码、总页数、总记录数、首页、上一页、下一页、末页、跳转到指定页。 弹出框 使用统一的样式，有标题，有边框，有背景色，居中显示弹出框。 日期选择 使用统一的日期选择图片按钮，日期选择控件要求可以快速选择日期。 上移、下移、左移、右移按钮 使用统一的按钮样式，操作的逻辑要统一。 文件选择按钮 使用统一的文件选择图片按钮。 不能编辑的输入框 背景色统一为灰色。 术语 使用的术语要统一，不能随便修改。 页面主题风格 可实现多类页面主题风格，提供给用户选择。 菜单 深度一般不超过3层。 复选框 多个复选框要带有全选和全取消功能，方便用户选择。 下拉框 在选项较少时，使用下拉框；在选项较多时，使用列表框。 输入框 必输项输入框后面要附带红星标志，来说明该输入框必须输入。 要有长度控制，比如最长5位，输入5位字符后就不能再输入。 要有合法性验证，比如数字类，日期类等输入要判断输入数据是否合法，不合法时。 快捷键 对于录入等用户经常用到，且要求录入速度高的界面，要求常用按钮如保存、新增等按钮有快捷键。 Tab键 对于录入等用户经常用到，且要求录入速度高的界面，要求输入项按从左到右，从上到下的顺序使用TAB键进行切换。