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

スポンサーリンク

最近は世の中に色んなデバイスが出回り、特に需要の多いスマートフォンでは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

タイトルとURLをコピーしました