PC+スマホに対応したレスポンシブWEBデザイン

カテゴリー:Web制作支援|更新日時:2012年7月18日|RSS購読: RSS 2.0

最近は世の中に色んなデバイスが出回り、特に需要の多いスマートフォンではWEBサイトを見る機会もそれなりに多いので、通常のPC用のWEBデザインからスマホ用に変換して閲覧できるようにする『レスポンシブWEBデザイン』が主流になってきていますね。

PCとは当然画面サイズが変わるわけなので、グランドデザインを崩さないようにレイアウトが変更されています、そんなレスポンシブWEBデザインをご紹介。

 

Stephen Caver

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Deren Keskin

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

More Hazards More Heroes

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

JavaScript Conference

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Laufbild Werkstatt

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Clear Air Challenge

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Forefathers Group

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Earth Hour

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Spigot Design

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

Fork CMS

レスポンシブWEBデザイン レスポンシブWEBデザイン

 

 

如何ですか?ブランド名・サービス名はそのまま、サイトのトーンマナーも継承しながらうまくレイアウトされていますね。

wordpressなどの利用であれば『WPtouch』というプラグインでスマホ対策もできますが、デザインにはやはりカスタマイズが必要なので、デザインの参考としてもどうぞ。

元ネタ:instantshift様:http://www.instantshift.com/2012/07/17/advantages-of-responsive-web-design/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+iShift+%28instantShift%29

※この記事は2012年7月18日に投稿されたストックになります、リンク先が期限切れになっている場合もあります、予めご了承ください。

questionnaire
  • あなたの職場は何時まで働くことが多いですか?

    View Results

    Loading ... Loading ...
  • add link
    category

    Copyright (C) 2008-2018 mono-stock.com. All Rights Reserved.