バナー分析やってみた。｜ANESSA
バナーデザインの練習として、
トレースを始めました。
「なんでこういうデザインなんだろう？」
と分析しながら、気づいたことを
自分のデザインでも試してみます！
1｜今回選んだバナーは？
ANESSAマイルドシリーズの、
Xに掲載されていたバナー画像です。
ANESSAといえば金のミルク、
最強！愛用してます🥰
↓元の画像はこちら↓
BANNER LIBRARY
ANESSA｜アネッサ X公式アカウント
ANESSAに子供向けのイメージは
あまりなかったんですが･･･
「子どもに使えることをアピール
しているのが少し意外で、目に留まった」
というのが、このバナーを選んだきっかけです。
2｜バナーを分析してみる
レイアウト
中央に子供の画像が大きく配置されている
コピーが左上に配置されている
商品画像は斜めに、2つの商品が重なり合っている
ブランド名が下に大きく配置されている
UVジェル、UVミルクの説明文がそれぞれの
商品画像の近くに配置されている説明文同士の間に余白がある
人物が大きく中央にいるので、
まず人物に目がいきました。
そのあと左上のコピーへ。
人物の顔もコピーの方を向いているので、
視線につられて目がいくのかも。
商品画像は斜め＋重ねて配置することで、
動きと立体感が出ている。
ブランド名はかなり大きめ。
ANESSAは知名度があるから、
ブランド名自体もアピールになるのかな？
背景・あしらい
太陽・雲・ブランコ・ボールなど
優しい印象の手描きのイラスト水色～ピンクのグラデーション
グラデーションはちょっとざらっとした質感
最初は、商品画像と同じ色だから
水色とピンクなのかな？と思いました。
でも、よく見ると背景には外遊びを
連想させるイラストもある。
もしかして、水色は空の青でもあるのかも。
フォント・文字組み
フォントはゴシック体
コピーはトラッキングが広め
ウェイトとフォントサイズでメリハリをつける
カラーはゴールド
フォントは読みやすいゴシック体。
（りょうゴシックかな？）
文字間が広めなので、
堅苦しさはあまり感じない。
フォントを変えなくても、
サイズやウェイトの違いでメリハリがついている。
3｜次回、参考にして自分で作ってみる
今回分析して気付いたことを取り入れて、
バナーを作ってみます！
架空のロゴやコピーのアイデアとかは
ChatGPTの力を借りるとして･･･
2種類テーマを決めました。
① スポーツドリンク
人物を大きく配置する
人物を起点に、その周りへコピーや商品を配置する
商品をまっすぐではなく斜めに置く
商品や人物に少し重なりを作って、動きのある画面にする
→配置・構図を中心に取り入れてみます！
② 子ども向け英会話
テーマに合ったグラデーション＋少し質感のある背景
手描き風のイラストを使い、周辺のモチーフからテーマを連想させる
ゴシック体＋少し広めの文字間
フォントサイズとウェイトでメリハリをつける
文字の周りには余白を残す
→ 色・あしらい・文字組みを中心に取り入れてみます！
こんな感じで、
同じバナーから気になったところを分けて、
2種類作ってみようと思います！
分析しただけだと「たぶんこうかな？」
で終わってるところも多いので、
実際に作ったらどうなるのか。
次回、① スポーツドリンクバナーを作ってみます！
