マジカルスリー・だいすけのなりゆき長者ブログ

沖縄/大阪WEB広告・ホームページ制作・印刷物制作 マジカルスリー 「福」代表のブログ

*

2016年WEBトレンド シネマグラフがかっこいい!

      2016/09/09

Pocket

シズル感が重要!

ネットショップや、クリエイティブなものは「動き」が重要になる場合があります。

ネットショップなどはいわゆる「シズル感」と言われる「実際使ってみるとどんな感じなのか」「近くにあるとどんな感じなのか」というものが重要になっています。

このシズル感があると無いとでは購入結果がガラッと変わってしまうのは弊社でもバッチリ結果が出ております。

ですので、今までは写真がとても重要(現在もですが)になっていました。

これからのニュー「シズル感」

以前から手法としては一部で使われていたのですが、これからもっと流行りそうなのが「シネマグラフ」です。

しかし技術的な事を言うといわゆるただの「GIFアニメ」です。

なぜ、昔から使われているGIFアニメが今になって脚光を浴びているのか。

それはこの画像を見ていただけると納得できると思います。

どうでしょう?いままでのGIFアニメーションとはだいぶ違うものだと思いませんか?

もちろん動画ではありません。画像です。

音も鳴りませんのでWEB向きと言えます。

あと、権利的なお話をすると「GIFライセンス問題」が終焉を迎えたのもGIFアニメが脚光を浴びている一因ではないかと思われます。

一部分だけのアニメーション

シネマグラフは動画のように画面全体がアニメーションするのではなく、一部分だけを切り取ったようにアニメーションさせるものです。

その分、ファイルサイズを抑えることができ、動画よりもスムーズに閲覧できるメリットがあります。

近年ではブランドなどのTOPページに使われる事が多くなっており、スムーズな閲覧とシズル感の両方をいいとこ取りしているのではないかなあと思います。

とはいえ、動画と比べると詳細なアニメーションには向きませんので、あくまでシズル感を伝えるツールとして使うのが正解でしょう。

Photoshopで作れる

私も実は知らなかったのですが、これPhotoshopで作れるそうです。

参考:Photoshopを使ってシネマグラフを作る方法 LIG INC.様

まだこれを必要とする案件が来ていないのですが、これからどんどん積極的に使っていけたらなあ・・・と思います。

新しいアニメーション画像規格「APNG」

アニメーションGIFの対抗馬としてpng形式のアニメーション版「APNG」があります。

GIFアニメからAPNGの時代に! 次世代画像形式APNGを使いこなそう

まだ対応していないブラウザも多いながら、Javascriptで補完できる感じのようです。

試してないのでなんとも言えないのですが、こちらも試してみてまたレビューしてみたいなあと思います。

 - お仕事の事

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

送料激安クリックポスト!メール便が無くなったので・・・

いつのまにやら日本郵政から新しいサービスが出ておりました。 レターパック(旧:エ …

フリーフォントご紹介

年々多くなっていくフリーフォントですが、2015年版のまとめが出てましたのでご紹 …

FTPエラー331 パスワード間違いじゃないパターン

FTPエラー331の罠 今回クライアントさんの依頼でFTP接続したのですが、どう …

どのブラウザを除外するか。WindowsのバージョンとIEのバージョンについて

IEはバージョンごとにレイアウト崩れしたりしなかったりとCSSのバグなどがふんだ …

jimdo(簡単ホームページ作成サービス)を使ってみた

中小零細企業の味方、ホームページ作成の「マジカルスリー」のだいすけです。こんにち …

はかどる!Office Lens スキャナ、OCRがスマホでできる!

仕事上、紙の媒体をもらってWEBに起こすってことがとても多いのですが、今までは手 …

忘備録-CPIメールのパスワードルール(文字数・規則)

いつも忘れるのでここに書いておきます(´∀`) アカウント名の規則 メールアカウ …

田舎すぎてgooglemapに表示されない場合

表題のとおりです。はい。 我々の業界ではWEBサイトに地図掲載をする歳、Goog …

顧客開拓はホームページにお金をかけるな

もうすぐクリスマスですね。お正月ですね! ワタクシ、寒いのは苦手ですがモチが大好 …

デザインで思うこと

よくデザインを作っている時に「ありきたりで陳腐なデザインだなあ」と思うことがあり …