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

适配和布局

·适配创建

通常来说,人们想要在他们所有的设备上使用他们最喜爱的app,不论是在设备什么样的定向上。在iOS8和稍后的版本中,你可以使用尺寸类和自动布局在设备放置环境改变时候通过定义屏幕布局,视图控制器和视图应当如何调整来帮助你满足这个期望。放置环境的概念可能会涉及到整个屏幕或者仅仅是屏幕的一部分,比如一个弹出菜单的区域或者是在一个分离的视图控制器中的主要视图。

iOS定义了两种尺寸类别:常规和紧凑。常规尺寸类和宽松的空间联系到一起,紧凑尺寸类和有限的空间联系到一起。为了描述一种放置环境,你需要指定一个水平尺寸类和一个垂直(竖直)尺寸类。正如你猜的那样,一个iOS设备对于竖直定向能够使用一个系列的尺寸类,对于水平定向使用一个不同系列的尺寸类。

当一个放置环境的尺寸类改变的时候,iOS可以自动的产生各种各样的布局改变。举例来说,当垂直尺寸类从紧凑变为常规的时候,导航栏和工具栏会自动变高。

当你依靠尺寸类来驾驭布局中的改变的时候,你的app在任何放置环境下都可以看起来很棒。要想学习在Interface Builder中如何使用尺寸类,请参阅尺寸类设计指导。注意:在一个尺寸类中,务必使用自动布局来对布局产生小的调整,例如拉伸内容或者压缩内容。

下述的具体例子能够帮助你看到尺寸类是如何描述不同设备的放置环境的。举例来说,iPad在长度和宽度以及两种定向上使用了常规尺寸类。换句话说,iPad的放置环境总是水平常规和竖直常规的。

iPhone的放置环境可能会改变,这取决于设备类型和它是何种定向。

在竖直放置环境下,iPone6 Plus使用紧凑的水平尺寸类和紧凑的垂直尺寸类。在水平放置环境下,iPhone6 Plus使用常规的水平尺寸类和紧凑的竖直尺寸类。

所有的其它iPhone模型,包括iPhone6,都是用同样系列的尺寸类。

在竖直放置环境下,iPhone6,iPhone5和iPhone4s都使用紧凑的水平尺寸类和常规的垂直尺寸类。在水平放置环境下,这些设备水平和垂直都使用紧凑的尺寸类。

·在每种环境下都提供一种绝佳的体验

当你利用适配性(自适应性)的时候,你可以确保你的UI对放置环境的改变做出合适的应对。遵循这些指导原则在所有的设备和定向上给用户带来一种绝佳的体验。

  ·在所有环境中保持你的注意力在主要内容上。这是你最优先要做的事。人们使用你的app来浏览他们关注的内容并和它们进行交互。当放置环境改变时候改变你的焦点会使用户产生迷惑,并让他们感到他们已经失去了对app的控制。

  ·避免布局上不必要的改变。当人们旋转设备或者在一个不同的设备上运行你的app的时候,在所有环境下相似的体验经历可以让人们保持他们的使用模式(行为习惯?)。举例来说,如果你使用一个水平常规环境下地网格来陈列图片,即使你可能得调节网格的维度,但是你没有必要用水平的紧凑环境下的列表来陈列相同的信息。

  ·直接告诉用户如果你的app只能在一中定向下运行。人们希望在不同的定向情况中使用你的app,当你能满足这个愿望的时候,这最好不过。但是如果你的app只能在一中定向下运行很重要的话,你应该:

    ·避免摆放告诉人们旋转设备的UI元素。运行在支持的定向上清楚地告诉用户去旋转设备,如果有必要,不要再UI上添加不必要的装饰。

    ·支持定向的变体。举例来说,如果一个app只能在水平定向下运行,不论Home键是在左边还是右边握持设备,人们都应该能够使用它。并且如果人们在使用app的时候把设备旋转了180度,如果app的内容能够也旋转180度来做回应,那是最好不过的。

  ·如果你的app在用户输入(输入有很多形式)的时候解释了在设备定向中的改变,那就以app特定的方式处理设备旋转。举例来说,一个让人们通过旋转设备来移动游戏里内容的游戏,不能以旋转屏幕的方式来回应设备的旋转。在像这样的情况下,你应该以要求的定向所有的变体加载,并且在app的主任务开始之前允许人们在不同的变体之间切换。一旦人们开始主任务就开始以app特定的方式来回应设备的移动。

·使用布局来传达

布局不仅仅是包含了在一个app屏幕中UI元素如何显示。在你的布局中,你向用户展示什么是最重要的,他们的选择是什么以及事物之间是如何相关的。

  ·通过提升重要内容或者功能性使聚焦于主任务变得容易。实现这个原则的好方法是把重要的事物放在上半屏幕---并且按照从左到右的惯例---靠近屏幕左边。

  ·使用可视化的影响和平衡来向用户展示屏幕上元素的相对重要性。大事物吸引眼球并且倾向于看起来比小物体更重要。大事物也很方便用户取触碰,这使得它们在一些app中尤其有用---例如Phone和Clock---用户经常在容易分心的环境中使用这些app。

  ·使用对齐来简化浏览并且传达分组和体系。对齐倾向于使一个app看起来整洁和有组织。当用户滚动一屏幕的信息的时候,对齐还能够给予用户空间来聚焦于内容。不同信息分组的缩进和对齐传达出分组是如何关联的,并且用户找到特定事物会更容易。

  ·确保主要内容在默认尺寸用户就能理解。例如,用户不应该不得不水平滚动来阅读重要文本,或者放大来看重要的图片。

  ·准备好字号的改变。用户希望大多数app当他们在设置中选择一个不同的字号的时候能够合适地做出回应。为了适应一些字号改变,你可能需要改变布局。想获得更多关于你的app显示字体的信息,请参阅“文本应当总是清晰地”。

  ·尽可能地避免在你UI中出现不一致的外观。通常来说,有相同功能的元素应该看起来相似。人们经常认为他们注意到的不一致一定存在一个原因。他们倾向花费时间来找出这个原因。

  ·通过给予每个交互元素足够的空间使人们很容易与内容和控件交互。给予可触碰控件一个44x44的点击目标。

(累死了,这个章节战场-_-!)

时间: 2024-11-07 12:57:30

iOS Human Interface Guidelines(原创翻译)第三章的相关文章

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

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

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

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

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

iOS app解剖 几乎所有的iOS app 都至少使用一些由UIKit框架定义的UI组件.在你设计你的app的UI的时候,知道这些基本组件的名字,角色,功能可以帮助你做出充分合理的决定. UIKit提供的UI元素分为四大类: ·条形.条形包括告诉用户所在位置(定位)的环境信息,和帮助用户导航或者做出行动的控件. ·内容视图.内容视图包含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》——Toolbar Bar

工具栏 工具栏包含了执行与屏幕视图中的对象相关的操作的控件. 一个工具栏: 是半透明的 在iPhone上永远出现在屏幕视图的底部边缘.在iPad上也可以出现在屏幕视图的顶部边缘. 可以在键盘出现时.用户做一个手势时或者抱哈你的视图控制器过渡成水平紧凑环境时隐藏. API NOTE 工具栏一般包含在导航控制器(管理一系列层级的自定义视图显示的对象)内.查看Displaying a Navigation Toolbar和UIToolbar Class Reference来学习更多关于在你的代码中定义

《iOS Human Interface Guidelines》——Sound

声音 无论声音是你app用户体验的主要部分还是一个可选的增益,你都要知道用户对声音有何期待以及如何满足这些期待. 理解用户的期待 用户可以使用设备的控制来影响声音,并且他们可能使用有线或无线的耳机.人们也对他们的行为如何影响他们听到的声音抱有很多期待.虽然你可能会发现有些期待很惊人,但这都遵循用户,而不是设备,决定的用户控制. 当用户想要做如下事情的时候他们会使设备静音: 避免被不期待的声音干扰,比如电话铃声和收到短信的声音 避免听到用户行为副产品的声音,比如键盘或其他反馈声音.附带声音或者ap

《iOS Human Interface Guidelines》——Launch Files

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