
在黑色背景上设计
在黑色背景上进行设计对 Wear OS 至关重要,原因有二:
- 省电:屏幕上每个点亮的像素都会消耗电量。通过使用黑色背景,您可以最大程度地减少活动像素的数量,从而延长电池续航时间。
- 无缝美感:黑色背景有助于在视觉上最大程度地减少表圈,营造出表面延伸至设备边缘的连续感。将界面元素限制在此空间内可进一步增强此效果。
这样做
不要这样做
仅包含必要元素
选择启用后(例如,使用 ProtoLayout Material3 PrimaryLayout),Wear OS 会自动显示永久性应用图标,该图标会在用户滚动浏览磁贴轮播界面时自动显示。应用图标不应作为磁贴的一部分进行设计和添加。
如果您的磁贴具有动态主题,请确保提供的应用图标是单色的。请查看 Android 产品图标指南,了解如何为您的品牌创建应用图标。
这样做
不要这样做
隐藏应用标题以确保最小可点按区域
为了确保在较小屏幕上有足够的空间用于交互元素,当磁贴使用两行(和一个底部部分)时,可以隐藏应用标题。这确保了行足够高(至少 48dp)。标题可以在较大屏幕上重新显示(225dp+)。
这样做
不要这样做
选择突出显示单个主要用例
为了确保用户知道如何使用每个磁贴(无论是打开应用、启动活动还是了解更多信息),我们需要它们在布局中包含至少一个交互元素。
这样做
不要这样做
包含(至少)一个容器
应用中的每个磁贴必须包含至少一个容器元素并完全可点按,链接到应用内相应的屏幕。无论容器中的信息还是独立显示的信息,都必须清晰地传达链接的内容或可用的操作。
如果使用按钮,它们应符合标准设计约定并明确指示其功能。
这样做
不要这样做
使操作一目了然
手表上的体验没有充足的空间来传达其含义,因此最有效的磁贴具有易于预测的交互组件。
这样做
不要这样做
在视觉上优先处理操作
为了帮助用户理解磁贴上最重要的操作,应在视觉上优先处理交互式容器。
- 在主要操作按钮上使用主色。
- 在次要操作上使用次要/第三色
这样做
不要这样做
简化到更少的容器
磁贴应避免使用多个交互组件来触发特定操作,而应尝试将整体布局简化到更少的容器。
这样做
不要这样做
将容器用于功能目的
为了确保用户可以预测磁贴中每个组件的功能,我们不建议将容器用于装饰或结构目的,以避免点按无效。
这样做
不要这样做
显示图表和图表的快速查看表示
快速查看是 Wear OS 设计的关键。由于屏幕时间有限(约 7 秒),请优先以清晰易懂的格式显示必要信息,以便一目了然。
请记住,手表补充了手机体验,提供了对关键详情的快速访问。
这样做