文档介绍：该【软件UI设计规范 】是由【花双韵芝】上传分享，文档一共【42】页，该文档可以免费在线阅读，需要了解更多关于【软件UI设计规范 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。软件UI设计规范
软件UI设计规范
1/42
软件UI设计规范
软件UI设计规范
目录
UI规范......................................................................................................
1
1
用户界面设计理念................................................................................
4
雅观
...........................................................................................
4
易理解........................................................................................
6
激励
...........................................................................................
6
一致
...........................................................................................
6
交互
...........................................................................................
9
效率
.........................................................................................
12
熟悉
.........................................................................................
13
灵便
.........................................................................................
14
容错
.........................................................................................
15
可展望...................................................................................
16
简洁......................................................................................
16
透明......................................................................................
16
权衡......................................................................................
16
2
通用设计原则.....................................................................................
17
字体使用原则............................................................................
17
中文字体..........................................................................
17
英文字体..........................................................................
17
文字对齐原则............................................................................
17
界面配色原则............................................................................
19
按钮设计原则............................................................................
20
文本校验原则............................................................................
22
兼容性和个性化原则..................................................................
25
键盘响应...................................................................................
26
TAB键.............................................................................
26
Enter键...........................................................................
27
导航键(上下左右)
.........................................................27
DEL键.............................................................................
27
鼠标
.........................................................................................
27
3
各模块设计原则.................................................................................
28
启动/登录界面...........................................................................
28
软件UI设计规范
软件UI设计规范
2/42
软件UI设计规范
主界面29
导航29
窗体布局31
提示信息32
文本框34
弹出框/弹出窗口36
下拉框/单项选择框/复选框37
列表页面38
报表规范41
附件41
各样控件的标准大小42
软件UI设计规范
软件UI设计规范
3/42
软件UI设计规范
建立UI规范的目的
将阳春白雪式的用户体验细化到详尽的可执行的要求,建立各行业线关于界
面元素设计及界面布局的通用规则及要求,提升公用组件复用度及用户体验,从而增加浪潮软件的产品竞争力。
用户界面设计理念
雅观
使用可视元素
图
对元素进行分组
软件UI设计规范
软件UI设计规范
4/42
软件UI设计规范
图
软件UI设计规范
软件UI设计规范
42/42
软件UI设计规范
对齐
图
软件UI设计规范
软件UI设计规范
6/42
软件UI设计规范
(反例)
软件UI设计规范
软件UI设计规范
42/42
软件UI设计规范
易理解
一个系统应该很简单被用户学会和理解,用户应该知道:
1、看什么
2、做什么
3、何时做
4、在哪做
5、为何做
6、如何做
信息的放置序次应该经过深思熟虑,最小化用户记忆和搜寻的成本
必要的时候,一步步引导用户进行操作
图
激励
一旦用户达成了某个要点操作,要及时见告用户,提升用户的信心
图
一致
软件UI设计规范
软件UI设计规范
8/42
软件UI设计规范
一个系统从头到尾的外观,行为,操作应该是一致的
软件UI设计规范
软件UI设计规范
42/42
软件UI设计规范
(反例)
软件UI设计规范
软件UI设计规范
10/42
软件UI设计规范
(反例)
软件UI设计规范
软件UI设计规范
42/42
软件UI设计规范
同样的行为,应该总是产生同样的结果
(反例)
(反例)
同样功能的按钮视觉上保持一致,不同样功能的按钮视觉上有所差异
软件UI设计规范
软件UI设计规范
12/42
软件UI设计规范
(反例)
交互
用户在交互过程中占有绝对主动权
1、动作必定是用户央求的结果
2、耗时较长的动作必定能够被打断
图
软件UI设计规范
软件UI设计规范
13/42
软件UI设计规范
从用户的需求出发布现上下文
图
软件UI设计规范
软件UI设计规范
14/42
软件UI设计规范