课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
下面昆明达内培训的小编跟大家分享:关于iOS与Android规范之警告框Alerts的介绍,在iOS的设计规范以及Android的MD规范中,都有警告框(Alerts)这个组件。老师研究了这个组件,发现在两种系统中,它们有以下两个共同点:
1.都出现在页面的中央且自带蒙层;
iOS和Android警告框
2.警告框的选项通常是两个,且应避免“是/否“这样的选项,选项应明确告知用户操作的结果。
在其它方面,两种规范都存在着各自的特点。下面我们来一起探究一下。
Google Material Design
先来说说设计师相对不熟悉的Android。MD规范对于警告框的定义是这样神儿的:
警告框是一种紧急的打扰(提示),以告知用户一个发生了的情况。
MD规范把警告框分成两种:有标题的和没有标题的。
MD规范认为大多数的警告框应该都是没有标题的,用一到两句描述一个告知决定的文案。在写这句文案时,有两点需要注意:
使用疑问句,例如:“删除这个对话?”
文案与警告框中的按钮文案要相关联
按钮的文案,应告知用户操作的结果。尽量避免使用“是/否”这样的文案。
对于标题,需注意以下两点:
(与无标题的Alerts一样)使用询问操作的疑问句,例如,“清除USB存储内容?”
避免道歉或者有歧义的问句,例如,“警告!”、“你确定吗?(Are you sure?)”
有标题的警告框
以上是MD规范中对于警告框的介绍。
iOS Human Interface Guideline
昆明达内培训的小编提醒大家在iOS规范中,对于警告框的定义是:
规范中,对警告框包含的元素做出了如下规定:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,不可更改。警告框传达了你的应用或设备某种状态的重要信息,并且常常需要用户来进行操作。
几种警告框
关于警告框的使用,苹果给出了两个原则:
尽量少使用。苹果认为警告框只用在重要的场景下,像是购买、删除、报错。警告框不常出现,确保了它能够引起用户足够的重视。一定要确保每一个警告框都提供重要的信息和有用的操作选项。
确保警告框在竖屏、横屏条件下都显示正常。
关于iOS警告框中的标题、描述信息和按钮这三个元素,苹果又分别给出了指导原则。
标题和描述信息
按钮
以上就iOS和Android规范中对于警告框的规定。在之后遇到不同的题目,昆明达内培训的小编希望大家运用公式来灵活解题。