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

入门

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

下载材料包

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