基本信息
文件名称:2025年UI设计规范方案说明书.doc
文件大小:39.5 KB
总页数:5 页
更新时间:2025-04-04
总字数:约2.8千字
文档摘要

UI设计规范阐明書

修订历史记录

曰期

版本

阐明

作者

序言

文档简介

本文档是對整個系统界面设计風格進行描述,和顾客交互的最终界面在《详细设计阐明書》中设计和解释。

系统定义

顾客界面:又称人机界面,实現顾客与计算机之间得通信,以控制计算机或進行顾客和计算机之间得数据传送得系统部件。

GUI:即图形顾客界面,一种可视化得顾客界面,它使用图形界面替代正文界面。

编写目的

统一图形界面规范,為開发人员提供统一的原则,為顾客提供统一显示效果、统一操作方式的界面,便于顾客识别与使用。

界面设计准则Rules

引言Introduction

在界面设计中应當保持界面的一致性。一致性既包括使用原则的控件,也指使用相似的信息体現措施,如在字体、風格、颜色、术語、提醒信息等方面保证一致。

重要内容Content

显示信息一致性原则

坚持图形顾客界面(GUI)设计原则,界面直观、對顾客透明:顾客接触软件後對界面上對应的功能一目了然、不需要多少培训就可以以便使用本应用系统。

明确顾客是所有处理的关键,不应當有应用程序来决定处理過程,因此顾客界面应當由顾客来控制应用怎样工作、怎样响应,而不是由開发者按自已的意愿把操作流程强加給顾客。

界面设计必须通過最终确认才能完毕。

布局合理化原则

应注意在一种窗口内部所有控件的布局和信息组织的艺术性,使得顾客界面美观。在一种窗口中按tab键,移動聚焦的次序不能杂乱無章,tab的次序是先從上至下,再從左至右。一屏中首先应输入的和重要信息的控件在tab次序中应當靠前,位置也应放在窗口上较醒目的位置。布局力争简洁、有序、易于操作。

鼠標与键盘一致性原则

尽量遵照可不用鼠標的原则:应用中的功能只用键盘也应當可以完毕,即设计的应用中還应加入某些必要的按钮和菜單项。

不過,許多鼠標的操作,如双击、拖動對象等,并不能简朴地用键盘来模拟即可实現,此类操作可合适增長操作按钮。

向导使用原则

對于应用中某些部分的处理流程是固定的,顾客必须按照指定的次序输入操作信息,為了使顾客操作得到必要的引用应當使用向导,使顾客使用功能時比较轻松明了,不過向导必须用在固定处理流程中,并且处理流程应當不少于3個处理环节。

系统响应時间

系统响应時间应當适中,响应時间過長,顾客就會感到不安和沮丧,而响应時间過快也會影响到顾客的操作节奏,并也許导致錯误。因此在系统响应時间上坚持如下原则:

响应時间長度界面设计:

0-5秒鼠標显示成為沙漏;

5秒以上显示处理窗口,或显示進度条;

一种長時间的处理完毕時应予以完毕警告信息。

出錯信息和警告

出錯信息和警告是指出現問題時系统給出的壞消息,對于出錯信息和警告应當遵照如下原则:

信息以顾客可以理解的术語描述;

信息简要扼要,指出出錯原因并提供处理措施提醒。

信息显示原则

信息显示遵照如下原则:

1)只显示与目前顾客語境环境有关的信息;

2)不要用数据将顾客包围,使用便于顾客迅速吸取信息的方式体現信息;

3)使用一致的標识、原则缩写和颜色,显示信息的含义应當非常明确,顾客不必再参照其他信息源;

4)产生故意义的出錯信息;

5)使用缩進和文本来辅助理解;

6)使用窗口分隔控件分隔不一样类型的信息;

7)高效地使用显示屏的显示空间,但要防止空间過于拥挤。

数据输入原则

数据输入遵照如下原则:

1)尽量減少顾客输入動作的数量;

2)维护信息显示和数据输入的一致性;

3)交互应當時灵活的,對键盘和鼠標输入的灵活性提供支持;

4)在目前動作的語境中使不合适的命令不起作用;

5)让顾客控制交互流,顾客可以跳過不必要的動作、变化所需動作的次序(假如容許的话)以及在不退出系统的状况下從錯误状态中恢复;

6)為所有输入的動作提供协助;

7)消除冗余输入。也許的话提供默认值、绝不要让顾客提供程序中可以自動获取或计算出来的信息。

界面实行细则Detail

概述

界面设计中保持界面的一致性。一致性既包括使用原则的控件,也指使用相似的信息体現措施,如在字体、標签風格、颜色、术語、显示錯误信息等方面保证一致。

界面力争简洁明了,保证系统功能设计的合理与明确,布局明确、交互操作合理、协调统一。功能要体現清晰,分类清晰有条理,防止過多的控件嵌套导致的视覺混乱;單一功能的操作目的明确,符合易用性原则,防止不必要的信息显示而對顾客导致视覺干扰;力争操作简朴,简朴的功能一步完毕,比较复杂的功能三步之内,复杂的功能操作使用操作向导来辅助客户完毕。

颜色搭配Corlor

字体Font

资源Resources

控件風格Style

窗体Window

菜單Menu

工具栏ToolBar

状态栏StatusBar

导航栏OutlookBar

数据窗口DataWindow

按钮Button

單项选择框RadioButton

静态文