BRAND DESIGN — MOTION LOGO
ロゴアニメーション制作事例 – デザインブログのモーションロゴ
ワンクリックから世界が広がるモーションロゴです。
ピンクの画面に浮かぶ白い六角形。カーソルがクリックすることで、白いラインが六角形の周囲をぐるりと走り、中から「WE💛D」の文字が飛び出して、さらに大きく太くなった白いラインがピンク色の世界を真っ白な世界に塗り替えます。
魅力的なアニメーションの躍動感
大きく表示されたロゴはキラキラと輝くアニメーションを纏いながらでキュートに弾みます。
クリックとの絶妙な連動性
一連の動きすべてがクリックした動作からつながっており、一つの現象として目の前で展開されます。ブログという性格上、webでのクリックは必要最低限の動作。この動作を起点として展開していく動きはブログそのものを象徴しています。
POPなデザインとワクワクの相乗効果
また、POPで可愛らしいデザインのロゴと速いテンポで進んでいく動きがマッチしており、プレゼントの箱を開けた時のようなワクワク感が気分を一層高揚させます。
▶︎モーションロゴ（アニメーションロゴ）作成サンプル vol.1
▶︎モーションロゴ（アニメーションロゴ）作成サンプル vol.2
デザインブログの「知識と創造性」をモーションロゴの繊細なアニメーションで体現する
デザインブログのモーションロゴとして、デザインに関する知識やインスピレーションを発信するブログの知的でクリエイティブな雰囲気がモーションの繊細な動きで表現されています。デザインブログは記事コンテンツを通じてデザインの知見を共有するメディアであり、モーションロゴはそのブログを訪問した読者が最初に目にするブランドの看板です。
タイポグラフィが洗練された動きで出現するアニメーションが「このブログの発信者はデザインのプロだ」という信頼感を即座に確立しています。ブログの動画コンテンツやYouTubeチャンネルのイントロにも活用できる汎用性の高いモーションロゴとして設計されています。
デザインブログの「権威性」をモーションロゴの品質レベルが無言で担保する効果
デザインに関する知識を発信するブログの説得力はブログ自体のデザイン品質に大きく依存します。高品質なモーションロゴを持つブログは「デザインのことを語る資格がある」という権威性を無言で担保しています。
これは「靴屋の靴」の問題です。デザインブログのデザインが安っぽければ、どれだけ良質な記事を書いても読者は「本当にデザインを理解しているのか？」と疑問を持ちます。モーションロゴの品質は、ブログの第一印象でその疑問を払拭し、「この人の言うことは信頼できる」という権威性の土台を作ります。
特にデザイン初心者が読者層に含まれる場合、モーションロゴのクオリティが「プロの技術」を解説するブログの説得力を大きく左右する重要な要素です。
制作モーションロゴデザイン
VOICE ※第三者による感想ですクリックからの流れるようなモーションが印象的なロゴ
BGMもモーションもなめらかな一体感を演出
鮮やかなカラーところんとしたフォントがキュートなモーションロゴ。クリックしてから弾けるまでの動きはなめらかで、動きに気を取られすぎることなくロゴを認識できます。ハートやキラキラといった要素があっても「ダサピンク」にならないので、テキストがしっかりとしたゴシック体だからかもしれません。
スピーディな展開がWebコンテンツの世界を表現
駆け抜けていくようなスピーディなモーションは、ブログというWebコンテンツのスピード感をそのままあらわしているように感じられます。一度記事を書いて発信すれば、全国どこからでも情報にアクセスでき、シェアすることでサイトを閲覧しているユーザー数よりも多くの人に共有されるWebの記事。紙媒体の常識を覆すようなその素早さは、やはりテンポの速い動きが似合います。なめらかなモーションは世界が塗り替えられる様子をあらわしているようにも感じられます。
