WEB制作関連

パララックス効果で奥行きを魅せるWEBサイトまとめ

パララックス効果とは視差効果ともいい、平面で重なり合う画像を異なる速さで上下や左右に動かすことで奥行きがあるように見える効果です。

このパララックス効果を上手く利用した世界観で奥行きだけでなく時間軸も感じさせてしまうWEBサイトのまとめです。

Nike Better World

Parallaxdesign_01.jpg

Smart USA

Parallaxdesign_02.jpg

Ben The Body Guard

Parallaxdesign_03.jpg

Mario Kart Wii

Parallaxdesign_04.jpg

Smokey Bones

Parallaxdesign_05.jpg

New Zealand

Parallaxdesign_06.jpg

Mind Blowing Parallax Scrolling Sites

昔はTVゲームでよく利用された手法のようですが最近多くのWEBサイトで見かけけるようになり注目の手法のひとつですね。以下のようにまとめ記事も数多くアップされています。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-

    HTMLメールを作ったんですが、どうやってプレビューすればいいの?…

  2. WEB制作関連

    美しい写真に目を奪われるWEBサイトまとめ

    WEBサイトを作る時にきれいな写真素材が揃っているとちょっとモチベーシ…

  3. WEB制作関連

    自然をモチーフにした24のフルFlashサイト

    地球、水、火、空気といった自然のエレメントをモチーフにしたフルFlas…

  4. WEB制作関連

    やっぱり美しい!ブライダル系のWEBサイトまとめ

    素材の綺麗なサイトのデザインはやっぱり見ているだけで楽しいですが、美し…

  5. WEB制作関連

    国内WEBデザインギャラリー厳選まとめ

    国内のWEBデザインのギャラリーサイトのまとめです。ギャラリーサイトは…

  6. WEB制作関連

    色とWEBデザイン -茶色編-

    色別WEBデザインのまとめです。今回のテーマは「茶色」です。 …

  1. 話題・トレンド

    Googleで振り返るロンドンオリンピック
  2. 話題・トレンド

    Google…etc 2012年エイプリルフールネタのまとめ。
  3. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-
  4. WEBディレクターズマニュアル

    ツールジプシーの果てに。
  5. 話題・トレンド

    世界地図をイラストで描くとしたらこう。
PAGE TOP
Top