スマホサイトで使われるメニューデザイン7タイプ
スマホサイトの作成においてワイヤーを引く際に、まず悩むのが「メニューをどうするか？」ということ。 サイトの印象を大きく左右するその「メニュー」について、それぞれどういったことを考え、適切なメニューのタイプを決めれば良いのか？ そのメリットやデメリットについて考えてみたいと思います。 2015年8月現在で見られるスマホサイトでよく見られるタイプを7つに厳選してみました。 ドロップダウンメニュー スライドメニュー ヘッダーメニュー モーダルウィンドウメニュー タブメニュー スプリングボードメニュー ドリルダウンメニュー 1.ドロップダウンメニュー 現在最も採用されているのがこのタイプです。左上や右上に「3連ドット」のマークをよく見かけると思いますが、いつのまにかこのマークが「メニュー」であるということが、当たり前のように認知されているのではないでしょうか？ チャンピオン | Champion
jQuery slimMenuの実装とデザインを修正する方法 | Peaceful Days
スマホ（スマートフォン）サイトの製作でUIを考えた際に 最近では定番化したドロワーメニュー（Drawer menu）が良さそうなので jQuery slimMenuを設置してみました。 その際の作業の流れが参考になればと思い記事にしました。 jQueryでいくつかあるようなので調べて jQuery slimMenuというのがイメージ通りの動きをするものでした。 以前一度下記のj-queryを使ったことがあるのですが 閉じる際にメニューボタンを押さないとコンテンツに戻れないので 理解していないユーザーに不親切なので今回は採用しませんでした。 ・Sidr – A jQuery plugin for creating side menus jQuery slimMenuですとたとえメニューボタンで閉じることが理解できなくても コンテンツを下に押し出す形でメニューがでるので、 閉じずに閲覧できユー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://slicknav.io/
