コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
モバイル向けのデザイン
Android のテーマとコンポーネントを使用してアプリのデザインを作成します。Android 独自のデザイン パターンと機能を活用して、美しく、使いやすい、モダンなアプリを作成します。
ガイド
Android 設計の基本的なコンセプトと原則。
ガイド
色、タイプ、モーション、テーマを設定して、美しいビジュアル デザインを作成する方法。
ガイド
レイアウトやグリッドの基本から、グラフィックの表示、Android の最新機能(エッジ ツー エッジ コンテンツなど)まで、ビュー内でのコンテンツ構造。
ガイド
ユーザーがアプリの操作を理解、操作、管理できるようにする操作パターン。一般的な動作パターンには、ナビゲーション、共有、予測型「戻る」、設定などがあります。
ガイド
小規模で再利用可能でインタラクティブな UI 構成要素を活用する。マテリアル デザイン コンポーネントの使用に関する詳細
ガイド
アプリ ウィジェットや通知などのシステム UI 機能を使用してアプリを拡張し、デバイス全体で独自のエクスペリエンスを実現します。
ガイド
Android の一般的な用語について理解します。
ガイド
世界人口の 15% がコミュニケーション、学習、仕事を行えるようにユーザー補助サポートを設計することで、すべての人にメリットをもたらします。
キットを確認する
その他の Figma ベースのライブラリ キット、プラグイン、マテリアル テーマビルダーを確認します。最新のテーマやツール、ユーザー作成のダイナミック カラーを使って Android アプリの作成を開始できます。
Wear OS キットや
TV キットは、他のデバイス向けのビルドにも使用できます。
入門ガイド、スタイル、コンポーネント、システム テンプレートを利用して、Android 向けのデザインをすばやく簡単に作成できます。
Figma ベースのマテリアル ライブラリを探索し、ケーススタディとキットを探索します。
ウェブベースのマテリアル テーマビルダーを使用して、次の Android アプリを設計します。
マテリアル デザイン 3 は、ユーザー インターフェース デザインのベスト プラクティスをサポートするガイドライン、コンポーネント、ツールからなる適応性の高いオープンソースのシステムです。
デベロッパー ガイドとリファレンスを使用して、アプリのデザインを構築してください。
Android のベスト プラクティスに沿ってデザインをレイアウトします。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],[]]