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

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

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

  2. WEB制作関連

    WEBサイト心理学|視線解析

    「ウソを付く時に人は右の方を見てしまう。」というのを聞いたことはありま…

  3. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選

    CSSをで制御して様々な演出をしているjQueryプラグインのまとめで…

  4. WEB制作関連

    MT4.2にFCKEditorを導入しました。

    記事の更新を便利にするべくFCKEditorを導入しました。デ…

  5. WEB制作関連

    デザイナーなら必ずダウンロードしたいグラフィティなフォント25選

    ちょっと遊んだデザインやアパレル関連などに重宝しそうなグラフィティなフ…

  6. WEB制作関連

    必ず重宝するシンプルなアイコンセット20選

    シンプルなピクトグラムや、各種ソーシャル、クレジットカードなどのどんな…

  1. 話題・トレンド

    やっぱりPhotoshopはすばらしい。
  2. Design Items

    トイレットペーパーを蘇らせた2人のアーティスト
  3. Design Items

    身の回りの物を武装してしまったようです。
  4. LifeHack・仕事術

    意外と知られていないURL短縮「bit.ly」の便利機能
  5. WEB制作関連

    色とWEBデザイン -むらさき編-
PAGE TOP
Top