CS软件用户界面设计规范

C/S 软件用户界面设计规范

——组件部分

C/S 软件用户界面设计规范.................................................................................................................. ... 1

——组件部分......................................................................................................................................... ... 1

窗口......................................................................................................................................................... ... 7

.1 什么是窗口.......................................................................................................................................7

.2 窗口构成元素...................................................................................................................................7

.2.1

窗口框架

...................................................................................................................................8

.2.2.4 标题栏文本......................................................................................................................................9

.2.2.5 标题栏按钮....................................................................................................................................11

.2.2.6 标题栏的使用规范.........................................................................................................................11

.2.2.7 标题栏的交互行为.........................................................................................................................11

.3 窗口使用规范.................................................................................................................................12

.4 窗口交互行为.................................................................................................................................12

.4.1

激活和取消激活

.4.2

打开窗口

.................................................................................................................................12

.4.3

关闭窗口

.................................................................................................................................13

.4.4

移动窗口

.................................................................................................................................13

.5.1.2 主窗口构成元素............................................................................................................................16

.5.1.3 主窗口使用规范............................................................................................................................16

.5.1.4 主窗口交互行为............................................................................................................................16

.5.2

辅助窗口

.................................................................................................................................17

.5.2.1 什么叫辅助窗口............................................................................................................................17

.5.2.2 辅助窗口构成元素.........................................................................................................................17

.5.2.3 辅助窗口使用规范.........................................................................................................................17

.5.2.4 辅助窗口交互行为.........................................................................................................................18

.5.2.5 辅助窗口类型................................................................................................................................20

访问健................................................................................................................................................... ... 32

.10 什么是菜单...................................................................................................................................34

.11 构成元素及使用规范...................................................................................................................34

.11.1

.11.2

.11.3

.11.4

.11.5

.12 类型...............................................................................................................................................38

.12.1

下拉菜单

...............................................................................................................................38

.12.2

快捷菜单

...............................................................................................................................42

.13 什么叫按钮...................................................................................................................................45

.14 构成元素及使用规范...................................................................................................................45

.15 类型...............................................................................................................................................45

.15.1

命令按钮

...............................................................................................................................46

.15.2

选项按钮

...............................................................................................................................47

.18 类型...............................................................................................................................................52

.19 下拉框...........................................................................................................................................52

.19.1

单选列表框

...........................................................................................................................52

.19.2

下拉列表框

...........................................................................................................................53

.19.3

多选列表框

...........................................................................................................................54

文本....................................................................................................................................................... ... 54

.20 什么叫文本...................................................................................................................................54

.21 构成元素及使用规范...................................................................................................................55

.22 类型...............................................................................................................................................55

.22.1

静态文本

...............................................................................................................................55

.24.1

构成元素

...............................................................................................................................59

.24.2

应用范围

...............................................................................................................................59

.24.3

使用规范

...............................................................................................................................59

.24.4

补充说明

...............................................................................................................................59

.25 类型...............................................................................................................................................60

.25.1

单行文本框

...........................................................................................................................60

.25.2

多行文本框

...........................................................................................................................61

.25.3

多信息文本框

.......................................................................................................................61

.25.4

组合框

...................................................................................................................................63

.25.5

下拉组合框

...........................................................................................................................64

.27.2

使用状态：

...........................................................................................................................67

.27.3

使用规范：

...........................................................................................................................67

.28 链接类型及使用规范...................................................................................................................68

.28.1

超链接（外部链接）

...........................................................................................................68

.28.2

内部链接

...............................................................................................................................68

.28.3

邮件链接

...............................................................................................................................68

视图....................................................................................................................................................... ... 69

.29 什么叫视图...................................................................................................................................69

.30 构成元素及使用规范...................................................................................................................69

.31 类型...............................................................................................................................................69

.31.4.3

列表列表视图

....................................................................................................................73

.31.4.4

详细列表列表视图

.31.4.5

表格

.33.2

表格标题

...............................................................................................................................75

.33.3

列标题

...................................................................................................................................76

.33.4

表格主体

...............................................................................................................................76

.33.5

数据项

...................................................................................................................................76

.33.6

表格页脚

...............................................................................................................................76

.34 交互行为.......................................................................................................................................77

.34.1

表格列交互行为

...................................................................................................................77

.34.2

表格行交互行为

...................................................................................................................77

.36.1

什么叫统计视图

...................................................................................................................78

.36.2

构成元素及使用规范

...........................................................................................................78

.36.2.1

构成元素

.36.2.2

使用规范

.36.3

类型

.......................................................................................................................................79

.36.3.1

饼状视图

.36.3.2

柱状视图

.36.3.3

折线视图

提示....................................................................................................................................................... ... 82

.37 什么是提示...................................................................................................................................82

.39.5

消息框提示

...........................................................................................................................85

.39.6

帮助提示

...............................................................................................................................85

.39.7

指示

.......................................................................................................................................85

工具栏................................................................................................................................................... ... 86

.40 什么叫工具栏...............................................................................................................................86

.41 构成元素及使用规范...................................................................................................................86

.41.1

构成元素

...............................................................................................................................86

.41.1.1

工具栏控件

.41.1.2

工具栏框架控件

................................................................................................................87

状态栏................................................................................................................................................... ... 88

.42 什么是状态栏...............................................................................................................................88

.49.1

什么是滚动条

.......................................................................................................................93

.49.2

滚动条的构成元素及使用规范

...........................................................................................93

.49.3

滚动条交互行为

...................................................................................................................94

.50 选项卡...........................................................................................................................................95

.50.1

什么是选项卡

.......................................................................................................................95

.50.2

构成元素及使用规范

...........................................................................................................96

.53.3

图标的应用范围

.................................................................................................................100

.53.4

图标的交互行为

.................................................................................................................101

.54 图标类型.....................................................................................................................................101

.54.1

应用程序图标

.....................................................................................................................101