iOS7人机界面指南.pdf

为 iOS7 而设计 iOS7 的革新关键词如下： 遵从：新UI 更好的帮助用户理解内容并与之互动，但却不会分散用户对内容本身的注意力 清晰：各种大小的文字易读，图标醒目，去除了多余的修饰，重点突出，很好地突显了设 计理念 深度：视觉层次和生动的交互动作赋予UI 新的活力，不但帮助用户更好的理解新UI 的操 作并让用户在使用过程中感到惊喜 无论你是重新设计一个现有的app 或是重新开发一个，尝试一下苹果重新设计系统内置app 的方式： 首先，去除了UI 元素让app 的核心功能呈现的更加直接并强调其相关性。 其次，直接使用iOS7 的系统主题让其成为app 的UI ，这样能给用户统一的视觉感受。 纵观全局，以内容和功能为核心来指导设计，从前的设计模式可以先放到一边。 以内容为核心 虽然明快美观的UI 和流畅的动态效果是iOS7 体验的亮点，但内容始终是iOS7 的核心。 这里有一些方法，以确保您的设计能够升您的app 功能体验并关注内容本身。 充分利用整个屏幕。无需使用边框、底图等等多余的UI 元素，让内容扩展到屏幕边缘。 天气app 是最好的例子：漂亮的天气图片充满全屏，告知用户天气情况，同时也很好的呈 现了如每个时段气温等等的其他重要信息。 尽量减少视觉修饰和拟物化设计的使用。UI 面板、渐变和阴影有时会让UI 元素显得很 厚重，致使抢了内容的风头。应该以内容为核心，让UI 成为内容的支撑。 尝试使用半透明底板。半透明的底板可以让用户看到后面的内容，在某些场景下起到了上 下文示的作用，另一个角度上来说，也让用户（比以前）看到了更多内容。 保证清晰度 保证清晰度是另一个方法，以确保你的app 中内容始终是核心。 以下是几种方法，让最重要的内容和功能清晰，易于交互。 大量留白。空白让重要内容和功能显得更加醒目。此外，空白可以传达一种平静和安宁的 视觉感受，它可以使一个app 看起来更加聚焦和高效。 让颜色简化 UI。一个主题色—— 比如在记事本中使用的黄色——让重要区域更加醒目并巧 妙地表示交互性。这同时也给了一个app 一个统一的视觉主题。 通过使用系统字体确保易读性。iOS7 的系统字体自动调整行间距和行的高度，使阅读时 文本清晰易读，无论用户选择何种大小的字号都表现良好。 使用无边框的按钮。按钮名称、箭头以及系统颜色向用户展示了交互元素，这些内容替代 了原先的带有形状的按钮。联系人界面使用了系统色蓝色箭头文字展示了按钮的导航性。 用深度来体现层次 iOS7 经常在不同的层级上展现内容，用以表达分组和位置，并帮助用户了解在屏幕上的对 象之间的关系。 通过使用一个在主屏幕上方的半透明背景浮层来区分文件夹和其余部分的内容。 用户在使用备忘录里的某个条目时，其他的条目呈现在屏幕底部的其他分层上，这样用户可 以通过滑动展开所有分类条目（译者按：算是一种示手段）。 日历有较深的层级，，当他们在翻阅年、月、日的时候，以及增强的交互动画给用户一种层 级纵深感（循序切换的层次，从年到月到日）。在滚动年份视图时，用户可以即时看到今天 的日期以及其他日历任务。 当用户处于月份视图时，点击年份视图按钮，月份会缩小至年份视图中的所处位置。 类似的过度出现在月份和日期视图的切换时，当用户选择某个日期时，月份视图向外扩展， 显示出日期视图。 iOS 应用解析 几乎所有的iOS app 都应用了UIKit framework 中定义的组件。了解这些组件的名字，作用 和构成能够帮助你设计app 过程中做出更好的决定。 UI 组件大致分成以下4 种大类： Bars ：包含了导航信息，告诉用户他们所在的位置并包含了一些能帮助用户浏览或启动某些 操作的控制按钮。 内容视图：包含了app 的主体内容以及某些操作行为，比如滚动、插入、删除、排序等等。 控制按钮：展示信息或者控制动作。 临时视图（对话窗口）：短时间出现，给用户重要信息或者额外的选择或者其他功能。 除了定义UI 组件，UIKit 也定义对象实现的功能，例如手势识别，绘图，辅助功能，打印支 持。 从编程的角度说，UI 组件被认为是不同类别的视图，因为他们从UIView 得到继承。视图能 绘制屏幕内容并且知道用户何时触摸了屏幕。要在app 中管理一组或者一系列的视图，通 常需要使用一个视图控制器，它能协调视图的显示内容，实现与用户交互的功能并能在不同 屏幕内容之间切换。 下面是一个例子，关于视图与视图控制器如何结合并呈现iOS app 的UI。 虽然开发者认为真正起到作用的是视图和视图控制器，但一般用户感知到的iOSapp 是不同 屏幕内容的集合。从这个角度来看