はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ハンバーガーアイコン

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

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

2015/11/16 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip 焦点 レイアウト 答え 記述 Webデザイナー

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

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

2015/08/12 このエントリーをはてなブックマークに追加 391 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE

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

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

2015/05/06 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペ WEBデザインすーぷ 呼び名 エフェクト

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

 
(1 - 3 / 3件)