开启左侧

11、用户体验设计之用户界面控件

[复制链接]
3184 4

用户体验设计之用户界面控件

用户体验设计之用户界面控件



词条 - 控件

控件是对数据和方法的封装。控件可以有自己的属性和方法。属性是控件数据的简单访问者。方法则是控件的一些简单而可见的功能。

用户界面控件是用于开发构建用户界面(UI)的控件,提供视窗、文本框、按钮、下拉式菜单等界面元素的功能。在应用程序内部或应用程序之间提供一致性行为和一致性用户界面。

用户界面控件可以分为通用控件和自绘控件两种。通用控件包括大部分windows标准控件以及各种可重用控件。



案例 - 通用控件简介及图例

常见通用控件,共计有如下21个,小企将分三期表述:


1. 气泡提示

13.png

典型的气泡提示控件是一个小的弹出式窗口。包括图标、标题和提示信息。这些元素可根据具体需要进行调整。



2. 复选框

23.png

每个选项都提供给用户两个截然相反的选择。复选框的标签显示用户当前选择状态。



3.命令按钮

33.png

命令按钮帮助用户开始一个直接操作。



4. 菜单控件

42.png

菜单为用户提供当前场景下可使用的功能或选项列表。菜单分为两部分结构,一部分是选项标识栏,显示选项图标或标记;一部分是文字标签显示栏。



5. 工具栏

51.png

工具栏是一个图形化功能集合的载体,大量的提高用户操作效率。工具栏可以承载多个控件元素,如图标按钮、菜单按钮、下拉按钮、溢出按钮、下拉列表和组合框等等。



6. 滚动栏

61.png

滚动栏是一个由滚动箭头按钮、滚动块和滚动轴组成的矩形控件。用户通过滚动栏设定窗口当前显示的内容位置,通过转到页尾按钮将窗口显示位置转到内容文件最下方。



7. 下拉列表和组合框

7.png


下拉列表和组合框用于用于从一组互斥值列表中进行选择。

词条 - 用户界面控件

控件是对数据和方法的封装。控件可以有自己的属性和方法。属性是控件数据的简单访问者。方法则是控件的一些简单而可见的功能。


用户界面控件是用于开发构建用户界面(UI)的控件,提供视窗、文本框、按钮、下拉式菜单等界面元素的功能。在应用程序内部或应用程序之间提供一致性行为和一致性用户界面。


用户界面控件可以分为通用控件和自绘控件两种。通用控件包括大部分windows标准控件以及各种可重用控件。



案例 - 通用控件简介及图例


常见通用控件,共计有如下21个,小编将分三期表述,本期为第二期:


1. 分组框 XGroup Boxes

14.png

分组框是用来组织一组相关控件或内容的特殊控件,不具备操作功能性。



2. 链接 Links

链接的几种状态:

141.png


链接被用来导航到其他页面、窗口或帮助主题;显示说明;命令菜单选项。传统的文字链接使用系统链接颜色和下划线。



3. 命令链接 Command Links

6.png


户通过命令链接,在多个选项中选择一个指令并进入任务的下一步。



4. 进度条 Progress Bars

精确进度条:显示精确的进度值。

15.png


状态进度条:显示当前操作状态或者有误差容忍度的进度值。

16.png

用户通过进度条来了解操作进程或操作状态。



5. 单选按钮 Radio Buttons

单选按钮各个使用状态:

17.png

用户通过单选按钮在众多相关选项中选取设置其中一种状态。



6. 滑块 Sliders (XTrackBar)

111.png

用户可以使用滑块设定一系列的状态值。



7. 调节按钮 Spin Controls (XNumberic)

12.png


调节按钮各个使用状态:

13.png

用户通过使用调节按钮逐步改变选项设置值。主要应用于数字输入。


作者:董明华

举报

回复

4 个评论

liusay    发表于 2014-11-18 14:16:17  | 显示全部楼层
学习了
kangyuansh    发表于 2015-2-28 09:43:04  | 显示全部楼层
学习了。。
konrad    发表于 2015-3-26 11:05:52  | 显示全部楼层
经验之谈 谢谢
Sunshinemoon198    发表于 2015-5-19 08:46:00  | 显示全部楼层
很有帮助 感谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点

更多

社区学堂

更多

客服中心

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表