WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ずっと見てられる!「シネマグラフ」を使ったwebサイト3選!

   

 

参照元 http://www.embrulha.com/arte-em-gifs/

シネマグラフとは、画像の一部分が動いているgifアニメーションのことです。
コーヒーカップの湯気だけとか、窓に滴る雨だけとか…ずっと見続けていられるアニメーションですね!

今回は、シネマグラフを使ったwebサイトを3件ご紹介します!

 株式会社 電通クリエーティブX

こちらはファーストビューにシネマグラフを使用しています。
6人の色んなポーズを取った人たちが、くるくると回転している印象的なサイトです。
このサイト、朝・昼・夜の時間帯を選べるだけでなく人物のポーズも変わるんです!色んなパターンで撮影されたシネマグラフで、何回見ても飽きさせないよう工夫されていますね!

 

 ARTIDA OUD(アルティーダ ウード)

こちらはEC専売のジュエリーブランドのサイトです。
商品を際立たせるために、ジュエリーの部分のみ動くシネマグラフを使っています。ネックレスがキラキラ光ったりピアスが左右に揺れたりして、さりげないアクセントになっていて遊び心のあるサイトになっています。

 

ザ・ドックデイズ

こちらはヒーローヘッダーの背景にシネマグラフを使用しています。
パッと見ただけでは気づかないのですが、ふとした時に背景が動いていることに気づきます。壮大な山々と桟橋の先に犬が座っているという綺麗な写真だけでも印象的ですが、湖の水面が動いているシネマグラフにすることで、他のサイトとは一味違うファーストビューになっています。

 

以上、シネマグラフを使ったwebサイト3選でした!

 - 色で表現

  関連記事

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

豊富な情報量をすっきりとしたレイアウトで読みやすく、伝わりやすくする

岡山県の地域情報をお届けする「月刊タウン情報おかやま」のWebメディア「日刊We …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …

映画の雰囲気を大切にしたデザイン

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたト …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …