windows:Commands/toolbars/usage-patterns
出自UXGuide.net
工具栏:使用模式
Toolbars: Usage Patterns
工具栏具有下列使用模式:
|
主工具栏 设计用于菜单栏被隐藏或移除了的情况下的工具栏。 |
主工具栏必须平衡好效率与全面这两个方面,其最适合于简单程序。
Windows Explorer 中的主工具栏。 |
|
辅助工具栏 设计与菜单栏一起使用的工具栏。 |
辅助工具栏能够仅考虑效率,而忽略全面性。
Windows Movie Maker 中的辅助工具栏。 |
|
工具栏菜单 用工具栏实现的菜单栏。 |
工具栏菜单是指由位于菜单按钮和分割按钮中的命令组成工具栏,仅包含少量的直接命令。
Windows 照片库中的工具栏菜单。 |
|
可定制工具栏 可以由用户定制的工具栏。 |
可定制工具栏允许用户添加或删除工具栏,更改其尺寸和位置,甚至是其内容。
Microsoft Visual Studio® 中的可定制工具栏。 |
|
调色板窗口 用于呈现一组命令的无模式对话框。 |
调色板窗口是未停靠的工具栏。
Windows 画图中的调色板窗口。 |
工具栏具有下列样式:
|
无标签图标 一行或多行不带标签的小图标按钮。 |
该样式用于需要标注的按钮数量太多或程序经常使用的情况。使用该样式,功能复杂的程序可以具有多行工具栏,而且这是唯一需要定制能力的样式。如果有些命令按钮经常使用,在这种样式中也可以对其进行标注。
写字板中的无标签图标工具栏。 |
|
无标签大图标 单行不带标签的大图标按钮。 |
此样式用于具有易于识别的图标且通常运行于小窗口内的简单实用程序。
Windows Live Messenger 和 Windows 截图工具中的无标签大图标工具栏。 |
|
带标签图标 单行带标签的小图标。 |
该样式用于命令较少或程序不太常用的情况。该样式始终只有一行图标。
Windows Explorer 中的带标签图标工具栏。 |
|
局部(partial)工具栏 当工具栏不必占用整行时,只使用其中一部分来显示小图标以节约空间。 |
该样式用于带有导航按钮、搜索框或选项卡的窗口,以降低窗口顶部不必要的复杂性。
部分工具栏可以与导航按钮、搜索框或选项卡合并。 |
|
局部大工具栏 当工具栏不必占用整行时,只使用其中一部分来显示大图标以节约空间。 |
该样式用于带有导航按钮、搜索框的简单实用程序,以降低窗口顶部不必要的复杂性。
Windows Defender 中的局部大工具栏。 |
工具栏控件具有下列使用模式:
|
图标命令按钮 单击命令按钮将立即触发操作。 |
Windows 传真与扫描中的图标命令按钮示例。 |
|
图标模式按钮 单击模式按钮将进入选定的模式。 |
Windows 画图中的模式按钮示例。 |
|
属性图标按钮 属性按钮的状态反映了当前选中对象的状态(如果有的话)。单击该按钮即将更改应用于选中的对象。 |
Microsoft Word 中的属性按钮示例。 |
|
带标签图标按钮 使用图标与文本标签标注的命令按钮或属性按钮。 |
这类按钮用于经常使用的、但其图标不足以进行自描述的工具栏按钮。它也用于那些按钮数量较少,使得每个按钮都可具有文本标签的工具栏。
标注了最常用按钮的工具栏。 |
|
菜单按钮 用于显示少量相关命令的命令按钮。 |
单个向下的三角形表示单击该按钮将显示菜单。
包含少量相关命令的菜单按钮 |
|
分割按钮 用于组合一个命令的多个变体的命令按钮,尤其当大多数情况下只会用到其中一个命令时。 |
常规状态下的分割按钮 与菜单按钮类似,单个向下的三角形表示单击该按钮的右端部分将显示菜单。
下拉的分割按钮 在这个示例中,分割按钮用于组合所有与打印相关的命令。由于大多数情况下使用的都是直接打印命令,因此用户通常无须看到其他命令。 与菜单按钮不同的是,单击按钮的左侧部分将直接执行标签所示的操作。当特定工具的下次操作往往与上次操作相同时,分割按钮非常有效。此时,标签会根据最后一次操作而改变,例如这个颜色选取器:
在这个示例中,标签显示的是最后一次进行的操作。 |
|
下拉列表 用于显示或更改属性的下拉列表(可编辑或只读的)。 |
在这个示例中,下拉列表用于显示和设置字体属性。 工具栏中的下拉列表反映了当前选中对象的状态(如果存在的话)。更改列表则会更改选中对象的状态。 |