WebGallery

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

*

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

   

 

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

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

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

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

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

 

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

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

 

ザ・ドックデイズ

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

 

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

 - 色で表現

  関連記事

美容品を販売している会社のサイトがオシャレでカッコいい!

「株式会社MEGMALE(メグマーレ)」のホームページです。 ファーストビューの …

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

バリ取り職人のサイトがスタイリッシュでカッコいい!静岡県浜松市の「藤本工業株式会社」

静岡県浜松市にあるダイカスト製品のバリ取り業務・外観仕上げ(バフ研磨)・ショット …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

文字の色を少し薄めのグレーにすることで全体的に優しい色合いに

沖縄県の春・夏・秋・冬の季節ごとの魅力を紹介するキャンペーン「しゅんおき!旬香周 …