【まとめ】レスポンシブデザインで使えるメニュー3選＋１｜モバイルラボ
前回は「ハンバーガーメニュー」について紹介させていただきました。 今回はハンバーガーメニューだけではない、レスポンシブデザインでも使えて、変換ツール系でも利用できる、jQueryメニューをいくつかご紹介します。 【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに jQueryでサイトに合ったナビゲーションメニューを作ろう レスポンシブデザインで使える簡単メニュー「Naver」 レスポンシブデザインのサイトで今もよく見る形の、画面幅が小さい場合にグローバルメニューを、ハンバーガーボタンのメニューの中に隠すjQueryです。 【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに サンプルコードはこんな感じになります。 <nav> <a href="#">Home</a> <a href="#">News</a&
スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。
30 Free Mobile App UI PSDs for Developers: Summer 2014 Edition - noupe
30 Free Mobile App UI PSDs for Developers: Summer 2014 Edition While prototyping interface designs, we are always striving for the spur that will force our imagination to run riot. Inspiration gives us a boost, but when it comes to an actual workflow, we are in need of something more pragmatic and effective such as sets of pre-defined components. Even if you are a great supporter of creating every
Web制作者が助かるヒアリングシートや問い合わせ返信に使えるテンプレート - コムテブログ
TL;DR 遠方のお客様からのサイト制作依頼、メール問い合わせがあった時に、どんな内容を返信すればよくて、どんなことを聞いておけば概算見積もり（初期費用・ランニング費用）を作りやすくなるのか。ヒアリング時も、ある程度聞き出したい。 ネットや本でも意外と「具体的な例」がないなぁと思い、今回はコーポレートサイトや EC サイト制作依頼があった時に、メール返信や、最低限クライアントに聞いておきたいことや尋ね方をまとめました。ヒアリングシートにも応用できます。会社によって違うと思いますが、ざっくりとメモしておきますので、後は自分流にアレンジしながらご活用ください。 メール用テンプレート ここからはメール返信用です。 コーポレートサイト コーポレートサイトの制作依頼があった時に、具体的にどんな内容をヒアリング、または聞いておけばよいのか項目をまとめました。聞き出した内容をもとに社内スタッフと共有し概
月間1000万PVを支える「UIの言葉選び」のためのチェックリスト - クックパッド開発者ブログ
クックパッド ダイエット事業室の田中です。昨年５月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットのUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言（言葉）」をどのようなプロセスで決定していますか？ UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア
7ステップで作るワイヤーフレーム［大事なのは情報設計！］ | 株式会社アジケ
最近、新しいスタッフが入社してワイヤーフレームを作ってもらう機会があったのですが、教えていくうちに、一度、自分がどういう流れでワイヤーフレームを作っているのか整理してほうが良いと思い、まとめてみました。 いろんな考え方、進め方があると思うのですが、自分の場合は下記のような流れで作成しています。 ページのタイプを確認する ページの目的を考える 他ページとの関係性 / ページを訪れる経路を確認する 必要なナビゲーション種類・配置・内容を考える ページに必要な要素を洗い出し、要素の優先順位を決める 手書きで大まかな要素の配置を決める ツールを使って清書する ・ ・ ・ 1.ページのタイプを確認する まず最初にこれから作るページがどんなタイプのページなのかを確認します。 下記の4種類で分類します。 ポータルページ型 さまざまな情報を集約し、サイトを閲覧していく上で起点となるページ。 サイトのトップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【今さらシリーズ第1弾】レスポンシブウェブデザインのメリット・デメリット | モバイルラボ
one web ワールド | モバイルラボ
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
http://shingekidesign.com/?p=251
The Wall Street Journal
Web担当者も簡単に作れる、ワイヤーフレーム用素材画像(.png) | WEB担当者への手紙
素敵なデザインのUIエレメントが揃ったワイヤーフレーム用の素材 -Webpage Wireframe Stencil