27 / Navigation & Menu Patterns
ナビゲーション・メニューパターン
ヘッダーナビ・パンくず・タブ・ページネーション — デザインリファレンス。
27 / Navigation & Menu Patterns
ヘッダーナビ・パンくず・タブ・ページネーション — デザインリファレンス。
#5 メガメニュー
#6 サイドバーナビ
メニュー
📊
ダッシュボード
👥
ユーザー管理
📦
商品管理
📋
注文一覧
📈
レポート
⚙
設定
#7 ボトムナビ（モバイル）
🏠
ホーム
🔍
検索
+
❤
お気に入り
👤
マイページ
#8 ステップナビ
✓
カート
2
配送先
3
支払い
4
確認
#9 タブナビ
ここに概要タブのコンテンツが表示されます。タブクリックでコンテンツが切り替わるUIパターンです。
#10 ピルナビ
#11 アイコンのみナビ
🏠
📊
👥
💬
⚙
#12 セグメント切替ナビ
セグメントに応じてコンテンツが切り替わります。
#13 パンくずリスト
#14 検索バー付きナビ
Logo
🔍
🔔
T
#15 フィルターバー
フィルター：
#16 コンテキストメニュー
📋
コピー
⌘C
📎
ペースト
⌘V
✏
名前を変更
📁
移動
🗑
削除
#17 ツリービューナビ
ファイルツリー
📁
src
📁
components
📄
Header.tsx
📄
Footer.tsx
📁
utils
📄
App.tsx
📄
package.json
#18 コマンドバー
🔍
ESC
最近のアクション
📊
ダッシュボードを開く
⌘D
👤
プロフィール設定
⌘P
📝
新規ドキュメント
⌘N
#19 アプリドロワーメニュー