iOS human Interface Guidelines(原创翻译)第二章

iOS app解剖

几乎所有的iOS app 都至少使用一些由UIKit框架定义的UI组件。在你设计你的app的UI的时候,知道这些基本组件的名字,角色,功能可以帮助你做出充分合理的决定。

UIKit提供的UI元素分为四大类:

·条形。条形包括告诉用户所在位置(定位)的环境信息,和帮助用户导航或者做出行动的控件。

·内容视图。内容视图包含app具体的内容,并且允许滑动,插入,删除和对元素重新排列管理这些行为。

·控件。控件表现行为或者展示信息。

·临时视图。临时视图可以简要地显示,给用户提供重要的信息和功能或者额外的选择。

除了定义UI元素,UIKit也定义了能够实现功能的对象,例如手势识别,画图,授权访问以及支持打印。

从编程的角度来说,一种UI元素其实是视图的一种,因为它继承于UIView。一个视图知道如何把它自己描绘到屏幕上,并且当用户在它的界限内点击的时候它能够知道。控件(比如按钮和滑动条),内容视图(比如集合视图和表视图),还有临时视图(比如警告窗口和action sheets(不知道翻译为什么比较合适))都是view类型。

为了管理你app中的一些列视图或者视图体系,你尤其需要使用一个视图控制器。试图控制器能够通过坐标来展现不同的视图,实现用户交互背后的功能,还能够管理从一个屏幕到另一个屏幕的过渡。举个例子,设置使用一个导航控制器来表现视图的体系。

这有一个视图和视图控制器如何结合来呈现一个iOS app中的UI的例子。(图片不贴了)

尽管开发者从视图和视图控制器的角度思考,用户却倾向于把iOS app作为一系列屏幕的集合来体验。从这个观点看,一个屏幕大致和app中一个独特的可视状态或者模式相一致。

注意:一个iOSapp包括一个窗口---但是不像是电脑应用中的窗口---一个iOS窗口没有可视化的部分并且它不能被移动到屏幕上的另一个位置。大部分的iOS app只含有一个窗口,个别支持外置屏幕的app可能有超过一个窗口。

在 iOS人机交互指导原则中,screen这个词的意思正如大多数用户所理解的那样。作为一名开发者,你可能也在其它环境中读到了这个词。在那些环境中设计到了UIScreen这个对象,你可以使用这个对象来访问一个外置屏幕。

时间: 2024-08-28 12:15:46

iOS human Interface Guidelines(原创翻译)第二章的相关文章

iOS Human Interface Guidelines(原创翻译) 目录

第一部分:UI设计基础 第一章:iOS设计 第二章:iOS app解剖 第三章:适配和布局 第四章:开始和停止 第五章:导航 第六章:情态环境(暂定,不理解) 第七章:交互和反馈 第八章:动画 第九章:品牌宣传 第十章:颜色和排版 第十一章:图标和图形 第十二章:术语和言语交流 第十三章:与iOS集成(暂定) 第二部分:设计策略 第一章:设计原则 第二章:从概念到产品 第三章:个案研究:从桌面程序到iOS app 第三部分:iOS技术 第一章:App 扩展 第二章:通知 第三章:多任务处理 第四

iOS Human Interface Guidelines(原创翻译)第三章

适配和布局 ·适配创建 通常来说,人们想要在他们所有的设备上使用他们最喜爱的app,不论是在设备什么样的定向上.在iOS8和稍后的版本中,你可以使用尺寸类和自动布局在设备放置环境改变时候通过定义屏幕布局,视图控制器和视图应当如何调整来帮助你满足这个期望.放置环境的概念可能会涉及到整个屏幕或者仅仅是屏幕的一部分,比如一个弹出菜单的区域或者是在一个分离的视图控制器中的主要视图. iOS定义了两种尺寸类别:常规和紧凑.常规尺寸类和宽松的空间联系到一起,紧凑尺寸类和有限的空间联系到一起.为了描述一种放置

iOS Human Interface Guidelines(原创翻译)第四章

开始和停止 ·立刻开始 有一种说法是人们最多花费1或者2分钟来评价一个新的app.当你立刻呈现有用的内容来充分利用这段短暂的时光的时候,你激起了新用户的兴趣并给予用户一种优秀的体验. 重点:不要告诉人们在安装完你的app之后要重启设备.重启会花费时间并且让你的app看起来不可靠和不好用.如果你的app有内存使用问题或者其它问题使它很难运行,除非系统刚刚启动才行,那么你需要解决这些问题.如果要寻求开发良好品质的app的指导,请参阅iOS app编程指导中的高效使用内存. 尽可能地避免展示一个色块屏

iOS Human Interface Guidelines(原创翻译)

ps:希望自己能坚持着翻译下去吧,练练有些荒废的英语,顺便也加深一下对iOS人机交互的认识和理解! UI设计基础 为iOS进行设计 iOS包括一下的主题: ·遵从性.UI帮助人们理解内容以及与内容进行交互,但却从来不和内容相竞争. ·明确性.要做到文本在每一种字号下都很清晰,图标很精确并且能够明确易懂,陪衬是很精妙并且合适的.加强聚焦功能能够提升激励设计. ·深度.可视化的层级和切实可行的手势表现出活力,并且能够提高人们的理解和愉悦度.ps:motion 现在还不是太理解具体含义,暂定这个翻译.

iOS 人机交互指导方针(iOS Human Interface Guidelines)

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. UI 设计基础 UI Design Basics 为 iOS 7 设计 Designing for iOS 7 iOS 应用剖析 iOS App

【译】iOS人性化界面指南(iOS Human Interface Guidelines)(一)

1. 引言1.1 译者自述 我是一个表达能力一般的开发员,不管是书面表达,还是语言表达.在很早以前其实就有通过写博客锻炼这方面能力的想法,但水平有限实在没有什么拿得出手的东西分享.自2015年7月以来因工作及个人的兴趣开始逐步转向iOS开发,在这期间系统的学习了下斯坦福桥大学Paul老爷子关于iOS7,iOS8的视频公开课及苹果官方的开发文档.当然也包括这篇<iOS Human Interface Guildlines> ,半年的学习下来碰到最大的问题就是遗忘,很多知识点学过没多久就忘记了,必

《iOS Human Interface Guidelines》——Split View Controller

分栏视图控制器 分栏视图控制器是一个管理两个子视图控制器的展示的全屏视图控制器. API NOTE 分栏视图控制器的每个子视图都负责一个面板的显示管理.分栏视图控制器自己显示这些子视图控制器并管理不同方向的过渡.查看UISplitViewController Class Reference和Split View Controllers来学习更多关于在你的代码中定义分栏视图控制器的内容. 在iOS 7及更早的系统中,分啦视图控制器只可以用在iPad上. 默认情况下,一个分栏视图控制器使用当前的尺寸

《iOS Human Interface Guidelines》——Tab Bar

标签栏 标签栏让人们可以在一个app不同的子任务.视图或模式之间切换. API NOTE 标签栏包含在标签栏控制器(管理一系列自定义视图的显示)内.查看Tab Bar Controllers和UITabBar来学习更多关于在你的代码中定义标签栏的内容. 一个标签栏: 是半透明的 总是出现在屏幕的底部边缘 在垂直紧凑环境下一次最多显示五个标签(如果有更多的标签,标签栏会显示其中四个,并添加一个"更多"标签,来在一个列表中显示其余的标签) 在所有方向保持同样的高度 可以在标签上显示一个标记

《iOS Human Interface Guidelines》——Launch Files

启动文件 启动文件(或者图片)提供了简单的在你的app启动的时候iOS显示的占位图.这个占位图会让用户觉得你的app很快就有响应,因为它直接显示而且很快会被你的app的第一个屏幕代替.每个app都必须提供一个启动文件或者至少一个静态图片. 在iOS 8及以后的系统中,你可以创建一个XIB或者故事版文件来代替静态启动图片.当你在Interface Builder中创建一个启动文件时,使用尺寸类来定义不同显示环境的不同布局,使用Auto Layout来做小的调整.使用尺寸类和Auto Layout意