Human Interface Guidelines —— Buttons

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

Buttons

Human Interface Guidelines链接：Buttons

Button 用于启动 app 的特定操作，它具有可自定义的背景，并且可以包含title或图标。

 系统为大多数使用情况提供了许多预定义的 button 样式。 也可以设计完全自定义的按钮。

System Buttons

System Button

System buttons 一般出现在 navigation bars 和 toolbars 中，不过也可以在任何地方使用。

使用时注意

·在 title 中使用动词

 一个表明特定动作的 title 能显示出一个按钮可交互的，并说清当你点击它时会发生什么。

·为 title 使用 title-case

将每个单词都大写，除了文章，并列连词和四个或更少字母的介词以外。

·保持标题简短

过长的文本可能会挤占您的界面，并可能在较小的屏幕上被截断。

·考虑只在必要时添加边界或背景

 默认情况下，系统按钮没有边框或背景。 但是，在一些内容区域中，需要边框或背景来表示可交互性。 在电话app中，有边框的数字键使人们将其与传统模式的拨打电话联系起来，并且“呼叫”按钮的背景提供了一个易于引人注目的目标。

Detail Disclosure Buttons

Detail Disclosure Button

Detail Disclosure button 能打开一个view——通常是一个modal view——包含与屏幕上特定项目相关的附加信息或功能。 尽管您可以在任何类型的视图中使用它们，但 Detail Disclosure buttons 通常用于访问 table 中特定行有关的的信息。

·在 table 中适当地使用细节披露按钮

在 table 行中存在Detail Disclosure button时，点击该按钮可显示额外的信息。 在其他地方点击可能会选择该行或唤起app已经定义的行为。 如果您希望人们点击整行以查看更多详细信息，请勿使用Detail Disclosure button，请使用detail disclosure accessory control（>）。

Info Buttons

Info Button

Info Buttons 显示有关app的配置详细信息，有时在当前视图的背面，翻转视图后显示。  Info buttons 有两种样式 - 浅色和深色。 选择最适合您app设计的风格，不会在屏幕上看不清楚。

Add Contact Buttons

Add Contact Button

用户可以点击Add Contact button来浏览现有联系人列表，并选择一个插入到文本区域或其他view。 例如，在邮件中，您可以点击邮件信息的 To 区域中的Add Contact button，从联系人列表中选择收件人。

·除了添加联系人按钮之外，还允许输入键盘

 Add Contact button 为输入联系信息提供了可选项，而不是替代选项。 可以将其作为添加现有联系人的快捷方式，但也可以让用户使用键盘输入联系人信息。