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

    EVERNOTEの新機能「Site Memory」実装編

    EVERNOTEからリリースされた新機能「Site Memory」を早…

  2. WEB制作関連

    レスポンシブWEBデザインで作られたWEBサイト26選

    最近、注目度のあがってきているレスポンシブWEBデザインで制作されたW…

  3. WEB制作関連

    WEBサイト高速化に便利!「Google PageSpeed Insight」

    「0.1秒の遅れが1%の売上に影響する」と言われるくらいWEBマーケテ…

  4. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個

    海外のマーケティング会社のWEBサイトのまとめです。デザインクオリティ…

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

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

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

  6. WEB制作関連

    ワイヤーフレーム作成に便利なWebツール「Moqups」

    最近利用している人をよく見かける機会が増えたこの「moqups」ですが…

  1. 話題・トレンド

    近未来空間を実現した「ドバイメトロ」がすごい。
  2. 話題・トレンド

    Before I Die… 死ぬまでにしたいことは何ですか?
  3. WEB制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面
  4. 話題・トレンド

    食卓塩で描かれた似顔絵アート「ART WITH SALT」
  5. 話題・トレンド

    「もし小人だったら」を再現したアートがスゴイ!
PAGE TOP
Top