RWDの参考に...。爽やかさ満点の「Sway Water」
- ツイート
-
- 2016/04/25
新緑も深まり、いよいよ春が過ぎ夏の気配を感じる今日この頃。今日は、そんな今の時期にぴったりのさわやかなWebデザインのサイトをご紹介します。
IT業界まるわかりガイドは、日本初Web専門スクールのインターネット・アカデミーが運営する業界情報メディアです。最新の業界情報を、初心者にも分かりやすくご紹介しています。
目次
Sway Water
アメリカのオースティンを中心に販売されている有機フルーツ水「Sway Water」のサイトは、レスポンシブWebデザインで作られたオシャレなサイトです。
マウススクロールにあわせて画像を動かし、奥行きや遠近感を表現したりする手法をスクロールエフェクトといいます。 そんなスクロールエフェクトと、パステルカラーの配色がとってもマッチしてますよね。
Googleマップのマーカーもサイトのデザインにあわせてカスタマイズされているのも、細部までこだわりを感じられていいですよね。 (マーカーの変更をしたい!という方は、インターネット・アカデミーのホームページ制作講座を受講・もしくは復習してみてください^^)
レスポンシブデザイン、パステルカラーのデザイン事例として、参考にしてみてはいかがでしょうか♪