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

    フリーで使える高品質な紙のテスクチャー40個まとめ

    くしゃくしゃにしたものや古びた感じ、方眼、ノート罫など紙のテクスチャを…

  2. WEB制作関連

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

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

  3. WEB制作関連

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

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

  4. WEB制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面

    WEBアプリなどの管理画面向けのテンプレートのまとめです。&n…

  5. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個

    タイポグラフィを効果的に用いたWEBデザインのまとめです。タイポがお…

  6. WEB制作関連

    MT4.2でブログ記事に関連記事一覧を表示

    サイト内回遊を高めるために有効な関連記事表示。これを自分のブログに…

  1. ソーシャルメディア

    Twitterがリニューアル。
  2. WEB制作関連

    便利なオンライン校正管理ツール19選+2
  3. 話題・トレンド

    「もし小人だったら」を再現したアートがスゴイ!
  4. WEB制作関連

    便利なアイコン配布サイト10+1
  5. WEB制作関連

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