IOS 12设计规范(9-1)按钮:按钮(Buttons)

9.1按钮(Buttons)

按钮用于启动App特定的操作,可以自定义按钮背景,并且包含标题或者图标。     系统提供了许多预定义的按钮样式,可用于⼤多数使用场景。你也可以设计⾃  定义按钮。

开发者指南,请参阅 UIButton。

系统按钮(Buttons) 

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

IOS12设计规范

在标题中使用动词:表明动作的标题说明按钮是可交互式的,会让用户知道点击后会发⽣什么。

使用标题首字⺟母⼤写:除了冠词、并列列连词以及,四个或四个以下字⺟母   的介词之外的每个词都要⼤写首字⺟母。

保持标题简短:过长的文本会使您的界面很拥挤,并可能在较⼩小的屏幕上被截断。

仅在必要时添加边框或背景:默认情况下,系统按钮没有边框或背景。然而, 在一些内容区域中,边框或背景是表示交互性。在App中,带边框的数字键加 强了传统的拨打电话模式,而“呼叫”按钮的背景容易引人注目,便于点击。 对于开发人员指南,请参阅UIButtonTypeSystem的按钮类型的UIButton。

详情按钮(Detail Disclosure Buttons) 

“详情”按钮可打开窗口(通常是模态视图),其中包含与屏幕上特定项目相关的其他信息或功能。虽然您可以在任何类型的窗口中使用它们,但详情按钮通    常用于表行中以访问有关特定行的信息。

IOS12设计规范

在表中适当使用详情按钮:当表行中存在“详情”按钮时,点击该按钮会显示其他信息。点击其他位置选择行或结果为App定义的行为。如果您想让人们点  击整行以查看其他详细信息,请不要使用“详情”按钮。相反,使用细节时使用 “详情”按钮。

请参阅UITableViewCell中的UITableViewCellAccessoryType。

IOS12设计规范

有关开发人员指导,请参阅UIButtonTypeDetailDisclosure按钮类型的UIButton。

 

信息按钮(Info Buttons) 

在打开窗口后,“信息”按钮会显示有关App的配置详细信息,有时位于当前窗口的背面。信息按钮有两种风格 – 浅⾊和深⾊。选择最适合您应用程序设计的样式,不会让用户迷失⽅向。

对于开发人员指南,请参阅UIButtonTypeInfoLight和UIButtonTypeInfoDark  按钮类型的UIButton。

 

添加联系人按钮(Add Contact Buttons) 

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

IOS12设计规范

除“添加联系人”按钮外,还允许键盘输入:“添加联系人”按钮提供了新建联系人信息的方法。可以将它作为添加现有联系人的快捷方式提供,也可以通过键盘输入联系信息。

对于开发人员指南,请参阅UIButtonTypeContactAdd的按钮类型的UIButton。

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(9-1)按钮:按钮(Buttons)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏