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

    インストールされたフォントを一覧できる「wordmark.it」

    自分のPCにインストールされているフォントをブラウザ上で一覧できるWE…

  2. WEB制作関連

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

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

  3. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選

    ECサイトのデザインの際に参考にしたいWEBサイトのまとめです。…

  4. WEB制作関連

    jQueryを学ぶなら必ず見ておきたいサイトまとめ

    今年こそはjQueryを学ぼうという方、またサンプル通りにやれば設置で…

  5. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」

    埋め込みコードを取得すれば簡単に設置できるYouTubeの動画ですが、…

  6. WEB制作関連

    思わず問合せたくなる素敵なデザインのフォーム25個

    世界観を感じられるデザインのフォームのまとめです。 (さらに&…

  1. WEB制作関連

    徹底比較。クロスブラウザのテストツール15個
  2. WEB制作関連

    シンプルでカッコいいポートフォリオサイト30個
  3. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-
  4. 話題・トレンド

    インドのスターが踊るPerfume!?
  5. Design Items

    「夢はやっぱりベッドの上で見るもの」というアート
PAGE TOP
Top