Human Interface Guidelines 开发者指南

Human Interface Guidelines(HIG)为所有 Apple 平台,包括特定技术领域提供了深度信息与 UI 资源。HIG 为设计师们提供了大量信息,帮助他们创造更加引入入胜、直观与优美的体验,并设计出更好的 App。

如果你是工程师,HIG 作为整个开发过程的指南,可以发挥同等重要的作用。它提供了针对关键 UI 元素与相关 API 的宏观且全面的概览,以及帮助你在 App 中执行各种功能的最佳方式。

我们整理了一些常见场景,向你展示 HIG 如何在 App 设计与开发过程中为你提供帮助。


HIG - Inclusion

Right to Left Human Interface Guidelines

Learn more about SF Symbols

Mac Catalyst Human Interface Guidelines

HIG - Widgets

HIG - Spatial Interactions

Human Interface Guidelines: Notifications

HIG - In-App Purchase

Human Interface Guidelines


从哪里开始?

HIG 按平台与技术分类,每个类别都有自己的索引。如果你此前从未探索过 HIG,不妨从你目前正在为之进行开发的平台开始。

探索每个平台的设计准则。

每个平台被分为多个章节,涵盖了 App 构建,交互,视图,操控与系统性能等主题。举例来说,如果你想为你的 Apple Watch App 执行自定义 UI 元素,你可以参考“System Capabilities”章节中的 SpriteKit 和 SceneKit 页面,以了解在你的 App 中执行纹理与 3D 图像时的用户体验方面的考量,并找到通向 Developer Documentation 网站上的 WKInterfaceSCNScene 与 WKInterfaceSKScene 框架的链接。

“我想纳入新的 UI 元素。”

HIG 提供了所有交互元素的指导,并着重强调了这些元素的预期用途。把任意新 UI 元素纳入你的 App 时,可以使用 HIG 查看你应该如何在屏幕上呈现预期元素。探索推荐意见,了解设计背后的逻辑,并理解能够表达你的品牌、同时又让用户感到熟悉的各种设计方式。

显示两个 iPhone 界面的不同:其中一个提供了安全区、边缘和圆角按键,另一个则提供了超越安全区和边缘的扁平按键。

即便是在交互界面上添加按键这种简单设计,HIG 也提供了如何摆放、标注,以及在你的 App 内将其对齐的建议——还有如何呈现并使用这些元素的指导。

“我想在我的 App 内引入一项新功能。”

Apple 发布新功能后,你往往可以在 HIG 中找到如何采用此功能的更多见解与最佳方式。

假设你要在你的 App 中添加增强现实(AR)内容。在 HIG 内,你可以找到关于 AR 交互与处理交互模式常见问题的信息。你可以在这里学习如何指引用户进行 AR 体验,或者用户期待与屏幕中的现实与虚拟内容如何进行交互。这项指导还可以帮你与设计和开发团队展开讨论,规划 App 应包括哪些功能,并更好地执行这些功能。

从 Apple 设计元素开始

Apple 不断扩大的资源库能让你轻松在我们各平台的设计方面进行探索。这些下载内容非常适合用来测试概念、查找规范说明、学习设计元素的语言。

Apple Design Resources 包括模板与可直接使用的 iOS 元素素材库,这些元素包括工具栏、标签栏、按键等等。

这里有供《Adobe Photoshop》《Adobe XD》《Sketch》和《Keynote 讲演》使用的模板与素材库,每个素材库中都有大量可直接使用的 iOS 元素,包括工具栏、标签栏、按键等等。你也可以探索更多资源,如《SF Symbols》App,这里有数以千计的符号,粗细大小各不相同。这些符号能与 Xcode 顺利兼容,很容易与文字标签对齐,并支持动态类型与粗体文本等易用性功能。

实用的 HIG

当你在为你的 App 做设计与工程方面的决定时,HIG 是一个理想的起点。它列出了所有 Apple 平台的设计准则,并且通过建议帮你预见并执行用户在使用软件时最想要的功能。

最棒的是,HIG 一直在不断更新,反映 Apple 各平台的变化与进步。所以,你可以放心地依靠它来使 App 功能与用户不断变化的期待保持同步。

Resources

Apple Design Resources