ナビゲーションバーとスライサー

次の3章では、Summit Gearダッシュボードが未完成の状態から完成品のような見た目に変わります。3段階の構造化された仕上げプロセスを実施します。まず、カスタムJSONテーマを適用して、色とフォントを一括でグローバルに設定します。次に、ブランドカラーのチャコールヘッダーバーを作成し、その中にナビゲーションボタンを組み込みます。最後に、各ページごとにカード、チャート、マトリックス、テーブル、マップ、スライサーなど、すべてのビジュアルを調整します。

これらの章を終えると、閲覧者がダッシュボードを開いた瞬間に配慮と意図が伝わるデザインになります。

本章では、ナビゲーションバーとスライサーについて学びます。

16進カラーコード:

• スチールブルー: #4A7C96;
• チャコール: #2D3436;
• ホワイト: #FFFFFF;
• ライトグレー（枠線）: #E6E6E6;
• ブルーグレー（カテゴリラベル）: #6B7B8D;
• ライトグレー（軸ラベル）: #605E5C.