为Apple Watch设计：设计准则

Apple Watch提供了一种与用户交流的新媒介。 在可穿戴设备上使用应用程序与在智能手机上使用应用程序有很大不同。 为了指导应用程序创作者构建出色的Apple Watch应用程序的过程，Apple发布了设计指南，以帮助他们设计良好的应用程序体验。 在本文中，我们将研究这些准则。

设计哲学

为了为Apple Watch设计良好的应用程序，了解Apple在设计Apple Watch时所考虑的设计理念非常重要。 Apple建议牢记以下基础。

轻巧加上个人互动是Apple Watch的设计基础。

轻量级

由于屏幕尺寸和操作能力有限，Apple Watch应该主要用作支持快速交互的设备。

个人

设备从未如此接近我们。 在设计Apple Watch应用程序时，Apple强调要谨记并牢记紧密联系。

互动互动

用户可以使用四种不同的方式来使用手势来导航应用程序：

• 点击会触发基于动作的事件。
• 垂直滑动可滚动当前屏幕（用户也可以使用数字表冠滚动）。
• 水平滑动可在基于页面的界面中显示上一页或下一页。
• 左边缘滑动可导航回到分层界面中的父屏幕。

强制触摸

当用户在Apple Watch屏幕上施加压力时，它会检测到力度并显示当前屏幕的菜单覆盖。 例如，在警报应用程序中，“强制触摸”用于添加新警报。

触觉反馈

向用户提供Apple Watch反馈的独特方法是提供触觉反馈。 触觉类型不同，每种触觉都具有特定的含义，例如成功，失败或单击。

应用组件

Apple提供了与应用程序交互的多种选项，包括通知，浏览和复杂性。

通知事项

左：短视。 右：长看。

短视和长视之间是有区别的。 当用户收到通知并举起手腕时，他们首先会看到一个简短的外观。 简短的外观由标题，应用程序名称和应用程序图标组成。

当用户继续查看通知而不是在看到简短的外观后放低手腕时，就会出现一个长长的外观。 长期来看，内容区域是动态的，但是通知的整体结构却不是。 您可以将按钮添加到较长的外观中，以使通知可操作。

扫视

一览表是用户无需打开应用程序即可访问的单个屏幕。 这是通过在主屏幕上向上滑动来完成的。 并不是每个应用程序都需要一目了然，因为它们是一个信息丰富的屏幕。 用户可以选择要添加到Apple Watch的内容。 通常，设计一览表时要牢记一些规则。

• 一目了然，应该易于阅读。
• 一目了然应与上下文相关，而不仅仅是应用程序启动器。 例如，对于股票应用程序，您将显示最新的市场价格。
• 左对齐内容。 这是所有视线的标准，并保持视觉层次结构的一致性。

并发症

并发症的例子。 从左到右：大平面，环形图像和堆栈图像。

复杂功能会向用户的表盘添加特定于应用程序的信息。 表盘是可定制的，因此复杂性在表盘上的显示方式各不相同。 例如，您有各种模块化的复杂问题，还有圆形模板。 复杂性是使用模板绘制的，这意味着在设计方面自定义功能有限。

您可以在《 人机界面指南》中了解有关并发症家族和模板的更多信息。 并发症是可选的。

信息架构

通常，有两种类型的导航模型可以满足您的需求：

• 基于页面的导航
• 分层导航

基于页面的导航

基于页面的导航最适合于平面信息收集。 该应用程序由多个单页组成。 用户可以在页面之间水平滑动（垂直滑动）以在单个页面上显示更多内容。 建议限制页面数，以使用户导航顺畅。

分层导航

分层导航提供了层次结构。 最常见的设计是具有列表页面和详细信息页面。 建议仅具有两个或三个层次结构。

警报和操作表

操作表示例

就像典型的移动应用程序中有警报和操作表一样，您也可以在Apple Watch应用程序中使用这种类型的导航。 此处的一般准则是：谨慎使用警报，使用简洁消息并始终提供消除警报的功能。

界面设计

为了使用户界面设计准则更易于理解，我在下面总结了最重要的规则。

• Apple Watch有38mm和42mm两种尺寸。 无论显示大小如何，都应使用相对大小显示相同的内容。
• 通常，将元素左对齐。 左对齐文本更容易阅读，Apple Watch应用程序始终应用此规则。
• 应用程序始终具有黑色背景，以产生屏幕无边的错觉。

圆角矩形是用于按钮的设计图案。

• 避免使用颜色作为显示交互性的唯一方法，圆角矩形是按钮的一致设计模式。
• 您可以定义全局色作为主品牌颜色。 确保为应用选择的颜色是浅色，以确保清晰易读并与黑色背景形成对比。
• 不要包括启动屏幕，因为它会降低交互速度。
• Apple Watch确实支持动画图像序列和外观动画，但是它们通常不会为您的应用增加价值。

版式

Apple在Apple Watch上使用SF Compact作为系统字体。 有两种变体（基于144像素/英寸的图像的点大小）：

• SF紧凑文本，用于文本小于等于19pt的标签
• SF Compact Display，用于文本为20pt或更大的标签

您可以添加自定义排版，但是不建议这样做。 动态类型在Apple Watch上非常有帮助，因此使用系统字体通常是最佳的设计解决方案。

Apple提供了从标题到脚注的标准内置字体样式，以减少自定义字体的需求。

建筑模块

两个开关构建块

为了使创建Apple Watch应用程序更加容易，Apple提供了许多界面元素，您可以将其用作构建应用程序的基础。 在下面，您可以找到可以使用的不同类型的简短列表。 每个界面元素都有自己的一套准则。 您可以在下面的资源部分中了解有关这些准则的更多信息。

• 静态文字（标签）
• 图片
• 组（例如，组合图像和标签）
• 捡拾器（用数字表冠操纵）
• 桌子
• 纽扣
• 开关
• 滑条
• 地图
• 电影
• 日期和计时器标签
• 菜单

资源资源

Apple提供了可以使用的设计资产。 您可以从Apple的Human Interface Guildeines网站访问它们。

此外，为了指示图标和复杂图像所需的确切像素大小，Apple在《 人机界面指南》中提供了概述。

最后，要了解有关创建Apple Watch应用程序的不同构建块的特定准则的更多信息，可以在Apple的人机界面准则的“ 界面元素”部分中了解更多信息。

结论

遵循Apple针对Apple Watch的设计指南，您可以确保Apple Watch用户可以理解您的应用。 同时，利用现有的版式和构建基块，无需定制即可创建出色的Apple Watch应用程序。

如果您想了解有关设计指南的更多信息，请访问Apple的Apple Watch 人机界面指南 。 如有任何疑问，请将其放在下面的评论中，或通过Twitter与我联系。 感谢您的时间。

翻译自: https://code.tutsplus.com/articles/designing-for-apple-watch-design-guidelines--cms-26099