ハンバーガーアイコンのUI問題６つの答え｜株式会社ストローバッグ|ラボ
ストローバッグのWEBデザイナーの正木です。 この記事ではハンバーガーアイコンというUIの抱える問題の答えを通して、スマートフォンサイトでメニューの見せ方にどのようなパターンがあるのかご紹介します。 （この記事では、上記問題に焦点を当てていますので、アニメーション・メニュー展開後のレイアウトについての記述は割愛させて頂きます。） まず、スマートフォンサイトのメニューについて書く前に、ハンバーガーアイコン（左図）を説明しなければなりません。なぜなら2015年現在多くのサイトで採用されているデザインだからです。 このアイコンはクリックするとメニュー項目が表示される目印となります。しかし、このアイコンに関する議論が下記参考記事のように活発に行われました。 参考記事１『なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？』（参考サイト：Gigazine） http://gigazine
レスポンシブデザインとアダプティブデザインの比較記事まとめ｜株式会社ストローバッグ|ラボ
ここで、レスポンシブ・デザインとアダプティブ・デザインと比較してみます。 アダプティブ・デザインについては、「語句の説明」で述べた下記URL記事に記述されています。 『レスポンシブ・デザインとの違いって？アダプティブ・デザインについて考える』（参考サイト：LIG） http://liginc.co.jp/web/design/59391 『レスポンシブ・デザインとアダプティブ・デザインの定義を整理してみた』（参考サイト：Rriver） http://parashuto.com/rriver/responsive-web/definitions-of-responsive-design-and-adaptive-design 今までの内容を踏まえ、私の主観になりますがざっくりと下記のように両手法をまとめてみました。 レスポンシブ・デザイン：１つのHTMLでCSSをデバイス毎に振り分ける流動的
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
