【参考にしたい】おしゃれなレスポンシブWebデザインのサイトをジャンル別にご紹介！

こんにちは。
GOSHIMMERです。

今回は、参考にしたいおしゃれで秀逸なレスポンシブWebデザインだなと思うサイトをジャンル別にご紹介していきたいと思います！

レスポンシブWebデザインとは？

レスポンシブWebデザインは、デバイスサイズごとに最適化されたWebデザインのことを指します。
1つのHTMLに対して、デバイスサイズごとにCSSを準備し、見せ方を変える手法です。

画面いっぱいのファーストビューが特徴的で、「からだに優しい」というコンセプトがよくつたわるデザインだなと思いました。
PCでは画像の配置など遊び心があるデザインですが、スマホにしたときにその遊び心を残しつつ、整理整頓され見やすくまとまっていて、参考にしたいデザインです。

私自身が一目ぼれしたサイトでもあるのですが、アニメーションだったり、デザインだったり見ているだけでとてもワクワクしました。
比較的デザインの幅が狭いレスポンシブWebデザインですが、レスポンシブデザインでもここまでできるんだと思わせてくれたサイトの一つです。

縦で分割するデザインはよくあると思うのですが、スマホにしたときにメニューを前面に持ってくるデザインは初めて出会いました。
ポートフォリオサイトとしての魅せ方が新しく、自分の中で幅が広がった気がして、感謝したいデザインです。

PCでの表示とスマホでの表示が一覧で確認することができて、とても見やすいサイトです。
それぞれのページに関する情報は基本掲載されておらず、該当ページへ直接飛ぶのもとても便利で使いやすいなと感じます。

レスポンシブWebデザインのサイトのみをまとめたサイトです。
カテゴリー別や色別、技術別に検索出来てとても参考になります。

クオリティが高い縦に長いサイトを厳選して集められたサイトです。
カテゴリーが細分化されていて、より絞り込んだ検索をすることができるので、求めているものにたどり着きやすくなっています。

レスポンシブWebデザインは今や必須になってきています。
様々なデザインに触れ、自分の幅を広げることも大事だと思いますので、ぜひ参考にして制作してみてください！

Twitterをやっておりますので、何か質問や相談等あればお気軽にご相談ください＾＾