欢迎所有爱好软件测试的任人志士加入本空间!

界面设计规范

上一篇 / 下一篇  2008-03-03 18:42:26

界面设计规范

8YH5ze_'vc0

 

SOwJ2k2m5AjB0

整理:暗涧幽火      更新时间:2008-03-03 16:10:28

%w8vD5cX ^'g!F'iO0

 

%_rl{D|^1U[^0

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。设计良好的界面能够引导用户自己完成相应操作,起到向导作用。51Testing软件测试网 ?4ce7{ \'`}WPF2w:_

界面设计主要是为了达到以下目的:51Testing软件测试网m_l |w0ma2Uj

1)       以用户为中心。设计由用户控制的界面,而不是界面控制用户。

:R:b2BMzyEl#o8UO0

2)       清楚一致的设计。所有界面的风格保持一致,所有具有相同含义的术语保持一致,且易于理解和使用。

xX _#Fe6?CZ7L0

3)       拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅速学会软件的使用。51Testing软件测试网eteDt9Ln

4)       较快的响应速度。51Testing软件测试网 A;F3I+],q/qg

5)       简洁、美观。

v~?#\3d7Q;vf0

以下规则应该重视:

J%s``:B2c.r_P8y0

界面风格一致性

H'L }@W0

操作项51Testing软件测试网yys'BD5F3nd:a9h#X

基本规范51Testing软件测试网4vw\ w,{ N#S/n J't

UI色彩与字体51Testing软件测试网 wx*DW:DQac6Cb

1 UI字体,色彩要一致。

wK/zLmv0

2 整体色彩搭配要融为一体,同时诸如CaptionButton起提示、提交作用的部分要清楚,醒目。

Zx}0?Z~ D0

3 不可修改的字段,统一使用灰色文字显示。(例:浏览页面、删除页面均需显示灰色)

x.AP"uy b VW0

窗口风格

A th2fp&@+seY0

1 所有窗口最大化、最小化风格要一致。51Testing软件测试网z2M`7n#R

2 报错页面的风格一致,最好有统一的报错页面。

| ]"WqUzd5P4u0

3 类似功能的窗口打开的风格要一致。

e,@5w;Z!T}J)[ f0

4 相同功能在不同模块的名称要一致。

t\,jm} V9m-t3Z0

5 子窗体应尽量在显示在主窗体的左上或居中放置。51Testing软件测试网@n?'X'lkp3?])R

6 弹出式窗口应尽量在不借助水平和垂直滚动条的情况下显示所有内容。

1L"nE%g)DP0

7 窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;不能只放大窗体而忽略控件的缩放。

0Rb?e/X.Fj0

8 父窗体支持缩放时,子窗体不必缩放。51Testing软件测试网1^6DX8K:u[ag,e

9 实现自定义界面风格(可参考电子社区系统)51Testing软件测试网0u(XL4xjw,i

布局与间距(待定)

N,M&l3T-q2Pu.U0

1 窗体控件布局和间距尽量与Windows标准保持一致。51Testing软件测试网vZ'GWOS/q`T

2 按钮与窗体上、下、左、右之间的间距为

"i ? wG#He5h&Q p%l0

3 按钮之间的间距为

rsGzj3t.h]/}8U0

4 ……

sMz*xk!a0

菜单深度51Testing软件测试网(af/NZ2r

1 菜单深度一般不要超过三层

Eel|(w\vV0

2 菜单层次太多时,应给出返回主窗口、主分支的快捷链接。51Testing软件测试网J;r Rr`G

   51Testing软件测试网%?5Q;P"Z9g[ Z!b,\6d8w

1 按钮风格相同,大小相似,标题字体保持一致,在整个系统中的显示位置要统一。51Testing软件测试网&B:j[&H(C

2 无效按钮要屏蔽。51Testing软件测试网[UKMS i`u

   

0aek$zo9O?/E0

1 复选框和选项框按选择几率的高低而先后排列。

)QZ5Cb0N,h`9\_+MA0

2 复选框和选项框要有默认选项,并支持Tab选择。

fF2u,M@%r&l _0

3 界面空间较小时使用下拉框而不用选择框。

T:A NT6s0

4 选项数较少时使用选项框,相反使用下拉列表框。

$cdw2r!~ F0

文本框输入

WDoAV%B.w9c0

操作项

.u4L?bvB` i0

基本规范51Testing软件测试网){3YF"\'Gm!x*k

51Testing软件测试网*P Q$l8m-W4b

1)必输项中不可为空,不可输入空格51Testing软件测试网Y0cw&_$R

2)必输项给出必输项标识(*)。51Testing软件测试网~}UI9iPit8V?

3)非必输项字段,Null插入数据库时不会出错,在数据库中设置默认值。51Testing软件测试网 bQ4`FQd

字段长度51Testing软件测试网|zf+ASY[

超过数据库规定长度时不允许输入,自动截断超长部分(注:2字符=1字)

#L+L0G Ngy(df0

格式校验

q~Cb.x1m&I h w0

1)身份证号、E-MAIL、邮箱等特定字段的格式要符合需求的规定。

(E?q:]jMn5zJ0

日期格式51Testing软件测试网!DEv&^7i

1 日期显示格式一致,为yyyy-mm-dd

(Yl!RLSQ0

2 使用日期控件,则不可手工录入。51Testing软件测试网R;AHMUK

3 若允许手工输入:需做格式校验。不可输入字符串、汉字、特殊字符。51Testing软件测试网#sqZ_ea h N'X

4 若允许手工输入:对于日期段,需在截止日期小于开始日期时给出提示。

{zH!eQo}2{ f0

特殊字符

-Sj.as"SR8t$w;PE0

1)输入区域输入特殊字符,插入数据库时不出错或提示不允许输入特殊字符。特殊字符包括: “ = @ ` ~ $ % ^ %& # @

^7DRl!zG-id0

英文输入

m2e!B-K7g_ f0l0

英文输入不区分大小写,不可输入汉字、数字及特殊字符

"VV-m&z$m8w+~vP%}d8Kp0

数值字段

w]]9O_Z e0

只能输入+,—0~9及功能键(

TAG:

 

评分:0

我来说两句

暗涧幽火

暗涧幽火

相识系于緣 相知系于诚

日历

« 2024-01-21  
 123456
78910111213
14151617181920
21222324252627
28293031   

数据统计

  • 访问量: 6485
  • 日志数: 15
  • 建立时间: 2007-06-07
  • 更新时间: 2012-02-02

RSS订阅