デフォルトテーマのハンバーガーメニューを 文字:MENU に置き換える | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)
ハンバーガーメニューって聞いたことありますか？聞いたことがなくても見たことはあるかとおもわれるほど、最近ではよく使われているメニューの表示方法です。 まだその形がメニューという認識が充分でないため、ハンバーガーメニューだとクリック率が良くないという調査結果がありました。ということでハンバーガーメニューを文字に置き換えるにはどうすればいいか？を試してみました。 ハンバーガーメニューとは？ WordPressのトップページを見ると こんな感じで表示されている画面ですが、幅が狭くなると こんな感じで、固定ページへのリンクがメニューに入るようです。一番右にある この3本線がハンバーガーメニューです。 こんな感じでハンバーガーを横から見た形に似ているからハンバーガーメニューと呼ばれてるんじゃないかなと思います。意味的にはこの線がメニューの文字列、ってことを表してるのではないでしょうか。 このテーマ
ハンバーガーメニューに代わるナビゲーションデザイン案10選
モバイルアプリケーションやウェブサイトのデザインは、画面が小さいゆえにどのようなデザインが好ましいか、常に議論されています。 文字のサイズ、画像の解像度、効果的なアイコンの使い方、アニメーションやカルーセルまで、小さな画面で効率よくブラウジングできるように、デスクトップアプリケーションやパソコンで見るWebサイトと異なる考え方で設計することが大切です。 その中でも比較的よく使われるのが、ハンバーガーメニューです。 ハンバーガーメニューは、3本の横線が並んだアイコンをタップすることでメニューを表示させる仕組みのUIで、ファーストビューでメニューを表示するスペースを節約できるので、多くのデザイナーが好んで使っていました。 実際、レスポンシブデザインを採用していても、画面サイズが大きければ通常のメニューを採用し、画面サイズが狭くなればハンバーガーメニューに切り替えるといったデザインが採用されるこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
