ハンバーガーアイコンのUI問題６つの答え｜株式会社ストローバッグ|デザインラボ

2015/11/16 18 users 焦点 レイアウト 答え 記述 Webデザイナー

ストローバッグのWEBデザイナーの正木です。 この記事ではハンバーガーアイコンというUIの抱える問題の答えを通して、スマートフォンサイトでメニューの見せ方にどのようなパターンがあるのかご紹介します。 （この記事では、上記問題に焦点を当てていますので、アニメーション・メニュー展開後のレイアウトについての記述は割愛させて頂きます。） まず、スマートフォンサイトのメニューについて書く前に、ハンバーガーア... 続きを読む

なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？ - GIGAZINE

2015/08/12 391 users GIGAZINE

スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論... 続きを読む

[コピペで使える！CSSだけでアニメーションつきハンバーガーメニューアイコンを作ろう] 他 海外のCSS情報 | WEBデザインすーぷ

2015/05/06 84 users CSS コピペ WEBデザインすーぷ 呼び名 エフェクト

今でも三本線（スリーラインアイコン）などと呼ばれることもありますが、ハンバーガーメニューアイコン（ハンバーガーアイコン）という呼び名もある程度浸透したこのアイコン、コピペでさくっとサイトに取り入れてみましょう。目次 アニメーションするCSSのみのハンバーガーメニューアイコン あなたがCSS3のボックスシャドウで作ることができる18の驚くべきエフェクト 30のCSSページプリロードアニメーション イ... 続きを読む