ウィジェットを追加して、ユーザー エクスペリエンスをレベルアップしましょう。ウィジェットはカスタマイズ可能なホーム画面の要素で、アプリのコンテンツやアクションをわかりやすく具体的な画面に表示します。

はじめに

ガイド
レイアウトは、ウィジェット内で情報やインタラクティブな要素を整理する方法を決定します。テキスト、リスト、グリッドタイプのウィジェットの事前ビルド済みレイアウトの詳細をご確認ください。
ガイド
複数のサイズにシームレスにスケーリングするウィジェットの設計の詳細。デフォルトのウィジェット サイズと、利用可能なグリッド スペースを最大限に活用する方法をご確認ください。
ガイド
ウィジェットのスタイルを設定して、ウィジェットの視覚的なインパクトを高め、ユーザーのデバイスのテーマに合わせる方法を学びます。
ガイド
適切なサイズ設定を使用し、適切なプレビュー コンテンツを表示することで、ウィジェット選択ツールでウィジェットをプロモートする方法を学習します。
レイアウトを決定する前に、ウィジェットに表示するコンテンツについて検討してください。ウィジェットを画像とテキストのどちらにするか、さまざまなコンテンツ タイプのレイアウトの例をご確認ください。
最も一般的なウィジェット タイプに対応する既製のレスポンシブ レイアウトを使用して、すぐに使い始めることができます。
ウィジェットを柔軟に調整し、ウィジェットのサイズを変更する方法を検討します。縦向き、スクエア、横向きのレイアウトでどのように表示されますか。
ホーム画面のスペースは貴重なので、割り当てられたスペースを最大限に活用できるようにウィジェットを構築することが重要です。
コア コンポーネントと詳細なデザイン仕様を理解して、ウィジェットが Google の品質基準を満たしていることを確認します。
ユーザーのホーム画面にフィットさせるには、ウィジェットをシステム デバイスのテーマ設定に適応させて、ウィジェットでライトモードとダークモード、コントラスト設定などの機能を使用できるようにします。
おすすめのウィジェット サイズから高品質のプレビューまで、Google のガイダンスを参考にしてウィジェットを目立たせ、目立たせましょう。

キットをダウンロード

Figma
Google のデザイン コンポーネントを使用して、美しく機能的なウィジェットを作成できます。こうしたコンポーネントとパターンにより、ウィジェットで最適なユーザー エクスペリエンスを実現しながら、一貫性を維持しながらブランドをアピールできます。