パラる

こんちには。

今回は「パララックスサイト」について発信します。

パララックスサイトとは、基本的に
◇ 1ページ構成。
◇ スクロールに合わせて要素が動く
サイトのことを指します。

パララックスサイトは通常のWebサイトに比べ、レイアウトの制約が少なく、
クリエイティブなものが多く、見ているだけでワクワクしてきます。

 

.

※これらのサイトはスクロールしないと面白さが分かりません。
サイトを開いたら、ひたすらスクロールしまくってみてください。

.

Every Last Drop

Every Last Drop – An Interactive Website about Water Saving(1)

http://everylastdrop.co.uk/

可愛すぎる。
何のサイトかは分からないけど…。

.

Nikon 1 AW1

Nikon 1 AW1 - New Arrival Campaign  NikonDirect - ニコンダイレクト

http://shop.nikon-image.com/nikon1/nikon1aw1/

動きが派手ですね。
「防水」アピールの場面で、カメラが水に沈んでいくところなんて「パララックス活かしてるなー」って感じです。

.

日清焼そばU.F.O.

日清焼そばU.F.O.

http://www.nissin-ufo.jp/index.php

ノリで押し切ってますね。
パララックスを120%活かしていると思います。

.

Spokes

Spokes  Eclectic Pedicab Rides

http://www.spokespedicabs.com/

場面がコロコロ変わってユーザを飽きさせない楽しさ。

.

Dangers of Fracking

Dangers of Fracking

http://www.dangersoffracking.com/

雨水が地上に落ちて、運ばれて…
そのあとどうなるか分からないですが、
「雨水の行方」をとても面白く表現しています。

.

James Bond 007 Cars Evolution

James Bond 007 Cars Evolution  Evans Halshaw

http://www.evanshalshaw.com/bondcars/

※ちょっと目がチカチカします
※ウィンドウサイズが小さいとパララックスにならないようです。

今回ピックアップした中でも
特に変化が派手。

ひと画面ひと画面のカラーリングがステキ。

.

Ben the Bodyguard

http://benthebodyguard.com/index.php

ハードボイルドなのに
ピョコピョコ歩くのがカワイイ。

.

jQuery最高の教科書

jQuery最高の教科書|株式会社シフトブレイン 著

http://jquery.shiftbrain.co.jp/

途中までは「わりと普通のパララックスサイト」
なのですが、最後の「商品とタイトルの出方」が
ステキ。やられた感があります。

.

それでは またー。

The following two tabs change content below.
Macbee

Macbee

Macbee

最新記事 by Macbee (全て見る)

関連記事

コメントは利用できません。

ピックアップ記事

  1. 2015/5/23

    JAPANESE DANDY

ピックアップ記事

  1. 2016-8-3

    シン・ゴジラの感想‼︎庵野監督がエヴァより先に作った映画‼︎‼︎

    引用:https://www.toho.co.jp/movie/lineup/godzilla201…

ピックアップ記事

  1. 2016-9-7

    狂気あふれる話題のゲーム『Year Of The Ladybug』最新トレイラー本日公開!初公開イラスト、制作陣コメント有り!

    狂気溢れる話題のインディーゲーム!最新トレイラー本日公開!! https://www.youtub…

ピックアップ記事

  1. 2016-5-24

    落ち込んだ時の名言のススメ

    たかが言葉、されど言葉 こんちんは。こにたんです。 誰にでも落ち込む時はあるし、誰にでも迷う…
ページ上部へ戻る
Top