iOS11人机交互指南-控件-01按钮 Bottons

按钮启动应用的特定操作,样式可以自定义,通常包括标题或图标。系统为大多数情形提供了很多预定义的按钮样式。您还可以设计完全自定义的按钮。

系统按钮

iOS11人机交互指南-控件-01按钮 Bottons_第1张图片

系统按钮通常显示在导航栏和工具栏中,但可以在任何地方使用。

在标题中使用动词。一个特定的动作标题可以暗示一个按钮是可交互式的,并能让用户在点击前就能预知操作结果。

使用标题样式。除了文章,协调连词和四个字母以内的的介词之外,可以使用大写字母引起用户注意。

尽量缩短标题。超长的文本可能会挤满您的界面,并可能会在较小的屏幕上截断。

考虑仅在必要时添加描边或背景。默认情况下,系统按钮没有描边或背景。然而,在某些内容情境下,需要边界或背景来暗示交互性。在电话应用程序中,数字的描边加强了传统的通话模式,“呼叫”按钮的背景成为一个引人注目的目标,暗示很容易触发。

详细信息按钮

iOS11人机交互指南-控件-01按钮 Bottons_第2张图片

详细信息按钮触发后会打开一个视图 - 通常是模态视图 - 包含附加信息或本屏内相关选项的特定功能。虽然您可以在任何类型的视图中使用它们,但在表中通常使用详细信息按钮来访问有关特定行的信息。

iOS11人机交互指南-控件-01按钮 Bottons_第3张图片

在表中适当使用详细信息按钮。当表行中存在详细信息按钮时,点击该按钮将显示其他信息。轻击其他地方选择该行或出应用定义的行为。如果您希望用户点击整个行以查看更多详细信息,请勿使用详细信息按钮。而是使用展示细节的附件控件,其显示为向右的小箭头。

信息按钮

iOS11人机交互指南-控件-01按钮 Bottons_第4张图片

信息按钮点击后会显示有关应用程序的配置详细信息,有时位于当前视图的背面。信息按钮有两种风格 - 深浅两种。选择最适合您应用程序设计的风格,并且不会在屏幕上丢失。

添加联系人按钮

iOS11人机交互指南-控件-01按钮 Bottons_第5张图片

用户可以点击添加联系人按钮来浏览现有联系人列表,并选择一个用于插入文本字段或其他视图。例如,在邮件中,您可以点击邮件的“收件人”字段中的“添加联系人”按钮,从联系人列表中选择收件人。

除了添加联系人按钮之外,还允许键盘输入。“添加联系人”按钮为输入联系人信息提供了一种替代方法,而不是替换。把它作为添加现有联系人的快捷方式是很好的,但也应该允许用户通过键盘输入联系人信息。

原文链接

你可能感兴趣的:(iOS11人机交互指南-控件-01按钮 Bottons)