レスポンシブWEBデザインで制作されているサイトまとめ
先日投稿した【レスポンシブWEBデザインって何ですか?】では、基本的なレスポンシブWEBデザインについて紹介しました。
その続きとして、レスポンシブWEBデザインで制作されているサイトを紹介していきたいと思います!
紹介するレスポンシブWEBデザインは、ブラウザの横幅を変えて見てくださいね♪(パソコンでご覧になる方だけですが…)
目次
- レスポンシブWEBデザインで制作されているサイト
- 最後に…
レスポンシブWEBデザインで制作されているサイト
ヨコハマハンドメイドマルシェ2014
クラフト感あふれる温かいデザインのレスポンシブWEBデザインサイトです。
パソコンモニターからスマートフォンまでイメージを崩さず見れるサイトです。
秋のおきなわ – しゅんおき!旬香周島おきなわ
画像が固定のままスクロールするダイナミックなビジュアル。
レスポンシブに見えないキレイなサイトです。
JAPANESE FACE
レスポンシブWEBサイトとは思えない、動きのあるサイトです。
ユニークなのフェイスパックに心打たれてしまいました!このパックしてお泊まり会をしてみたい(*´∀`*)
Lipton chilled
情報量が多いのにレスポンシブなのがすごいサイトです!
NHKスタジオパーク
ブラウザの幅を変えるとグリッドが動くので、縮めたり広げたり思わず繰り返してしまいます。(笑)
http://www.nhk.or.jp/studiopark/
シットパックチル工房
パソコンでも、スマートフォンでも商品がキレイに見える作りになっているサイトです。
http://swwwitch.com/mycom/Dw55/HTML/
東京ガラクタ研究所 研究報告
縮小拡大するグリッドデザイン。世界観と【ガラクタ研究所】のネーミングが個人的に好きなサイトです。
http://garakutalabo.tumblr.com/
SHEEN – CASIO
大きく画像を使いインパクトのあるビジュアルサイトです。
Make Today Amazing with flower | BEAMS
可変しないグリッドデザインのサイト。シンプルな作りなので写真の美しさが際立ちます。
最後に…
パソコンでご覧になっている方は、ブラウザの幅を縮小したり、広げたり忙しかったのではないでしょうか?
実際にレスポンシブWEBデザインで制作されているサイトを見ていただき、どんなものなのか理解していただければ嬉しいです。
さらに進化していく【レスポンシブWEBデザイン】について、これからも学んでいきたいと思います!
今野 ちか
最新記事 by 今野 ちか (全て見る)
- Google Workspace(旧G Suite)のチャットルームに組織外のユーザーを追加する方法 - 2020年7月2日
- Google Workspace(旧G Suite)のサポートに問い合わせができる権限の付与方法 - 2020年6月11日
- Google Workspace(旧G Suite)で特定の自動送信メールのみ受信できない場合の設定 - 2020年4月30日