タグ

レスポンシブデザインに関するhachi09のブックマーク (3)

  • すべてのウェブデザイナーが読むべき10冊の本 / ウェブデザインライブラリー

    投稿日:2014年11月28日   ソフトウェア:- このチュートリアルでは新旧さまざまなウェブデザイナーが蓄積した知識が詰まったを紹介します。 Step1 : はじめに Step2 : ウェブデザイナー向けの書籍 Step3 : 最後に 品業界や外産業で働いている人ならご存知だと思いますが、品を売るにはまず顧客の視覚に訴えることが大切で、味覚はその次です。 それにも関わらず、品関係のウェブサイトのオーナーの多くが、サイトの訪問者がまず最初に見た目で購入を決めるということを忘れてしまっているのはおかしな話です。 実際、あなたのお住まいの地域のレストランが運営するウェブサイトを開いてみてください。 全体のデザインの中でメニューなどの文字情報に集中し過ぎていて、ジュージューと焼けるステーキやパスタの芳醇な香りで思わず注文をしたくなったり、友達に話したくなったりといった視覚に訴える工夫

    すべてのウェブデザイナーが読むべき10冊の本 / ウェブデザインライブラリー
  • レスポンシブで魅せる!メニューデザインまとめ 8 | BANSNA

    デスクトップ、タブレットそしてスマートフォンと各デバイスに対応したレスポンシブデザインのwebサイトが最近は当たり前のようになってきましたね。 そこで今回はナビゲーションメニュー部分に焦点を当てて紹介したいと思います。 「別にレスポンシブにこだわらないよ。」とお考えの方も、スマートフォンサイトを初めてこれから作られる方も何かしらのCSSメニューのアイディアに結びつくかもしれませんよ。 それでは順次紹介していきますが、ここで注意点! リンク先のサイトはレスポンシブデザインで作ってあるサイトなので、ブラウザの横幅を狭くして確認することを推奨します。(スマートフォンからのアクセスであればそのままでOKです。) メニューを小さくする Unmatched Style Siyelo Cowork Chicago Zach Woomer Fico Heath Life 最も単純で最も簡単なナビゲーション

  • 一歩先に進むためのレスポンシブデザインのガイドライン

    ウェブサイトをデスクトップ・タブレット・スマートフォンなど、クロスデバイス対応のレスポンシブデザインにする際、サイズを小さくしたりシンプルにするだけでなく、ユーザーの使い勝手を考慮した一歩先に進むためのUIデザインのガイドラインを紹介します。 UI Design Guidelines for Responsive Design 下記は各ポイントを意訳したものです。 はじめに デスクトップ タブレット スマートフォン おわりに はじめに レスポンシブデザインが誕生した時、ウェブ制作のコミュニティではそれを解決するための方法をすぐに考えだしました。多くのウェブサイトがレスポンシブに対応した今、そこから一歩先に進む時です。コーディングに注意を払うことは簡単ですが、いくつかのスクリーンサイズのためにデザインが犠牲になることがあります。 レスポンシブデザインの多くのリソースは基をカバーするだけで、

  • 1