UIUE
规范
编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载
V1.0
文件类别:
指南
验证指南下载验证指南下载验证指南下载星度指南下载审查指南PDF
文件版本:1.0 文件编号:
杭州斯凯网络科技有限公司
UEUI规范
受控状态:受控
杭州斯凯网络科技有限公司
文件标
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
文档编号
当前版本 1.0
UEUI规范 生效日期 2008-07-23
文档密级:普通
文档状态:[ ] 草案 [?]正式发布 [ ]正在修订
变更履历
序号 版本 变更描述 修订人/日期 审核人/日期 批准/日期
0.1 创建 刘飞/2008.03.01 产品部 1
完善按键命名
楼婷婷、施克宇0.2 产品部 2 新增按键与本地UI冲突的 /2008.03.05
解决
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
调整整体架构
修改按键命名规范
方群、林万东、章贵英、黄0.3 新增滑块最小值 产品部、质量部 3 晓华/2008.03.06
修改标签界面命名、UE规范
修改图文界面命名规范
修正了6号会议确定的改善
方案
0.4 刘飞/2008.03.07 4 新增附录
新增按钮规范
完善了图文界面、标签界面0.5 刘飞/2008.05.23 5 UE规范
1.0 正式发布 刘飞/2008.07.23 6 7 8 9 10 11 12 13 杭州斯凯网络科技有限公司
UEUI规范
目录
目 录 ................................................................................................. 3 1 用户输入 ...................................................................................... 4 1.1 按键 ........................................................................................ 4 1.2 触摸笔 ..................................................................................... 6 2 控件 ............................................................................................ 6 2.1 按钮 ........................................................................................ 7 2.2 输入框 ..................................................................................... 8 2.3 下拉框 ..................................................................................... 9 2.4 勾选框 ................................................................................... 12 2.5 单选列表 ................................................................................ 13 2.6 滚动文字 ................................................................................ 15 2.7 滚动条 ................................................................................... 17 3 窗体 .......................................................................................... 19 3.1 列表 ...................................................................................... 19 3.2 矩阵列表 ................................................................................ 21 3.3 对话框 ................................................................................... 24 4 界面 .......................................................................................... 25 4.1 列表界面 ................................................................................ 25 4.2 图文界面 ................................................................................ 26 4.3 标签界面 ................................................................................ 27
杭州斯凯网络科技有限公司 3/28
UEUI规范
1 用户输入
1.1 按键
1.1.1 命名规范
方向键OK键上/下/左/右
左软键右软键
通话键挂机键
0~9键
*键#键
图1-1
1.1.2 帮助说明的书写格式
先书写功能名,再
换行写对应的按键
名,如果对应多个
如果不同状态下有按键,则不同按键
多套按键方案,则名之间换行;
需分别列举,场合
名居中显示,并以
“***”包围
功能名以“<>”包
围,左对齐显示;
如果两个功能比较如果功能名超过文
类似,可同时书本显示区域的宽
写,中间以“/”隔度,则换行
开,如果四个方向
键功能类似,可只
写“方向键”
按键名与左边缘空1
个字符(即2个字
节),如果按键名
超过文本显示区域
的宽度,则换行
图1-2
杭州斯凯网络科技有限公司 4/28
UEUI规范
1.1.3 按键状态
, 按键有5种状态,即按下(Press)、休眠(Sleep)、按住(Repeate)、弹起(Release)
和抬起(Raise)。
弹起状态抬起状态
按下按键
松开按键松开按键开休
始眠
休倒
眠计按下状态休眠状态按住状态倒时
计结
时束
图1-3 , 对按下、休眠、按住、弹起4种状态,,抬起状态下不需要处理。
1.1.4 按键模式
通常使用的按键模式是以下几种:
按键模式 UE规范
按下响应 只在按下状态响应按键
弹起响应 只在弹起状态响应按键
按下响应一次;
连续按键 按住连续响应;
弹起停止响应;
按下响应一次,进入休眠状态;
休眠T(ms)后,进入按住状态;
按住连续响应; 休眠按键
弹起停止响应;
T值可调,默认值500(ms);
表1-1
杭州斯凯网络科技有限公司 5/28
UEUI规范 1.2 触摸笔
1.2.1 命名规范
命名 解释
触摸笔 泛指任何可以触摸屏幕并触发输入指令的道具
触点 触摸笔在屏幕上的位置坐标
有效触触摸笔按下某一控件后,会在屏幕中形成的一个矩形区域,
摸域 ;
表1-2
1.2.2 UI规范
任何正规书面文档中,均需以“触摸笔”来泛指任何触摸屏幕触发输入指令的道具,而不应出现类似于“触摸棒”或“手指”等字样;
1.2.3 UE规范
, 触摸笔有5种状态,即按下(Press)、休眠(Sleep)、拖拽(Drag)、弹起(Release)
和抬起(Raise);
弹起状态抬起状态
按下触摸笔
松开触摸笔松开触摸笔开休
始眠
休倒
眠计按下状态休眠状态拖拽状态倒时
计结
时束
,
图1-4
, 对按下、休眠、拖拽、弹起4种状态,,抬起状态下不需要处理;
, 注意,休眠倒计时结束后,自动进入拖拽状态,;
, 休眠倒计时默认为500ms;
2 控件
术语 说明
控件 可以响应用户操作的界面对象
杭州斯凯网络科技有限公司 6/28
UEUI规范
焦点 用户当前可操作控件的标示
跳转 焦点从一个控件移动到另一个控件
默认状态 控件未获得焦点
聚焦状态 控件获得焦点,并可响应用户操作
无效状态 控件的可操作性被屏蔽,即无法被聚焦,焦点经过无效控件时会越过,并跳转到下1个控件上
激活 冻结的控件恢复可操作性
事件 控件所能执行的功能
触发 控件开始执行事件
触摸矩形 控件中能响应触摸笔事件的矩形区域
触摸范围 控件中所有触摸矩形的统称
表2-1 2.1 按钮
2.1.1 命名规范
命名 解释
标签 显示在按钮上的文字
表2-2 2.1.2 UI规范
参考
状态
图
默认
聚焦
按下
无效
表2-3 2.1.3 UE规范
1. 按键
键值 按键状态 功能
OK键 按下 按钮呈现“按下”状态
杭州斯凯网络科技有限公司 7/28
UEUI规范
休眠 无
按住 无
弹起 恢复“默认状态”,并触发事件
表2-4
2. 触摸笔
触摸域 触摸状态 功能
按下 按钮呈现“按下”状态
休眠 无
整个按钮
拖拽 无
弹起 恢复“聚焦”状态,并触发事件
表2-5
2.2 输入框
2.2.1 命名规范
命名 解释
数字输入框 只可输入数字内容的输入框
文本输入框 只可输入数字、字母、汉字内容的输入框
用户输入密码的输入框,密码只能由数字、字母和字符组成
密码输入框
,输入后在屏幕中以“*”号显示;
最小字数 用户输入的内容字数不得少于该数值,否则会出现错误提示
最大字数 用户输入的内容字数不得多于该数值,否则会出现错误提示
输入框允许输入的内容条件,默认情况下包括内容格式,以及最大、最小
合法条件
字数的文字,另外根据具体应用需求会有额外新增条件
表2-6
2.2.2 UI规范
状态 参考图
默认
聚焦
按下
杭州斯凯网络科技有限公司 8/28
UEUI规范
无效
表2-7
2.2.3 UE规范
1. 按键
键值 按键状态 功能
按下 输入框呈现“按下”状态
休眠 无 OK键
按住 无
弹起 恢复“聚焦”状态,并触发事件,进入本地UI编辑界面。
表2-8
2. 触摸笔
有效域为输入框范围,不包括标签文字范围
触摸域 触摸状态 功能
按下 按钮呈现“按下”状态
休眠 无
输入框
拖拽 无
弹起 恢复“聚焦”状态,并触发事件,进入本地UI编辑界面。
表2-9
3. 激活输入框后,立即将该输入框的合法条件以“提示语”的形式弹出; 4. 触发输入框后,统一进入本地UI界面进行输入;
5. 进入本地UI界面后,文本输入框默认保留上一次的内容,密码输入框默认无内容; 6. 完成输入,并选择确定后,返回上一级界面,同时对合法性进行判断,如果合法,则输入
成功;否则清空输入内容,并重新将该输入框的合法条件以“提示语”的形式弹出;
2.3 下拉框
陕陕陕陕陕陕陕
陕陕陕
陕陕陕
陕陕陕陕
陕陕陕
陕陕陕
杭州斯凯网络科技有限公司 9/28
UEUI规范
图2-1
2.3.1 命名规范
命名 解释
结果框 显示当前选择结果的框
展开 下拉框打开后的状态
下拉列表 下拉框所包含的所有选项组成的纵向列表
下拉按钮 选择后会弹出下拉列表的按钮
表2-10
2.3.2 UI规范
1. 状态参考图
状态 参考图
所在省份陕西省
默认
所在省份陕西省
聚焦
所在省份陕西省
陕西省
辽宁省
黑龙江省展开
台湾省
浙江省
所在省份陕西省
无效
表2-11 2. 内容显示框默认显示下拉列表的第一行内容
2.3.3 UE规范
1. 按键
按键
列表状态 键值 功能
状态
杭州斯凯网络科技有限公司 10/28
UEUI规范
按下 展开下拉列表
休眠 无 OK键 未展开
按住 无
弹起 无
按下 下拉列表焦点上移1行
休眠 无 方向键上
按住 下拉列表焦点连续上移1行,直至弹起
弹起 无
按下 下拉列表焦点连续下移1行,直至弹起
休眠 无 方向键下
按住 下拉列表焦点下移1行
弹起 无
展开
按下 当前行呈现“按下”状态
休眠 无 OK键
左软键 按住 无
弹起 当前行恢复“聚焦”状态,并触发结果变更事件
按下 关闭下拉列表,但不将当前选项更新到结果框中
休眠 无
右软键
按住 无
弹起 无
表2-12
2. 触摸笔
展开前,有效域是结果框以及下拉按钮范围,不包括标签文字范围; 展开后,下拉列表符合列表操作规范,触摸其他区域都会关闭下拉列表 列表状态 触摸域 触摸状态 功能
按下 按钮呈现“按下”状态,并展开下拉列表
休眠 无
展开前 结果框+下拉按钮
拖拽 无
弹起 无
展开后 结果框+下拉按钮 按下 关闭下拉列表
杭州斯凯网络科技有限公司 11/28
UEUI规范
休眠 无
拖拽 无
弹起 无
按下 选项呈现“按下”状态
休眠 无
下拉列表 拖拽 无
关闭下拉列表,恢复“聚焦”状态,并触
弹起
发结果变更事件
表2-13
3. 下拉列表打开后,选框默认停留在结果框所显示的选项上;
4. 下拉列表默认向下弹出,如果向下弹出会超出屏幕,则向上弹出;如果向上和向下都会超
出屏幕,则下拉列表与屏幕下边缘对齐;
5. 下拉列表显示池容量是5,如果总选项数超过容量,会显示滚动条,滚动条与下拉按钮右
对齐;
6. 用户触发下拉列表中的某一选项后,结果框中显示当前选项,并关闭下拉列表;用户未选
择,只是移动选框位置时,结果框不变化;
7. 下拉列表未弹出时,按OK键或触摸笔点击下拉框任意位置(不仅仅是下拉按钮),都会弹
出下拉列表;
8. 下拉列表弹出后符合列表规范;
9. 用户按右软键或触摸笔点击下拉列表以外的任何区域,则下拉列表关闭,但选择结果不改
变;
2.4 勾选框
2.4.1 命名规范
命名 解释
勾选框 标示当前选择状态的框
标签 说明勾选框作用的文字
表2-14
2.4.2 UI规范
状态 参考图
默认
聚焦
杭州斯凯网络科技有限公司 12/28
UEUI规范
按下
无效
表2-15
2.4.3 UE规范
1. 勾选框默认勾选状态可设置
2. 按键
键值 按键状态 功能
按下 勾选框呈现“按下”状态
休眠 无 OK键
按住 无
弹起 当前行恢复“聚焦”状态,并切换勾选状态
表2-16 3. 触摸笔
触摸域 触摸状态 功能
按下 勾选框呈现“按下”状态
休眠 无
勾选框以及标签文字
拖拽 无
弹起 当前行恢复“聚焦”状态,并切换勾选状态
表2-17
2.5 单选列表
图2-2
2.5.1 命名规范
命名 解释
单选列表 在每个选项前有个选圈的特殊列表
标示当前选项是否被选中的标志,选圈是存在于每个选项左边的,选
选圈和选点
点只存在于当前选项左边的选圈中心处
表2-18
杭州斯凯网络科技有限公司 13/28
UEUI规范
2.5.2 UI规范
状态 参考图
默认
聚焦
按下
无效
表2-19
2.5.3 UE规范
1. 按键
键值 按键状态 功能
按下 焦点上移1行
休眠 无
方向键上
按住 焦点连续上移1行,直至弹起
弹起 无
按下 焦点下移1行
休眠 无
方向键下
按住 焦点连续下移1行,直至弹起
弹起 无
按下 当前选项的选圈呈现“按下”状态
休眠 无
OK键 按住 无
当前选项的选圈恢复“聚焦”状态,并将选点定位
弹起
到该选圈中心,触发结果变更事件
杭州斯凯网络科技有限公司 14/28
UEUI规范
表2-20
2. 触摸笔
触摸域 触摸状态 功能
按下 选圈呈现“按下”状态
休眠 无
选圈以及标签文字 拖拽 无
当前选项的选圈恢复“聚焦”状态,并将选点定位到该选圈中心,触发结果变更
弹起
事件
表2-21 2.6 滚动文字
2.6.1 命名规范
命名 解释
内容 滚动的全部文字
显示池 屏幕中显示滚动文字的区域
速度 每滚动1个字需要消耗多少ms
表2-22
2.6.2 UI规范
状态 参考图
默认
聚焦
按住
无效 无
表2-23 2.6.3 UE规范
1. 按键
键值 按键状态 功能
按下 文字呈现“按下”状态
OK键
休眠 无
杭州斯凯网络科技有限公司 15/28
UEUI规范
按住 无
弹起 文字恢复“聚焦”状态,并触发事件
表2-24
2. 触摸笔
触摸域 触摸状态 功能
按下 文字呈现“按下”状态
休眠 无
显示池内的文字区域
拖拽 无
弹起 文字恢复“聚焦”状态,并触发事件
表2-25
3. 滚动规则
, 只有全都位于显示池范围内的文字才显示,部分超出或完全超出显示池范围的文字都
不显示;
, 滚动文字以每隔T(ms)滚动1个字的速度,从右向左进行滚动; 4. 滚动模式
滚动文字有两种模式,一种是始终滚动,一种是需激活才滚动;
, 始终滚动模式
Step 1: 列表文字初始位置是显示池的2 / 3宽度处;
Step 2: 列表文字开始滚动;
Step 3: 当列表文字的最后一个字离开显示池左边缘时,列表文字重复Step1,如此循环;
, 激活滚动模式
Step 1: 激活前,文字不滚动,文字的x位于显示池左边缘处; Step 2: 激活后,滚动文字进入休眠倒计时;
Step 3: 休眠倒计时结束后,列表文字开始滚动;
Step 4: 当列表文字的最后一个字距离显示池左边缘还有1/3宽度时,列表文字重复Step2,
如此循环;
Step 5: 一旦失去焦点,则立即复位到Step1;
杭州斯凯网络科技有限公司 16/28
UEUI规范 2.7 滚动条
2.7.1 命名规范
图2-3
命名 解释
上/下按钮 滚动条两端的按钮
滑块 滚动条中间可滚动的按钮
滑槽 滑块的滑动区域
小步长 触摸笔点击上/下按钮,而引起滑块的位移量
大步长 触摸笔点击滑槽区域,而引起滑块的位移量
显示池 显示内容的区域
表2-26
2.7.2 UI规范
1. 状态参考图
状态 默认 上按钮按住 下按钮按住 滑块按住 无效
杭州斯凯网络科技有限公司 17/28
UEUI规范
参考图
表2-27
2. 滑块的长度 = 显示池高度 * 滑槽长度/ 内容总长度;
滑块长度) = 显示池上边缘距离内3. 滑块上边缘距离滑槽上边缘的距离 / (滑槽长度 –
容上边缘的距离 / (内容总长度 – 显示池长度)。
4. 滚动条最大宽度不超过13象素;
5. 小步长 = 显示池行高 * (滑槽长度 – 滑块长度)/ (内容总长度 – 显示池长度);
6. 即小步长刚好等于显示池移动一行引起的滑块位移量;
7. 大步长 =(显示池高度 – 显示池行高)* (滑槽长度 – 滑块长度)/ (内容总长度 –
显示池长度);
8. 即大步长刚好等于显示池移动“一屏少一行”引起的滑块位移量;
2.7.3 UE规范
1. 按键
滚动条不直接响应按键,而是通过显示池的移动,来间接移动滑块; 2. 触摸笔
触摸域 触摸状态 功能
上按钮呈现“按下”状态,滑块上移1个
按下
小步长,触发显示池变更事件
休眠 无
上按钮
上按钮呈现“按下”状态,滑块连续上移1
拖拽
个小步长,触发显示池变更事件
弹起 上按钮恢复“默认”状态
下按钮 按下 下按钮呈现“按下”状态,滑块下移1个
杭州斯凯网络科技有限公司 18/28
UEUI规范
小步长,触发显示池变更事件
休眠 无
下按钮呈现“按下”状态,滑块连续下移1
拖拽
个小步长,触发显示池变更事件
弹起 下按钮恢复“默认”状态
滑块呈现“按下”状态,并移动1个大步
长,移动方向由焦点位置是否大于滑块中按下
心位置决定,触发显示池变更事件
休眠 无 滑槽(滑块以外的
区域) 滑块呈现“按下”状态,并连续移动1个
大步长,移动方向由焦点位置是否大于滑拖拽
块中心位置决定,触发显示池变更事件
弹起 滑块恢复 “默认”状态
表2-28
3. 如果滑块滑动后,会超出滑槽上边缘,则滑块重新定位到滑槽上边缘; 如果会超出滑槽下边缘,则滑块重新定位到滑槽下边缘;
4. 滑块长度最小值为5象素。
3 窗体
3.1 列表
3.1.1 命名规范
术语 解释
选项 组成列表的相互独立的可选择条目
当前选项 焦点所在的选项
选项ID 当前选项在所有选项中的索引号
显示池 显示列表的区域
显示池容量 显示池最多容纳的选项数
总选项数 列表包含的选项总数
水平/竖直间距 显示池与列表的水平/竖直间隔距离
表3-1
杭州斯凯网络科技有限公司 19/28
UEUI规范
3.1.2 UI规范
1. 水平边距自定义;
竖直边距 = (列表高度 % 行高) / 2;
2. 显示池X = 列表X + 水平边距;
显示池Y = 列表Y + 竖直边距;
3. 显示池宽度 = 列表宽度 – 滚动条宽度 – 2*水平边距;
显示池高度 = 列表高度 – 2*竖直边距;
4. 显示池容量 = 显示池高度 / 行高;
3.1.3 UE规范
1. 列表有2种类型:展开型和滚动型;
, 展开型
当前选项被展开,其余选项只显示1行文字内容,在显示池内的文字显示,超出的不显示;注
意,当前选项展开会引起列表高度变化;
, 滚动型
当前选项使用滚动文字,其余选项只显示1行文字内容,在显示池内的文字显示,超出的不显
示;
2. 安全行数
, 焦点在显示池中心区域移动时,显示池不动,焦点移动;
焦点距离显示池边缘N行时,如果继续移动,则显示池和焦点同时移动,但焦点在显
示池中的相对位置不变;这个预留行数,称为安全行数;
, 如果显示池已移动到列表选项边缘,则安全行数不发生作用;
, 安全行数 = 显示池容量 / 3;
3. 焦点跳转
, 支持循环跳转和不循环跳转两种;
, 循环跳转是指,当焦点在第一行时,按方向键上可跳转到最后一行;当焦点在最后一
行时,按方向键下可跳转到第一行;
, 不循环跳转是指,当焦点在第一行时,按方向键上不响应;
4. 按键
键值 按键状态 功能
方向键上 按下 焦点上移1行,触发焦点变更事件
杭州斯凯网络科技有限公司 20/28
UEUI规范
休眠 无
按住 焦点连续上移1行,触发焦点变更事件
弹起 无
按下 焦点下移1行,触发焦点变更事件
休眠 无
方向键下
按住 焦点连续下移1行,触发焦点变更事件
弹起 无
按下 当前选项呈现“按下”状态
休眠 无
OK键
按住 无
弹起 当前选项恢复“聚焦”状态,并触发选项选中事件
表3-2
5. 触摸笔
触摸域 触摸状态 功能
当前选项呈现“按下”状态,并将有效触
按下
摸域限定为当前选项范围
休眠 无 列表显示池区域
拖拽 无
弹起 当前选项恢复“聚焦”状态,并触发事件
表3-3
3.2 矩阵列表
3.2.1 命名规范
术语 解释
行号 当前选项在矩阵中的行序号
列号 当前选项在矩阵中的列序号
行间距 相邻两行间的距离
列间距 相邻两列间的距离
表3-4
3.2.2 UI规范
1. 每个选项宽高都相等的矩阵列表,称为“规则矩阵列表”,该列表各选项的行、列间距都相
杭州斯凯网络科技有限公司 21/28
UEUI规范
等;
2. 选项宽高不完全相等的矩阵列表,称为“不规则矩阵列表”;
3.2.3 UE规范
1. 按键
键值 按键状态 功能
按下 焦点上移1行,触发焦点变更事件
休眠 无
方向键上
按住 焦点连续上移1行,触发焦点变更事件
弹起 无
按下 焦点下移1行,触发焦点变更事件
休眠 无
方向键下
按住 焦点连续下移1行,触发焦点变更事件
弹起 无
按下 焦点左移1列,触发焦点变更事件
休眠 无
方向键左
按住 焦点连续左移1列,触发焦点变更事件
弹起 无
按下 焦点右移1列,触发焦点变更事件
休眠 无
方向键右
按住 焦点连续右移1列,触发焦点变更事件
弹起 无
按下 当前选项呈现“按下”状态
休眠 无
OK键
按住 无
弹起 当前选项恢复“默认”状态,并触发选项事件
表3-5
2. 触摸笔
触摸域 触摸状态 功能
每个选项的矩形区域,当前选项呈现“按下”状态,并将有效触
按下
包括文字和图标 摸域设置为当前选项范围
杭州斯凯网络科技有限公司 22/28
UEUI规范
休眠 无
拖拽 无
弹起 当前选项恢复“默认”状态,并触发事件
表3-6
3. 规则矩阵列表跳转规则
A B C
D E F
G H I
假设焦点在B,那么
, 按方向键左,会依次选择A I H G F E D C B如此循环;
, 按方向键右,会依次选择C D E F G H I A B如此循环;
, 按方向键上,会依次选择H E B如此循环;
, 按方向键左,会依次选择E H B如此循环; “九宫格”是行数和列数都是3的矩阵列表,符合这种跳转规范; 4. 不规则矩阵列表跳转规则
A B C D
E F
G H I
假设焦点在C,那么
, 按方向键左,会依次选择B A I H G F E D C如此循环;
, 按方向键右,会依次选择D E F G H I A B C如此循环;
, 按方向键上,会依次选择I F B H F B如此循环;
, 按方向键左,会依次选择F H B F H B如此循环;
杭州斯凯网络科技有限公司 23/28
UEUI规范 3.3 对话框
图3-1
3.3.1 命名规范
命名 解释
提示框 提示短信息,不阻塞用户操作
等待框 向用户传达消息,阻塞用户操作
消息提示框 向用户传达消息,用户确认后关闭,也可设置一定时间后自动关闭
询问框 向用户发出询问信息,需要用户作出选择
滚动箭头 用于标示对话框翻行操作的箭头
表3-7
3.3.2 UI规范
1. 所有对话框水平方向上出现在屏幕居中位置,竖直方向上有两种模式,一种是出现在界面
底部,一种是垂直居中显示;
2. 对话框宽度 = 屏宽;
3. 对话框高度视文字行数而定,但最大值不超过3行文字;
4. 对话框内容与对话框边缘边距8象素,内容左对齐,水平靠上;
5. 当对话框无法显示所有内容时,对话框右边出现<滚动条>;
6. 消息提示框下面右边位置有个按钮,标签随按钮功能可变;
7. 询问框下面有左右两个按钮,标签随按钮功能可变;
杭州斯凯网络科技有限公司 24/28
UEUI规范
3.3.3 UE规范
对话框类型 UE规范
弹出后,用户所有操作被屏蔽,直到等待框自动消失后,才恢复用户操作;
等待框 当等待框停留时间可能超过3(s)时,提示框文字内容必须动态变换,变换文
字由提示框具体功能决定;
弹出后,用户按OK键或左软键可关闭它;
消息提示框
使用触摸笔点击下方的按钮也可关闭它;
弹出后,用户按左软键或OK键可执行左边按钮描述的功能,按右软键可执行
右边按钮描述的功能; 询问框
使用触摸笔点击左/右按钮可分别执行左/右两边文字所描述的功能,并关闭它;
表3-8
4 界面
命名 解释
标题栏 屏幕上方,通常用于显示标题的区域
功能栏 屏幕下方,通常用于显示功能键的区域
显示池 介于标题栏和功能栏之间,用户显示内容的区域
左按钮 功能栏左边的按钮
中按钮 功能栏中间的按钮
右按钮 功能栏右边的按钮
表4-1
4.1 列表界面
杭州斯凯网络科技有限公司 25/28
UEUI规范
图4-1
4.1.1 命名规范
遵守<界面>的命名规范;
4.1.2 UI规范
遵守<界面>的UI规范;
4.1.3 UE规范
按键 功能 备注
方向键上/下 上/下移动选框 符合<休眠按键规范>
方向键左/右 跳转到前一页/后一页 符合<不连续按键规范>
OK键 触发当前选项 符合<不连续按键规范>
左软键 打开/关闭菜单 符合<按下响应按键规范>
右软键 返回上一级界面 符合<弹起响应按键规范>
表4-2
4.2 图文界面
图4-2
4.2.1 命名规范
遵守<界面>的命名规范
4.2.2 UI规范
1. 遵守<界面>的UI规范;
2. 图文界面按照图片排版可以分为上下型和半包围型;
4.2.3 UE规范
1. 遵守<界面>的UE规范;
杭州斯凯网络科技有限公司 26/28
UEUI规范
2. 按键功能列表
按键 功能 备注
方向键上/下 上/下滚行 符合<休眠按键规范>
方向键左/右 左/右跳转焦点 符合<休眠按键规范>
3 / 6键 上/下翻屏 符合<连续按键规范>
左软键 打开/关闭菜单 符合<按下响应按键规范>
右软键 返回上一级界面 符合<弹起响应按键规范>
表4-3
4.3 标签界面
图4-3
由多个界面组成的组合界面,称为标签界面;
4.3.1 命名规范
遵守<界面>的命名规范;
命名 解释
标签栏 标签界面中,显示子界面名称的横向列表
标签 标签栏中的选项
当前子界面 标签界面中,当前所显示的子界面
标签焦点 标示当前选项的标志
表4-4
4.3.2 UI规范
1. 遵守<界面>的UI规范;
杭州斯凯网络科技有限公司 27/28
UEUI规范 2. 标签文字 与 标签的边距是2象素,即标签宽度 = 标签文字宽度 + 2*2;
4.3.3 UE规范
1. 遵守<界面>的UE规范;
2. 按方向键左/右可切换当前子界面,同时标签栏的焦点也随之跳转;
3. 当标签栏内容未超过屏宽时,标签从左向右排版;当焦点跳转到标签栏边缘时循环跳转;
游戏
图4-4
4. 当标签栏内容超过屏宽时,当前标签始终处于标签栏正中位置;标签选项首尾循环相接,
但只显示手机屏幕内范围;
首尾循环相接
新闻
当前标签
居中显示
图4-5
--The END--
杭州斯凯网络科技有限公司 28/28