レスポンシブWEBデザインまとめのまとめ

Web制作 マルチデバイス対応サイト関連

インターンの金濱です!

今まで「レスポンシブWEBデザインの基本」ではレスポンシブWEBデザインのメリットやデメリットを、「レスポンシブWEBデザインのデザイン・設計上の注意点」ではより実践的なデバイスごとのブレークポイントなどを紹介しました。
今回は国内外のレスポンシブWEBデザインのまとめサイトをご紹介します。

レスポンシブWebデザインのメリット/デメリット

まずは国内サイトから!

①【オススメ!】Responsive Web Design JP

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。国内サイトが随時更新されています。

RWDJP.fw.png

 

2012年を代表する国内の秀逸なレスポンシブWebデザインのサイトまとめ25個

上記のResponsive Web Design JPを運営されている方がまとめたものですので、良質なサイトがたくさんそろっています!

25選.fw.png

 


PCサイトとスマートフォンサイトをどのように扱うか?国内のレスポンシブウェブサイトをまとめました

WEBデザインクリップさんの記事です。国内サイトを取り扱っています。

国内レスポンシブサイト.fw.png


Responsive Web Design を利用している企業サイトリスト

all WEB blogさんの記事です。2011年5月に書かれたものですので、当時のデザインをみることができます。

レスポンシブサイトリスト.fw.png


レスポンシブWebデザインで作られた10の美しすぎるサイト

SEO Japanさんの記事です。海外のサイトが紹介されています。

レスポンシブ10のサイト.fw.png

ここからは海外サイト!

⑥【オススメ!】Media Queries

情報量がとにかく多いところがgood。

mediaqueries.fw.png


⑦【オススメ!】Responsive from ZURB

海外のおしゃれデザインがたくさん見れます。

Responsive from ZURB.fw.png


⑧【オススメ!】Rs

More detailsを押すとデザイナーの情報などが見れます。

Rs.fw.png

40 Examples of Brilliant Responsive Website Layouts

デザインが40個!

40responsive.fw.png


The top 25 responsive sites of 2012

2012年を代表するデザインが載っています。

25responsive.fw.png


24 Excellent Examples of Responsive Web Design

ここで紹介されているReverse Buroというサイトとか結構好きです。

24responsive.fw.png


Showcase of Outstanding Responsive Web Designs

47つのデザインが紹介されています

outstandingresponsive.fw.png


20 Best Responsive Web Design Examples of 2012

こちらではイギリスのサイトもいくつか紹介されています

20bestdesign.fw.png


いかかがでしたでしょうか?

私たちSREはレスポンシブWEBデザインを利用した「マルチデバイス対応サイト制作・開発」、Movable TypeやHubspotをはじめとした「CMSサイト制作」、インバウンドマーケティングの手法を取り入れた「オウンドメディア構築・運用支援」を行っている企業です。
お困りの際は、お気軽にお問い合わせください!

商品・サービスへのお問い合わせ

ご相談、お見積もりのご依頼など

お問い合せはこちら