You’ll start by adding a watchOS target to your project, before copying over the shared data and views you created for the iOS app. With all of the assets in place, you’ll customize the SwiftUI views to display the detail and list views on watchOS. Follow the steps to build this project, or download the finished project to explore on your own.

在 iOS 中作为一个整体的应用，可以在 watchOS 中被拆解为小块的微应用。 例如，iOS 中的「Music」，在 watchOS 中被拆解为「Music」「Now Playing」2 个 app，其对应着浏览音乐库、控制音频播放这 2 个微任务。 ② 易读且易操作. watchOS app 应为易读性（glanceability）和快速交互进行优化。 由于 Apple Watch 的屏幕尺寸较小，只有保证易读性优良，才能使得用户能够在非常短的时间内迅速捕捉到屏幕上的关键信息。 此外，鉴于抬腕使用设备的姿势不便于长时间 …

As you begin designing your app for Apple Watch, start by understanding the following fundamental device characteristics and patterns that distinguish the watchOS experience. Using these characteristics and patterns to inform your design decisions can help you provide an app that Apple Watch users appreciate.

Apple Watch UI Kit is high-quality collection of screen templates, components and UI elements for creating App flow. The UI Kit includes 9 + screens and intuitive design system based on styles and symbols.

watchOS 10 provides a redesigned user interface that focuses on relevant, glanceable content and consistent navigation, and takes advantage of the high-quality display with full-screen color and images. When designing your app, use these features to create efficient, intuitive navigation:

swiftUI提供了强大且简化的方式设计动画，如果使用苹果的资源代码watchkit来设计动效的视觉效果，可以更改以下属性：位置、背景色、插图、高度、不透明度、强调色、宽度。 还可以创建序列帧动效. 设计注意点. 将动效图像存在watchOS应用程序包里。 可减少加载时的延迟. 优化序列图像。 优化图像（png格式等等，具体看第六部分详细讲解：图像优化）可以减少空间内存，保证加载速度. 正向反向动效都使用相同序列图像。 可以循环播放，反向播放时，则无需提供一组图 …

我们需要了解使Apple Watch成为一台令人惊叹的小型计算机的不同方面，同时Apple Watch也是iPhone的扩展。 Apple Watch有两种尺寸：38 毫米和 42 毫米。 因此，你需要为两种显示大小使用一个图像源文件。 作为设计师，我们需要考虑Apple Watch屏幕的大小，并了解设计与iPhone完全不同。 这非常重要，因为屏幕大小带来了新的手势和新的UI / UX考虑因素。 我们所有人对Apple Watch的第一次体验是当我们收到通知时。 作为用户，直接从手表进行操作而无需使用手机， …

1.个体化.Apple Watch属于可穿戴设备，其UI需要适应可穿戴的场景，用户抬起手腕即可展示时间和最新的提醒。 Digital Touch-尤其是其Heartbeat和Sketch功能，能够启用新的通信类型，这是难以令人置信的个体化表现。 加速计和心率传感仪针对使用者一天天的活动提供了个人化信息，没有其他苹果设备以此种方式和使用者联系在一起。 这种连接方式很重要，因为你是在为Apple Watch而设计。 2.整体性.Apple Watch的设计目的是模糊实体对象和软件之间的边界。 Digital …

Pixso 就来给大家讲解一下，如何做好 Apple Watch界面设计规范。 1. 界面屏幕尺寸. Apple Watch 目前有 8 个系列，屏幕尺寸分别有 38mm、40mm、41mm、42mm、44mm 和 45mm，与 iPhone 一样都是高分辨率视网膜显示设备。 Apple Watch 采用相对大小和间距，可自适应设备填充空间，因此只需在P ixso 中以 40mm 或 42mm 尺寸的屏幕分辨率制作一倍图设计稿导出两倍分辨率的图像即可适配 Apple Watch 不同尺寸的屏幕。 2. 界面图标设计.

Excited to share the start of a WatchOS UI kit! I've personally always found it hard to get a good UI kit for WatchOS that covers the main items necessary to create a custom app UI. Hopefully you'll find use in this as well! Built Figma ready with constraints, auto-layout and easy component naming and structuring for easy use.