レスポンシブWEBデザインで制作されているサイトまとめ

20140925

先日投稿した【レスポンシブWEBデザインって何ですか?】では、基本的なレスポンシブWEBデザインについて紹介しました。
その続きとして、レスポンシブWEBデザインで制作されているサイトを紹介していきたいと思います!
紹介するレスポンシブWEBデザインは、ブラウザの横幅を変えて見てくださいね♪(パソコンでご覧になる方だけですが…)

目次

  • レスポンシブWEBデザインで制作されているサイト
  • 最後に…

レスポンシブWEBデザインで制作されているサイト

ヨコハマハンドメイドマルシェ2014

クラフト感あふれる温かいデザインのレスポンシブWEBデザインサイトです。
パソコンモニターからスマートフォンまでイメージを崩さず見れるサイトです。

k_img229

http://handmade-marche.jp/

秋のおきなわ – しゅんおき!旬香周島おきなわ

画像が固定のままスクロールするダイナミックなビジュアル。
レスポンシブに見えないキレイなサイトです。

k_img230

http://cp.okinawastory.jp/

JAPANESE FACE

レスポンシブWEBサイトとは思えない、動きのあるサイトです。
ユニークなのフェイスパックに心打たれてしまいました!このパックしてお泊まり会をしてみたい(*´∀`*)

k_img231

http://japaneseface.jp/

Lipton chilled

情報量が多いのにレスポンシブなのがすごいサイトです!

k_img232

http://www.liptonchilled.com/

NHKスタジオパーク

ブラウザの幅を変えるとグリッドが動くので、縮めたり広げたり思わず繰り返してしまいます。(笑)

k_img236

http://www.nhk.or.jp/studiopark/

シットパックチル工房

パソコンでも、スマートフォンでも商品がキレイに見える作りになっているサイトです。

k_img237

http://swwwitch.com/mycom/Dw55/HTML/

東京ガラクタ研究所 研究報告

縮小拡大するグリッドデザイン。世界観と【ガラクタ研究所】のネーミングが個人的に好きなサイトです。

k_img233

http://garakutalabo.tumblr.com/

SHEEN – CASIO

大きく画像を使いインパクトのあるビジュアルサイトです。

k_img234

http://sheen.jp/

Make Today Amazing with flower | BEAMS

可変しないグリッドデザインのサイト。シンプルな作りなので写真の美しさが際立ちます。

k_img235

http://amazing.beams.co.jp/

最後に…

パソコンでご覧になっている方は、ブラウザの幅を縮小したり、広げたり忙しかったのではないでしょうか?
実際にレスポンシブWEBデザインで制作されているサイトを見ていただき、どんなものなのか理解していただければ嬉しいです。
さらに進化していく【レスポンシブWEBデザイン】について、これからも学んでいきたいと思います!

  • シェア
  • twitter
The following two tabs change content below.
株式会社インファクトでWEBサイト・ブログの制作からお客様サポートまで担当しています。どう改善したら伝わりやすいのか、反応が出るのかを常に考えながら仕事に取り組んでいます。WEBサイトだけでなく、紙ものメール設定など、幅広い業務に携わっているので、色んな視点でお客様のお手伝いができると思います。よろしくお願い致します。
  • twitter
  • このエントリーをはてなブックマークに追加
PAGE TOP
LINE it!