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ツール「Moqups」

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

  2. WEB制作関連

    クリエイティブなシングルページWEBサイト20選

    1枚構成のビジュアルをベースにしたWEBサイトのまとめです。&…

  3. WEB制作関連

    色とWEBデザイン -黒編-

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

  4. WEB制作関連

    ここまでできる!HTML5できたゲームまとめ

    HTML5のアプリとしての拡張をフルに活用してつくられたゲームのまとめ…

  5. WEB制作関連

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

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

  6. WEB制作関連

    美しいナビゲーションが素敵なWebサイト25個

    ユーザビリティとあわせてそのサイトの印象にも大きく影響を与えるナビゲー…

  1. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個
  2. LifeHack・仕事術

    あなたの仕事を効率的にする7つの習慣
  3. ソーシャルメディア

    ファンページをつくってFacebookを10倍楽しむ方法
  4. 話題・トレンド

    Google検索の新機能「Google Instant」
  5. WEBマーケティング

    リスクマネジメントを考える。
PAGE TOP
Top