• 操作
  • ハンバーガーメニュー

#hamburger menu 007

コンパクトに表示

参考サイトURL
動きの解説

画面全体ではなく、ボタン周辺に吹き出しや小さなパネルとしてメニューが出る動きは、現在のページを見ながら移動先を選べる利点があります。PCサイトや、メニュー項目が少ない場合に適しており、コンテキスト(文脈)を維持したままナビゲーションを提供できます。配置(ポジショニング)が重要で、画面端でメニューが見切れないよう、表示位置を自動調整するロジックが必要になる場合があります。シンプルですが、影(ドロップシャドウ)をつけることで背景との階層を明確にする工夫が求められます。