非同期スニペット

レスポンシブデザイン

無料 ご相談承ってます!

電話 078-955-7461(平日 -)お気軽にご連絡ください!
打合せなどで電話に出れない場合がございます。その場合は、フォームもしくは 070-5503-3830までお手数をおかけしますがご連絡ください。

私たちの実績
(→ 実績一覧へ

Webデザインやグラフィックデザインの実績をご紹介しております。

お知らせ

ブログ最新の10件
(→ 記事一覧へ

事務所案内

  • ワサビ株式会社
  • マーケティング部(東京オフィス)
  • 〒142-0041
    東京都品川区戸越1-21-15 創建ビル4F
  • 本社
  • 〒658-0065
    兵庫県神戸市東灘区御影山手4-10-21
  •    
  • マーケティング部・デザイン室・開発室
  • 〒657-0864
    兵庫県神戸市灘区新在家南町1-1
  • TEL. 078-955-7461
  • 受付時間: 平日 -
  • マーケティング部(福岡オフィス)
  • 〒812-0053
    福岡県福岡市東区箱崎2-10
会社の詳細情報は、こちら

Work with us!

私たちのビジネスの成功は、社会に貢献できると確信してます。

ワサビは、才能や情熱を持った方との出会いを待ってます。

インターネットで出来る事、その可能性を仕事にしたい方は、ご連絡ください!

採用の詳細は、こちら

ソーシャルメディア

レスポンシブデザイン

更新日

最近話題になっているレスポンシブデザインご存じでしょうか?
レスポンス(反応、応答)・・・、レスポンシブデザイン・・・資料請求や問い合わせなどの反応がとれるデザイン!とお考えになる方も多くいる(そうでもない?)と思いますが、正解は最近主流になりつつあるPC以外のデバイス、iPadなどのタブレット端末、スマートフォンなど表示画面がPCよりも小さくても自動的にブラウザサイズに合わせてサイト表示を最適化するウェブデザインのことです。

スマートフォンで従来のPCサイトが閲覧できる為PCを持たずにスマートフォンだけという若者も多くなっていますがスマートフォンでPCサイトを見るには若干見ずらい点があります。通常多くはスマートフォンのブラウザに合わせたデザインでないため見たい部分の表示を拡大したりスクロールさせたり、標準では小さすぎるため拡大してからメニューボタンを押したりと中々手間やストレスもかかります。その為スマートフォンからの流入が多い場合はPCサイトとは別にスマートフォン用の専用サイトを作りユーザービリティ(使い勝手)に配慮したサイトも増えてきています。問題点としてはスマートフォン専用の設計で1からサイトを作らないといけない為、コストや期間が同じだけかかってしまいます。そんな時に便利なのがレスポンシブデザインです。

レスポンシブデザイン

レスポンシブデザインは、米国のデザイナー、イーサン・マルコッテ(Ethan Marcotte)氏が2010年5月に技術系のブログ『A List Apart(ア・リスト・アパート)』に投稿した記事で発表されました。
参考:Responsive Web Design
考えの基本としてはデバイス毎にサイトを提供するのではなくスクリーンサイズ(画面幅)を元にCSSの部分を切り替えてレイアウトを調整し共通のHTMLの記述でサイト提供するということです。レスポンシブデザインを導入するメリットとしてはサイト制作コストや制作期間、制作後のサイト更新の手間、アクセス解析時にデータ分散しないなどがあります。ただこれらのメリットはユーザーサイドではなく制作サイドのメリットなので必ずしもレスポンシブデザインが万能に優れているというわけではありません。現状と今後の展望やターゲットなどを踏まえて検討する必要があります。

Posted by Nakagawa

ページトップへ

taromiki