您的位置:首页 >产经 >

UI设计界面风格优漫动游

2023-08-21 16:45:50 来源:个人图书馆-6790哦

用微调框和浏览按钮使编辑框可视微调框和浏览按钮是简单的可视机制,它们帮助用户在编辑框中进行有效的输入。避免让用户必须输入。仅对数字编采用带微调框的编辑框,对于文本,使用组合框代替。


(相关资料图)

按期望输入来设置编辑框的宽度编辑框的宽度是对期望输入的可视提示。例如,如果用户是输入地址,两个字符宽的State字段明显暗示用户输入两个字符的州名缩写。如果期望的输入没有特别的大小,就选择与其他编辑框或控件一致的宽度。

总采用数字编辑框用于数字输入当用户在数字字段中输入非数字文本时,不应该有任何出错消息。

滑块

总给滑块提供一个标签*必须用标签来标明滑块的用途。而且,滑块还应该有标明高、低值意义和当前选择的标签-当然都不带冒号。

静态文本

左对齐静态文本标签左对齐使得标签外观更有条理,且易于浏览。

宁可将静态文本标签置于相关控件的左边,而不是上面这样对齐使标签更易于被发现,且方便了标签和控件的浏览。很明显,长控件是例外情况,如列表视图、树形视图(Tree)和多行编辑框。

总在用于标识控件的静态文本标签后带上冒号*使用冒号明显表示为控件标签的文本。为控件提供附加信息的标签不应该有冒号,如用来解释滑块控件的标签。标签也可作为屏幕读出器的输入信息。

对非标签文本总用只读编辑框只读编辑框允许用户将文本复制到剪贴板上,并在文本比控件长时可进行滚动。

不要把静态文本置于凸起的边界上*在凸起边界上的静态文看起来像按钮,因而用户会试图单击它。

列表框

总给列表框提供一个标签必须用标签来标明列表框的用途。

使列表框至少5行长少于5行的列表没有滑块,不便于滚动。如果列表框没有滚动条,那么使用一个更短的列表框也是可以接受的。

对多个选择考虑采用复选框复选框列表可以突出其多个选择的能力。如果不能接受复选框列表,那么可以采用多选列表,并用静态文本表示选项个数,清楚指明可进行多项选择。

对多选列表考虑提供"全部选中"和"全部取消选中"命令由于希望全部选中或全部取消使常见的事情,所以这两个命令方便了用户进行多项选择。

列表视图

总给列表视图提供一个标签必须用标签来标明列表视图的用途。

使列表视图至少5行长少于5行的列表视图没有滑块,不便于滚动。如果列表视图没有滚动条,那么使用一个更短的列表视图也是可以接受的。

仅在列表可排序时采用可单击的表头*可单击的表头只应用于排序。首次单击时应按正序对列表进行排序,而第二次单击时按反序进行排列。

对列项大约超过30的列表视图总使其可进行排序*用户能够对列表进行排序方便了对信息的查找。

滚动条

滚动条仅用于滚动使用滑块或微调框来设置数值。

使滚动条足够长,保证有可用的滑块。没有滑块的滚动条不便于使用。

分组框

利用分组框分组相关控件。尽管分组框通常是用于单选按钮的分组,但也可用于任何控件的分组。避免使用只有一个控件的分组框,除非是为了保持与同一对话框中其他分组框一致

关键词: