パラる

こんちには。

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

パララックスサイトとは、基本的に
◇ 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. 2016-10-19

    これを見れば間違いない!!!フリースタイルのバケモノベスト3!!!

    引用:http://laughy.jp/1435840254441194514 まずは本題の前の前置…

ピックアップ記事

  1. 2016-11-16

    れんこんサミットって何!?11月17日はレンコン記念日!今夜はレンコン料理で決まり!!

    みなさん、今日が何の日かご存知ですか!?そう、今日は!!レンコンの日!!!!です!!!!レンコンの日…

ピックアップ記事

  1. 2016-5-12

    噂のダンシングクラブに行ってみました!

    みなさま、こんにちは!ちっひーです!!月金をお休みをすれば、10日もお休みになるという長…
ページ上部へ戻る
Top