添加微件以提升用户体验。widget 是可自定义的主屏幕元素,用于显示应用内容或操作的清晰且富有实用价值的视图。

开始使用

指南
布局决定了信息和互动元素在微件中的组织方式。详细了解适用于文本、列表和网格型 widget 的预构建布局。
指南
详细了解如何设计可无缝缩放为多种尺寸的 widget。查看 widget 的默认大小,并了解如何充分利用可用的网格空间。
指南
了解如何设置 widget 的样式,以增强 widget 的视觉冲击力,并适应用户的设备主题。
指南
了解如何使用适当的尺寸和显示适当的预览内容,在 widget 选择器上提升您的 widget。
在决定布局之前,请考虑要在 widget 中显示的内容。要让 widget 包含丰富的图片还是以文字为主?查找各种内容类型的布局示例。
使用我们现成的自适应布局快速上手,这些布局可满足最常见的微件类型需求。
请确保 widget 具有灵活性,并考虑如何调整 widget 的大小。它在纵向、方形或横向布局中如何显示?
主屏幕空间非常宝贵,因此在设计微件时务必要充分利用它所分配的空间。
了解核心组件和详细的设计规范,以确保您的 widget 符合我们的质量标准。
为了更好地适应用户的主屏幕,请允许 widget 适应系统设备主题,以便 widget 能够使用浅色主题、深色主题和对比度设置等功能。
从推荐的微件尺寸到高质量的预览,请查看我们的指南,帮助您的微件获得关注,从众多商品中脱颖而出。

下载材料包

Figma
使用我们的设计组件创建美观实用的微件。这些组件和模式可确保提供 widget 的最佳用户体验,同时保持一致性并展示您的品牌。