小工具是可自訂的主畫面元素,會清楚顯示應用程式的內容或動作,並提供可執行的檢視畫面。這項內容會定期重新整理。
小工具可協助使用者達成目標,方法是直接在小工具中與應用程式內容互動,或是開啟完整的應用程式體驗。
開始使用
建立小工具時,請完成下列步驟:
- 選擇要在小工具中顯示的單一主要用途。
- 在 Figma 上查看小工具範本示例。
- 請按照大小指南設計 UI。
- 針對多種螢幕大小進行測試。
- 在多種板型規格上測試小工具,例如 Android Auto。
- 確認小工具符合小工具品質指南。
標準小工具版面配置
版面配置會決定小工具中資訊和互動式元素的排列方式。進一步瞭解文字、清單和格線類型小工具的預建版面配置。
尺寸
進一步瞭解如何設計可順暢縮放至多種大小的微件。查看預設的小工具大小,並瞭解如何充分利用格線空間。
樣式
瞭解如何設定小工具的樣式,提升視覺效果,並配合使用者的裝置主題。
曝光與宣傳
瞭解如何透過適當的大小和顯示資訊,在小工具選擇器中宣傳小工具。