tokyo-metropolitan-teien-art-museum

パララックス効果などAjaxを用いたバリバリ動くWebサイト

パララックス効果などAjaxを用いたバリバリ動くWebサイトの記事

この記事と同じカテゴリ

ARTNOC記事


パララックス(parallax)とは日本語で「視差」という意味です。  具体的には、アニメーションなどで使われるように、レイヤー層をそれぞれ異なるスピードで動かすことで視差により奥行きや立体感を生み出す事で出来ます。

Webサイトでも、Ajaxなどの技術発展でスクロールと合わせて、そういった演出が可能になりました。ただ、デバイスや環境に偏る事もあり、ブランドサイトなど、情報よりも雰囲気や体験で魅せる事を重視するサイトでの使用が理想的です。

 

 

サンスタートニック シャンプー

スクロールに合わせて次々説明が表示され、商品に合わせたアクティブな動きが魅力。

tonicworld

 

 

マシュパフ

仮想空間を旅するような感覚を演出。

marshpuff

 

 

LUMIX LX7 スペシャルサイト

クールに各パーツを紹介。

LUMIX LX7

 

 

東京都庭園美術館

ロゴと背景の視差がユニーク。

tokyo-metropolitan-teien-art-museum

 

 

room

形もユニークで飽きない情報が豊富。

room

 

 

東京スカイツリー

ツリーに沿ったストーリー紹介が上手い。

TOKYO SKYTREE

この記事と同じカテゴリ

ARTNOC記事

この記事と同じタグ

WebサイトURL
http://www.art-noc.com/parallax-4339.html
Webサイト説明
(Description)
パララックス効果などAjaxを用いたバリバリ動くWebサイトをご紹介。