iOS10人机界面设计指南(合集).pdf

iOS 10 人机界面设计指南（合集） 1. 概览（ Overview ） 1.1 设计原则（ Design Principles ） 作为一名移动应用设计师， 意味你有机会发布一款具有杀伤力的产品能够登上苹 果商店的榜首。为了实现这个目标，你的产品必须在质量和功能上达到高标准。 以下三大原则让 iOS 系统有别于其它平台： 清晰（ Clarity ） 纵观整个系统， 任何尺寸的文字都清晰易读， 图标精确易懂， 恰当的修饰且不易 被察觉，聚焦于功能，一切设计由功能而驱动。留白、颜色、字体、图形以及其 它界面元素能够巧妙地突出重点内容并且表达可交互性。 遵从（ Deference） 流畅的动效和清爽美观的界面有助于用户理解内容并与之交互， 而不会干扰用户。 当前内容占据整屏时， 半透明和模糊处理能够暗示其它更多的内容。 减少使用边 框、渐变和阴影让界面尽可能地轻量化，从而突出内容。 深度（ Depth） 清楚的视觉层和生动的动效表达了层次结构，赋予了活力，并有助于理解。 易于发现的且可触发的界面元素能提升体验愉悦感， 让用户在成功触发相应功能 或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容上时， 流畅的过渡提供一种纵深感。 要想扩大影响力和涉及范围，在设计你的独特应用时，请熟记以下几点原则： 美学完整性（ Aesthetic Integrity） 美学完整性代表了一款应用的视觉表象和交互行为与其功能整合的优良程度。 例 如，一款协助用户完成重要任务的应用应该使用不易察觉且不引人注目的图形、 标准化控件和可预知的交互行为从而让用户保持专注。 反之而言， 一款沉浸式体 验的应用（比如游戏），就需要吸引人的视觉表象，在鼓励用户探索的同时带来 无穷的乐趣和刺激。 一致性 (Consistency) 一款内部一致的应用能够贯彻相同的标准和规范： 使用系统提供的界面元素、 风 格统一（众所周知）的图标、标准的字体样式和一致的措辞。应用所包含的特征 和交互行为是符合用户心理预期的。 直接操作 (Direct Manipulation) 对屏幕上的对象直接操作 （而不是通过一堆控件） 能够提升用户的参与度并有助 于理解。直接操作指包括用户旋转设备或者使用手势控制屏幕上的对象。 通过直 接操作，他们的交互行为能够得到即时可视的反馈。 反馈 (Feedback) 反馈认证交互行为，呈现结果，并通知用户。系统自带的 iOS 应用对每一个用 户行为都提供了明确的反馈。 可交互的元素被点击时会被临时高亮， 进度指示器 （progress indicator ）显示了需要长时间运转的操作的进度，动效和声音加强 了对行为结果的提示。 隐喻 (Metaphors) 当一个应用的虚拟对象和行为与用户熟悉的体验相似时——无论这种体验是来 源于现实生活或是数字世界，用户就能更快速地学会使这款应用。隐喻在 iOS 中能够起作用是因为用户与屏幕进行物理上的交互。 他们通过将视图移出屏幕来 显示下方的内容，他们拖曳（ drag ）和滑动 (swipe) 对象，他们拨动 (toggle) 开 关，移动 (move) 滑块，滚动 (scroll) 数值选择器， 他们甚至通过轻扫 (flick) 来翻阅 书籍和杂志。 用户控制 (User control) 在 iOS 内部，是用户——而不是应用——在控制。应用可以对一系列用户行为 提供建议， 或对可能造成严重后果的行为发出警告， 但不应该替用户做决定。 好 的应用