WebGallery

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

*

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

   

 

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

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

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

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

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

 

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

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

 

ザ・ドックデイズ

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

 

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

 - 色で表現

  関連記事

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。 フ …

青をメインに、女性にも親しみやすいようにデザインされたサイト

長崎県長崎市に本社をかまえ、長崎から食材をホテルやレストランに届ける「株式会社イ …

ニュース一覧を見やすくした大学のサイトがかっこよくてオシャレ!

宮城県仙台市にある福祉大学「東北福祉大学」のホームページです。 ファーストビュー …

「安心感」・「ブランディング」の意識を強く感じる病院

愛知県海部郡蟹江町にある内科・脳神経内科・糖尿病内科・内分泌内科・小児科・アレル …

オーガニックな印象に変わる養命酒の工場

長野県駒ヶ根市にある養命酒を製造している「駒ヶ根工場」のホームページです。 「よ …

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …