パラる

こんちには。

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

パララックスサイトとは、基本的に
◇ 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. 2013/11/16

    O型国家?

ピックアップ記事

  1. 2017-1-18

    気軽に芸能人気分が味わえる!!芸能人が愛するロケ弁3選!!!

    出典:http://portal.nifty.com/kiji/160701196892_1.htm…

ピックアップ記事

  1. 2016-8-30

    へっぽこデザイン備忘録 〜簡単にWordPressのサムネイルサイズを増やす方法!〜

    シン・ゴジラ3回目見てきました。4回目行ってきます。 今回はWordpressで使うサムネイル…

ピックアップ記事

  1. 2016-11-14

    中目黒おすすめバー特集 Part.1

    中目黒にはオシャレなお店がたくさん。 服や雑貨、レストランだけでなく、 オシャレなバーもたくさんある…
ページ上部へ戻る
Top