収入UPの転職を目指す方へ

RWDの参考に...。爽やかさ満点の「Sway Water」

  • 2016/04/25
RWDの参考に...。爽やかさ満点の「Sway Water」

新緑も深まり、いよいよ春が過ぎ夏の気配を感じる今日この頃。今日は、そんな今の時期にぴったりのさわやかなWebデザインのサイトをご紹介します。

IT業界まるわかりガイドは、日本初Web専門スクールのインターネット・アカデミーが運営する業界情報メディアです。最新の業界情報を、初心者にも分かりやすくご紹介しています。

目次

Sway Water

アメリカのオースティンを中心に販売されている有機フルーツ水「Sway Water」のサイトは、レスポンシブWebデザインで作られたオシャレなサイトです。
マウススクロールにあわせて画像を動かし、奥行きや遠近感を表現したりする手法をスクロールエフェクトといいます。 そんなスクロールエフェクトと、パステルカラーの配色がとってもマッチしてますよね。

Googleマップのマーカーもサイトのデザインにあわせてカスタマイズされているのも、細部までこだわりを感じられていいですよね。 (マーカーの変更をしたい!という方は、インターネット・アカデミーのホームページ制作講座を受講・もしくは復習してみてください^^)

レスポンシブデザイン、パステルカラーのデザイン事例として、参考にしてみてはいかがでしょうか♪