iOS Human Interface Guidelines 2 界面剖析

近期正在学习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 对象,开发者可以使用这个对象来进入外层的显示屏。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,952评论 4 60
  • iOS 9设计规范 中文版 完整版译者注:本文译自苹果官方人机界面指南 iOS Human Interface G...
    海宁Hennie阅读 13,251评论 2 60
  • 一枝花的力量,不是一口莺歌燕舞的花腔,不是轻而易举往台下一抛,就可以摄人心魄的绝唱。 一座城的气场,不是一件花花绿...
    文心访艺阅读 361评论 0 3
  • 烦恼多多,正是现在。 排忧解难,who who who 其实那都不叫事 渴望着 纠结着 烦恼着 睡觉吧
    兰恩会心阅读 135评论 0 0
  • 我复读了一年,那一年我的同窗几乎都升入大学,新鲜感爆棚无暇顾及家长的人和事。我只能偶尔的从他们口中听到大学...
    沈公主殿下阅读 170评论 0 1