デザイン×動画

こんにちは。

今日は「背景に動画を使用したサイト」について発信します。

– – – – – – – – – – – –

近年流行りをみせているようです。

主に
・HTML5の「videoタグ」
・Flash
・jQuery

によって実現されています。

また、パララックスと合わせて使用されているサイトもたまに見かけます。

パララックスも「背景動画サイト」も、 SEO等は無視した「インパクト重視サイト」なので、 相性がすごく良いんだなと思います。

ただ、やはり どこも読み込みに「すごく」時間がかかっている印象があります。

「雰囲気が一番大事!」というサイトでない限り、 読み込みが待てずにユーザが離脱、 というリスクはありそうです。

.

Tim Flach

Tim Flach

http://www.timflach.com/

い・・・犬・・・!
シンプルかつハイセンス

.

メルセデス・ベンツ

NEXT A-Class|メルセデス・ベンツ日本公式サイト(1)

http://next-a-class.com/animation/index.html

こういう「アニメーション」は、当然相性が良いですね。
「動画で見せないでどうする」的な。

.

Y.CO

The Yacht Company - Luxury Yacht Experiences  Y.CO

http://y.co/

映画のようで、思わず見続けてしまいます。

.

UNIQLOCK

UNIQLOCK

http://www.uniqlo.jp/uniqlock/

有名ですがユニクロック。
「背景が動画のWebサイト」とは少し違いますが、
個人的にすごく素敵だと思うサイトです。

.

Marisa Passos

Marisa Passos - Graphic Designer  Freelancer  Portfolio

http://marisapassos.com/

インクなのか何なのか。

.

ONY AGENCY

ONY AGENCY

http://ony.ru/

ページ全体の作り自体が、日本の発想と全然違います。

.

Show Fall

Snow Fall- The Avalanche at Tunnel Creek - Multimedia Feature - NYTimes.com

http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

吹雪。スクロールしていくとより良さが感じられます。

.

– – – – – – – – – – – –

それでは またー。

The following two tabs change content below.
Macbee

Macbee

Macbee

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

関連記事

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

ピックアップ記事

  1. bsELFA_IMG_9730
  2. YouTube Newswire 2
  3. %e9%a0%91%e5%bc%b5%e3%82%8b
  4. まくびーロゴマークシール
  5. cofee
  6. スクリーンショット 2016-05-02 1.47.44
  7. スクリーンショット 2016-01-28 20.22.08
  8. Surface Book1
  9. macbeese.com_2015-01-06_12-55-18

ピックアップ記事

  1. スクリーンショット 2016-08-02 11.36.03

    2016-8-2

    macのThunderbirdが起動しない!エラー対処法

    ある日突然、Thunderbirdが、 クラッシュレポーターなるエラーで強制終了してしまいました。以…

ピックアップ記事

  1. スクリーンショット 2016-09-05 22.15.23

    2016-9-7

    フリースタイルダンジョンはなぜ流行ったのか??初心者でもわかるラップの楽しみ方!!!!

    引用:http://www.tv-asahi.co.jp/freestyledungeon/ なぜ今…

ピックアップ記事

  1. フリー素材

    2016-5-11

    自分が思いついたサービスは他の誰かも考えている

    こんばんにちは。日時過ごしていると、こんなサービスあればいいのに。なんてことをよく考えることがある。…
ページ上部へ戻る
Top