2016年WEBトレンド シネマグラフがかっこいい!
2016/09/09
シズル感が重要!
ネットショップや、クリエイティブなものは「動き」が重要になる場合があります。
ネットショップなどはいわゆる「シズル感」と言われる「実際使ってみるとどんな感じなのか」「近くにあるとどんな感じなのか」というものが重要になっています。
このシズル感があると無いとでは購入結果がガラッと変わってしまうのは弊社でもバッチリ結果が出ております。
ですので、今までは写真がとても重要(現在もですが)になっていました。
これからのニュー「シズル感」
以前から手法としては一部で使われていたのですが、これからもっと流行りそうなのが「シネマグラフ」です。
しかし技術的な事を言うといわゆるただの「GIFアニメ」です。
なぜ、昔から使われているGIFアニメが今になって脚光を浴びているのか。
それはこの画像を見ていただけると納得できると思います。
どうでしょう?いままでのGIFアニメーションとはだいぶ違うものだと思いませんか?
もちろん動画ではありません。画像です。
音も鳴りませんのでWEB向きと言えます。
あと、権利的なお話をすると「GIFライセンス問題」が終焉を迎えたのもGIFアニメが脚光を浴びている一因ではないかと思われます。
一部分だけのアニメーション
シネマグラフは動画のように画面全体がアニメーションするのではなく、一部分だけを切り取ったようにアニメーションさせるものです。
その分、ファイルサイズを抑えることができ、動画よりもスムーズに閲覧できるメリットがあります。
近年ではブランドなどのTOPページに使われる事が多くなっており、スムーズな閲覧とシズル感の両方をいいとこ取りしているのではないかなあと思います。
とはいえ、動画と比べると詳細なアニメーションには向きませんので、あくまでシズル感を伝えるツールとして使うのが正解でしょう。
Photoshopで作れる
私も実は知らなかったのですが、これPhotoshopで作れるそうです。
参考:Photoshopを使ってシネマグラフを作る方法 LIG INC.様
まだこれを必要とする案件が来ていないのですが、これからどんどん積極的に使っていけたらなあ・・・と思います。
新しいアニメーション画像規格「APNG」
アニメーションGIFの対抗馬としてpng形式のアニメーション版「APNG」があります。
まだ対応していないブラウザも多いながら、Javascriptで補完できる感じのようです。
試してないのでなんとも言えないのですが、こちらも試してみてまたレビューしてみたいなあと思います。
関連記事
-
-
コピーライト表示で年表示を更新するのが面倒くさい人へ
最新年数を表示したいところに以下のコードを書きます。 ネタ元:CORAL様 例え …
-
-
SSLを使わないと検索エンジンに表示されなくなる・・・かも?
SSLって暗号化のことでしょ?なんで検索エンジン? SSLがSEO(検索エンジン …
-
-
セキュリティって気をつけた方がいいの?
もちろんセキュリティは気をつけたほうが良いです! 私個人としてはセキュリティを語 …
-
-
日本語住所を英語にする「JUDRESS」
ドメイン登録などで住所を英語表記にすることが多いだいすけです。こんにちは。 これ …
-
-
無料で使えるイラスト 「いらすとや」さん
WEB屋さんはよくイラストを使います。 とにかく使います。 素材料をいただけるお …
-
-
名刺スキャナとCamcardのレビュー
名刺スキャナが来て、あらかた名刺が電子化されたので、記念も兼ねてレビューを書き留 …
-
-
gmailで容量いっぱいになった時にすること
gmailの最大容量は15GB。大変大きいですが、いずれはなくなるものです。 g …
-
-
ランディングスクリプトで久々に笑った話
ご注意)PCマニアの人しか笑えない話だと思うので、そうじゃない方はそっと閉じてく …
-
-
Windows10でPhotoshop2015やIllustrator2015が文字化けになった際の対処法
Windows10にアップグレードしたらフォトショップが文字化け! 悲しすぎる・ …
-
-
社判、会社の印鑑はどこが良いのかな?という人に
なんか、「回し者か!」って声が聞こえてきそうですが いつも購入してるハンコ屋さん …