スタイルの基盤
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
自動車向け Android 2 つのシステム(Android Auto と Android Automotive OS(AAOS))のスタイルは、同じインタラクション デザインとビジュアル デザインの原則に基づいています。ただし、これらのシステムのスタイルとレイアウトの詳細は、システムごとの固有のコンテキストに応じて、いくつかの点で異なります。
ここでは、システム間のスタイルに関する相違点の概要について説明します。それぞれのスタイルとレイアウトについて詳しくは、Android Auto デザイン システムと AAOS デザイン システムをご覧ください。
|
Android Auto |
AAOS |
スタイル コンテキスト |
- Google が UI を構築し管理する
- UI がスマートフォンの車載画面に投影される
- UI のデザインはすべての自動車で同じ
- スタイルの詳細に Google ブランドを反映、アプリのブランディングをアクセントに
|
- 自動車メーカーは AAOS に基づいて UI を作成する
- 自動車のインフォテインメント システムに組み込まれている UI
- UI は自動車モデルごとにカスタマイズ可能
- スタイルの詳細は、車のメーカーのブランドを反映し、アプリのブランドをアクセントにしています。
|
スタイルとレイアウトのガイドラインの目的 |
- UI でのスタイル選択の背後にある考え方について説明する
- アプリ デベロッパーができる設計上の選択についてのリファレンスを提供
|
- 自動車メーカーにおけるおすすめのスタイルを提案する理由
- 自動車メーカーが UI のカスタム レイアウトとスタイルを作成する詳細なガイダンスを提供
- アプリ デベロッパーができる設計上の選択についてのリファレンスを提供
|
主な違い |
- Google カラー
- 大きいサイズの Google Sans フォント
- 車種ごとに適応する Google が決定したレイアウト
|
- 自動車メーカーのカラー
- あらゆるサイズの標準フォント(Roboto または Noto Sans)
- カスタム レイアウト
|
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2024-07-23 UTC。
[[["わかりやすい","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"]],["最終更新日 2024-07-23 UTC。"],[[["Android Auto and Android Automotive OS share core design principles but differ in style and layout based on their unique contexts."],["Android Auto maintains a consistent Google-branded look across all cars, while AAOS allows car manufacturers to customize the UI to reflect their brand."],["Design guidelines for Android Auto primarily explain Google's style choices, whereas AAOS guidelines provide more detailed guidance for car manufacturers creating custom layouts."],["Key style differences include color palettes, fonts, and layout adaptability."]]],[]]