近期正在学习iOS的交互设计规范,计划把部分交互、界面设计翻译出来,可以加深理解,需要的同学也可以做参考,有翻译得不好的地方,欢迎指正。
翻译:王冠
iOS App 剖析
大多数 iOS app 至少会使用部分基于 UIKit 框架所定义的 UI 组件。知道基础组件的名称、角色、作用,设计 app UI 时做可以出更有依据的决定。
UIKit 提供的 UI 元素分成四个大类:
栏(Bar).Bar包含上下文信息,可以告诉用户目前所在的位置。Bar还包含控件,可以帮助用户导航或发起操作。
内容视图(Content view).内容视图包含应用具体内容,并且能发起像滚动、插入、删除或者条目重排等操作。
控件(Control):执行操作和者显示信息。
临时视图(Temporary view):临时视图可以短暂的出现(在上图的例子里面为询问弹窗),来告诉用户重要的信息或者更多的选项和功能。
除了定义UI元素,UIKit 还定义实现功能的对象,像手势识别、绘图、可访问性、打印支持。
用编程的方式来解释:一个 UI 元素是一种类型的视图,因为它继承自UIView。一个视图知道如何在屏幕上描绘解释自己,也知道当用户在界限内触摸时如何反应。控件(按钮和滑块)、内容视图(集合视图和表格视图)、临时视图(警告提示和动作列表)都是不同类型的视图。
为了管理app中的层次视图,一般要使用视图控制器,视图控制器可以协调视图显示,从而实现用户交互背后的功能,也可以管理屏幕之间的切换。例如设置(Settings)通过导航控制器来显示层次视图。
这里有一个案例,展示了视图与视图控制器是如何结合在一起来展示 iOS app 的 UI。
即使开发者是从视图和视图控制器出发来思考设计,但用户会尝试把 iOS app 当做一整块组合屏幕体验。一个屏幕通常对应于 app 中一个明显功能,这和其他可见状态或模式不同。
注意:一个iOS app包含一个窗口,但是和电脑软件中的窗口不同,iOS窗口没有可见的部分并且不能在屏幕上被移动到另一个位置。大部分 iOS app 只包含一个窗口,以支持外部显示设备器的应用程序可以有不止一个窗口。
在 iOS 人机交互指南里,使用“屏幕”这个词是因为可以让大多数用户理解其含义。作为一个开发者,你可能会在其他文献中读到关于屏幕的信息,在那种情境中,“屏幕”这个词特指的是 UI Screen 对象,开发者可以使用这个对象来进入外层的显示屏。
网友评论