快捷搜索:  汽车  科技

ios开发版系统和稳定版有啥不一样:iOS设备4个常见的差异化设计

ios开发版系统和稳定版有啥不一样:iOS设备4个常见的差异化设计iPad 的系统日历APP,新建日程采用的是 Popovers 弹出式窗口,充分利用了屏幕的空间优势;iPhone 的新建日程,考虑到屏幕空间因素,则是从屏幕底部滑出一个全屏式 Modality 窗口。2. Modality相比而言,iPhone 的屏幕空间较小,因此在 iPhone 应用中,通常会在全屏模式 Modality 窗口中呈现相关信息而不是在弹出窗口中占用较小的屏幕空间。Modality 通过阻止人们完成任务或消除信息或观点之前做其他事情来创造焦点窗口。操作表单、警告、和活动视图时会出现模式窗口。当模态视图出现在屏幕上时,用户必须通过点击按钮或退出模态体验来做出选择。某些应用程序可以实现模式视图,例如在日历中编辑事件或在 Safari 中选择书签。模态视图可占据整个屏幕、整个父视图(如弹出窗口)或屏幕的一部分。模态视图通常包括退出视图的完成和取消按钮。 ——《iOS人机界面指南

三、 窗口形式的差异化

1. Popovers

由于 iPad 设备屏幕较大,有着天生的空间优势,以至于在 iPad 设备上经常会出现「Popovers 」形式的弹出式窗口。如果 Popovers 运用得当,可以极大地提升用户任务流的操作效率,因为它没有遮挡当前场景下的背景内容,让用户感觉到他们并没有离开这个「空间」。

Popovers 是一个瞬时视图,当您点击某个控件或某个区域时,它会出现在屏幕上的其他内容上方或附近。通常,弹出窗口包含指向其出现位置的箭头。Popovers 可以是非模态或模态的。通过点击屏幕的另一部分或弹出窗口上的按钮,可以解除非模态弹出窗口。点击弹出窗口上的取消或其他按钮即可解除模态弹窗。 ——《iOS人机界面指南》

Popovers 非常适合在大屏幕设备上使用,它可以包含各种元素,包括导航栏、工具栏、选项卡栏、表、集合、图像、地图和自定义视图。当弹出窗口可见时,通常会禁用与其他视图的交互,直到弹出窗口被解除。

2. Modality

相比而言,iPhone 的屏幕空间较小,因此在 iPhone 应用中,通常会在全屏模式 Modality 窗口中呈现相关信息而不是在弹出窗口中占用较小的屏幕空间。

Modality 通过阻止人们完成任务或消除信息或观点之前做其他事情来创造焦点窗口。操作表单、警告、和活动视图时会出现模式窗口。当模态视图出现在屏幕上时,用户必须通过点击按钮或退出模态体验来做出选择。某些应用程序可以实现模式视图,例如在日历中编辑事件或在 Safari 中选择书签。模态视图可占据整个屏幕、整个父视图(如弹出窗口)或屏幕的一部分。模态视图通常包括退出视图的完成和取消按钮。 ——《iOS人机界面指南》

iPad 的系统日历APP,新建日程采用的是 Popovers 弹出式窗口,充分利用了屏幕的空间优势;iPhone 的新建日程,考虑到屏幕空间因素,则是从屏幕底部滑出一个全屏式 Modality 窗口。

ios开发版系统和稳定版有啥不一样:iOS设备4个常见的差异化设计(1)

iPad 的系统地图应用,共享窗口也是在按钮附近显示 Popovers;iPhone 设备里则是从底部划出 Modality 窗口。

ios开发版系统和稳定版有啥不一样:iOS设备4个常见的差异化设计(2)

照片应用中,确认删除照片的窗口也存在差异性。

ios开发版系统和稳定版有啥不一样:iOS设备4个常见的差异化设计(3)

iPad 的 Mindnode 应用,大纲窗口是 Popovers 弹出式窗口,可以显示/隐藏,以及调整窗口的高度;iPhone 里,大纲是 Modality 窗口,用户需要关闭或收起这个窗口才可以进行其他操作。

ios开发版系统和稳定版有啥不一样:iOS设备4个常见的差异化设计(4)

四、视图布局的差异化

在 iPhone(除 Plus)设备中,由于屏幕尺寸较小,因此系统和应用基本上只提供了小屏幕下的竖屏交互体验,而对于较大屏幕的 iPad 来说,考虑到屏幕空间的优势以及最佳握持手势这两个重要因素,对应用的试图布局进行差异化设计是非常有必要的。

Split Views(分割视图)管理两个并排的内容窗格的呈现,主窗格中包含永久性内容,辅助窗格中包含相关信息。每个窗格可以包含各种元素,包括导航栏,工具栏,选项卡栏,表格,集合,图像,地图和自定义视图。分割视图通常用于可过滤的内容;主窗格中将显示过滤器类别列表,并且所选类别的过滤结果将显示在辅助窗格中。如果您的应用需要它,主窗格可以覆盖次窗格,并且可以在不使用时隐藏在屏幕外。这在设备处于纵向方向时特别有用,因为它可以在辅助窗格中查看更多内容。 ——《iOS人机界面指南》

猜您喜欢: