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制作関連

    ダウンロードしておきたい便利なシルエット素材85セット

    人のいろいろな動きから動物、植物や街並みまでモチーフや世界観作りなどに…

  2. WEBディレクターズマニュアル

    ツールジプシーの果てに。

    先日、「WEBディレクターの為のEXCEL術(1)作業スケジュール」と…

  3. WEB制作関連

    フリーで使える布地のテスクチャー50個まとめ

    柄物や布の質感のあるものなど布地のテクスチャのまとめです。 (…

  4. WEB制作関連

    色とWEBデザイン -あお編-

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

  5. WEB制作関連

    アプリのようなスライドメニューを実装するプラグイン6選

    facebookのスマートホンサイトなどでも採用されているサイドからス…

  6. WEB制作関連

    HTML5でできることがひと目で分かるWEBサイトまとめ

    話題のHTML5ですが、書籍やセミナーもどんどん増えてきてますね。そん…

  1. WEB制作関連

    ユニークなレイアウトのWEBサイト40個
  2. WEB制作関連

    色とWEBデザイン -オレンジ編-
  3. Design Items

    快眠を提供してくれる(?) オススメグッズ。
  4. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」
  5. WEBマーケティング

    「囚人のジレンマ」を回避した一言とは?
PAGE TOP
Top