思わずスクロールしたくなる!パララックスサイト

2016年11月08日 

パララックスサイト

最近よく耳にする言葉ですね。
どうもJです。
 
パララックスとは、視差効果による演出をweb上に取り入れることによって奥行きを表現するエフェクトです。
パララックスの流行は意外に古くてWebデザインのトレンドとして2010年頃からじわじわと流行り始めました。
 
大きな特徴は、スクロールエフェクト等と合わせて使うことによってweb上の背景やコンテンツに変化を与え、ワンスクロール型のストーリー性や展開を持たせることができたり、ビジュアル・文字に動きを出せたりすることができます。
 
今ではファッション系のサイトや音楽・芸術アーティストの公式サイト、または企業のブランディングサイト・リクールとサイトなど様々なWEBサイトで使用されています。

 

そこで今回は、パララックス・スクロールエフェクトを使ったイケてるサイトをいくつかご紹介します。


 

parallax

MANUFACTURE D’ESSAI

女性シューズブランドサイト。
パララックスの王道の様な動きで、前面のテキストと奥の背景画像との奥行き感を表現しています。


 

parallax-2

Suː5 / スー

マスクのサイト
見ていて気持ちのいいスピードでメインイメージがスライドします。
スクロールしていくとでてくるイメージの浮遊感がたまりません。


 

parallax-3

Leader Bikes x Undefeated ピストレーシングチーム

ブラック基調のサイト。メインイメージを背景固定し、斜線で切った要素がスライドインしてくる「Riders」コンテンツの動きなんかはまさにアスリート系のサイトに多そうな動きです!


 
今回は3つだけのご紹介でしたが、また見ていてハッとなったサイトがあれば2弾、3弾とご紹介していきたいと思います!

この記事をシェアする
Twitter

この記事を書いた人

  • J

    J

    株式会社デザインファミリー CEO

    株式会社デザインファミリー

    CEO

    起業10周年に向けてただいま奔走中!CEO兼クリエイター。

    起業10周年に向けてただいま奔走中!CEO兼クリエイター。

この人が最近書いたものを見る

一覧

これを読んだ人にオススメ

WEB情報キュレーションサイト『デジタルファミリー通信』

デジタルファミリー通信とは

WEB制作会社『デザインファミリー』のスタッフがWEBの最新情報、感動的なテクノロジー、トレンド、スタッフの趣味などを紹介するサイトです。

詳細はこちらから

最新の5件

人気の記事

タグ一覧

ページトップに戻る