今回は、キットカットのバナートレースにチャレンジしてみました!
シンプルなバナーですが、デザインが凝っていて素敵ですよね。
今までこのようなバナーのトレースはしたことがなかったのでやってみました!
学べることも多かったのでご紹介します!
トレース画像
バナーサイズ(幅×高さ):1200×800
使用ソフト:Photoshop
使用カラー:#ffffff
使用フォント:Pragmatica Extended / HGPゴシックE
参照:BANNER LIBRARY
振り返り
知識・スキル
消しゴムツール
「CACAO」の文字は、見本と同じものを探したのですが、「A」の横線が消えているフォントが見つかりませんでした。
フォントは「Pragmatica Extended」を使用していて、「A」の横線は、消しゴムツールで消しています!
消しゴムツールの使い方
消しゴムツールを選択したうえで、画像のように下記設定をしています。
- モード:ブラシ
- ブラシのサイズ:10
- 角度:25 / -25
気づき
イメージ写真
左右にイメージ写真が切り分けられています。
「カカオがとれる産地のイメージ写真」と「購入する日本人の日本の象徴東京のスカイツリーのイメージ写真」をちょうど半分に区切ってデザインしていることで、キットカットを購入するイメージがわきやすくなっていると感じました。
バナートレース6回目の免疫ケアドリンクのときにも、使用されていた閲覧者に購入・使用イメージを持ってもらうためのテクニックに似ていると思いました!
視線誘導
視線を中心に持っていくようなデザインになっていると感じます。
無駄な色は全く使わず、白で統一して商品写真とイメージ写真だけで構成されています。
大きなテキストをバナーの上下に配置し、背景の白枠に同化させるようにしているので悪目立ちせずデザインに馴染んでいます。
白のテキストなので中心にある商品と、背景のイメージ写真に視線が誘導されていて、効果的にブランドイメージを訴求できているんだと感心しました!
まとめ
今回は今までのバナートレースのなかでもシンプルなデザインを選びました。
バナートレースをしてみると、シンプルでありながら、デザイン効果を重視した考え抜かれたデザインだと感じました!
スキルアップだけで見本を選定するのではなく、目を引くデザインや、購入・利用したくなるようなデザインも直感的に選んでやってみようと思いました!
まだまだバナートレース続けて頑張っていきます!
ありがとうございました!