小工具

小工具是可自訂的主畫面元素,會清楚顯示應用程式的內容或動作,並提供可執行的檢視畫面。這項內容會定期重新整理。

小工具可協助使用者達成目標,方法是直接在小工具中與應用程式內容互動,或是開啟完整的應用程式體驗。

開始使用

建立小工具時,請完成下列步驟:

  1. 選擇要在小工具中顯示的單一主要用途。
  2. 在 Figma 上查看小工具範本示例
  3. 請按照大小指南設計 UI。
  4. 針對多種螢幕大小進行測試。
  5. 在多種板型規格上測試小工具,例如 Android Auto
  6. 確認小工具符合小工具品質指南
版面配置會決定小工具中資訊和互動式元素的排列方式。進一步瞭解文字、清單和格線類型小工具的預建版面配置。
進一步瞭解如何設計可順暢縮放至多種大小的微件。查看預設的小工具大小,並瞭解如何充分利用格線空間。
瞭解如何設定小工具的樣式,提升視覺效果,並配合使用者的裝置主題。
瞭解如何透過適當的大小和顯示資訊,在小工具選擇器中宣傳小工具。