【デザイン】レスポンシブサイトとは。時代のグローバルナビはどう扱う?サンプル7つ Webサイトのレスポンシブ化が進む中、グローバルナビゲーションをどう見せるかというところが悩みどころ。そこで今回は、グローバルナビをスマートに見せるレスポンシブデザインのサンプルをご紹介します。 1.ボタンに隠す Facebookなどのスマホアプリによくあるタイプです。 スマホ表示になった際に、ボタンを表示させメニューは隠す。この3本線も、メニューボタンとしての認知度が高いので、ユーザーにとっても分かりやすいですね。圧倒的に多いタイプです。このサンプルは、ボタンを押すとLightbox風にメニューが表示されます。 http://sheen.jp/ 2.ボタンに隠すその2 ボタンにするところは1と同じですが、ボタンを押すと横からスライドで出てくるタイプです。 http://tak-inc.com/ 3.段組みを
![レスポンシブサイトとは。時代のグローバルナビはどう扱う? | ホームページ制作お役立ち情報](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfe883fe4429ee75c3dfbcbd3891ebefefe0e779/height=288;version=1;width=512/https%3A%2F%2Fdream-net.org%2Fblog%2Fwp-content%2Fuploads%2F2014%2F06%2F073.jpg)