Google は AI 技術を使用して、コンテンツをご希望の言語に翻訳しています。AI 翻訳には誤りが含まれる場合があります。

Chip

hero

概要

チップは、ユーザーが下のコンテンツをフィルタしたり、クイックアクションをトリガーしたりできる、コンパクトなインタラクティブ要素です。コンパクトなコンポーネントは、コンテンツに関連するコンテキストオプションを表示し、閲覧時間を短縮することで、運転中のタスクを効率化します。

視覚的な明瞭さを維持するため、レイアウトは 1 行あたり最大 7 個のチップに制限する必要があります。チップは、ブランドの視覚言語に合わせて柔軟に調整できます。選択した UI テーマに応じて、形状、背景色、枠線の色をカスタマイズできます。

チップには次のものを含めることができます。

すべてのアプリで安全で一貫したエクスペリエンスを提供するため、次の設計要件に従ってください。

要件レベル	コンテンツ
必須	アイコンまたはラベルのいずれかを含めます。
すべきである	異なるチップの状態を伝えるために、異なる色や形状など、独自の視覚スタイルを使用します。
すべきである	アプリ全体で、すべてのチップに一貫したスタイルを実装します。
すべきである	同じコンポーネントグループ内で、ステートフルチップとステートレスチップを混在させないでください。
すべきである	重要なチップや推奨チップをコンテナの先頭に配置します。
すべきである	ラベルテキストは簡潔でわかりやすいものにします。切り捨てが発生したり、認知負荷が増加したりする長いテキストは避けてください。