警报对话框（Alert）主要用于向用户传递应用程序或者设备相关的重要信息，往往以模态形式，在页面居中位置显示。

在iOS和Android 系统中，因系统规范的设计要求不同，警报对话框也表现出不同的结构特性，下面我们分系统平台，逐一梳理下相关的知识点。

iOS警告对话框

iOS系统环境下，一个完整的警告对话框通常包含以下元素：标题（A）、文本描述（B）、选项按钮（C）、面板容器（D）、模态透明遮罩层（E）、以及其他内容元素（F）警告对话框的视觉样式，严格意义上讲是不会允许第三方应用自定义的，尽管在第三方应用中，对话框的视觉样式被设计为各种样式。

标题（A）

警告对话框的标题（A）必须居中显示，标题文案必须简短，最好控制在一行以内。如果使用完整的句子做标题，则标题结尾处需要添加标点，如果使用句子片段做标题，则标题结尾处通常可不使用标点。

描述文本（B）

描述文本主要用于对场景状态进行补充说明，必须使用友好的语气词（不可以用批评或指责的口吻阐释内容）。描述文本不要试图解释选项操作按钮的功能特性，另外，并不是所有的警报对话框都必须存在描述文本，如果标题本身已经起到了很好的说明作用，那增加描述文本显然是多余的。

选项按钮（C）

选项按钮（C）是iOS的警报对话框的必需元素，一方面选项按钮可以为用户操作提供选择，另一方面用户也可以借助选项按钮，退出当前的对话框窗口状态。

选项按钮一般以1到3个为宜，

当按钮数量超过3个时，为了让用户获得更好的选中体验，平台推荐设计人员，使用动作选项条（Action Sheets）来完成设计

选项按钮（C）必须使用简洁的动词短语，用来描述执行命令结果，这些词语需要和标题形成对应。另外，必须要将用户最有可能点击的按钮放置在面板右侧的按钮区，而将取消性质的按钮放置在左侧。

如果执行按钮命令，本身会导致破坏性结果，比如删除等操作，则按钮的文本颜色，应当使用强调色（通常为红色），以警示用户的提交行为。

其他内容元素（F）

警告对话框因触发场景和任务类型的不同（例如：指纹识别、WiFi源选择、位置授权、文本及密码输入等场景），往往需要添加额外的内容元素（如：指纹示意图标、输入框、地图、WiFi列表等）。但不管添加这些元素后，导致框体视觉差异有多大，都不能改变其警告对话框（Alert）的控件属性。（很多文章对包含有不同内容元素的警告对话框，采用了新的属性命名方式，这种命名方式显然是不当的）

Android 警告对话框

Android 系统的警告对话框，通常由以下元素构成：标题(A)、描述文本(B)、操作按钮(C)、面板容器(D)、模态透明遮罩层(E)。其中，警告对话框的外观视觉样式，可支持第三方应用自定义。

标题(A)及描述文本(B)

Android 系统下的警告对话框，其标题和描述文本通常以左对齐的方式显示于面板容器(D)上。标题可以使用陈述或者疑问语句，结尾通常会有标点符号。

对话框的描述文案(B)，应避免使用道歉（“抱歉，打扰您”），警报（“警告！”）或模棱两可（“您确定吗？”）的词语。

操作按钮(C)

警告对话框的操作按钮(C)通常以并排、右对齐的方式显示在面板容器上。确认性质的按钮通常居右显示

如果操作按钮使用了较长的文案，为了保证文案的完整性，可以采用“上下堆叠”的方式显示全部按钮。

应避免使用诸如“了解更多信息”之类的操作按钮，因为它会把用户带离对话框场景，从而使对话框任务无法完成。

高度超出

当警告对话框的描述文本或补充内容元素，超出弹窗的面板高度时，通常在弹窗标题和按钮之间的显示区域，允许用户以滚动方式查看更多内容

取消和退出

iOS警告对话框可以通过执行选项按钮命令，来退出窗口状态。而Android对话框，可通过3种途径完成窗口退出，除了执行按钮命令外，还可以通过点击模态透明遮罩层，或借助物理回退键。

使用禁忌

iOS和Android 警告对话框设计使用中，一些常见的错误行为我们列举如下

错误1：iOS 警告弹窗的按钮数超过3个

iOS 警告弹窗的选项按钮一般以1到3个为宜，当按钮数量超过3个时，为了让用户获得更好的选中体验，平台推荐设计人员，使用动作选项条（Action Sheets）来完成设计

错误2：标题标点错用

在iOS警告对话框的设计中，如果使用完整的句子做标题，则标题结尾处需要添加标点，如果使用句子片段做标题，则标题结尾处可不使用标点。

错误3：提供冗赘的描述文本

在使用iOS的警告对话框时，如果标题能够清晰描述当前的任务场景，则无需使用描述文本

错误4：按钮位置错误

在设计iOS警告对话框时，需将用户最有可能点击的按钮放置在右侧位置，而取消性质的按钮放置在左侧位置。

错误5：按钮对齐错误

Android 系统下的警告对话框，其标题和文本描述通常以右对齐的方式，显示在容器面板上。

错误6：按钮位置错误

Android 警告对话框的选项按钮通常以并排、右对齐的方式显示在内容面板上，确认性质的按钮需居右显示