パララックス効果などAjaxを用いたバリバリ動くWebサイトの記事
この記事と同じカテゴリ
パララックス(parallax)とは日本語で「視差」という意味です。 具体的には、アニメーションなどで使われるように、レイヤー層をそれぞれ異なるスピードで動かすことで視差により奥行きや立体感を生み出す事で出来ます。
Webサイトでも、Ajaxなどの技術発展でスクロールと合わせて、そういった演出が可能になりました。ただ、デバイスや環境に偏る事もあり、ブランドサイトなど、情報よりも雰囲気や体験で魅せる事を重視するサイトでの使用が理想的です。
サンスタートニック シャンプー
スクロールに合わせて次々説明が表示され、商品に合わせたアクティブな動きが魅力。
マシュパフ
仮想空間を旅するような感覚を演出。
LUMIX LX7 スペシャルサイト
クールに各パーツを紹介。
東京都庭園美術館
ロゴと背景の視差がユニーク。
room
形もユニークで飽きない情報が豊富。
東京スカイツリー
ツリーに沿ったストーリー紹介が上手い。
あなたにお勧めのコンテンツ
この記事と同じカテゴリ
- WebサイトURL
- http://www.art-noc.com/parallax-4339.html
- Webサイト説明
(Description) - パララックス効果などAjaxを用いたバリバリ動くWebサイトをご紹介。