【自主制作】化粧品バナートレース

OVERVIEW

スクールの課題で制作しました。

YEAR 2025

制作情報

作成時期:2025.10

作成時間:1時間

使用ツール:Photoshop

制作範囲:トレース、分析


トレースの目的
・既存のバナーを真似ることで、効率よくデザインツールの使い方を習得する
・既存のバナーを観察・分析することで、デザインを見る目を養う


今回の課題で目指すゴール:
① デザインツールを自分の道具として使いこなし、トレースをやり切ることができる。(最終的には1時間程度でトレースができるようになる)

② 既存のバナーを見てなぜそのようなデザインになっているのかを言語化できる

③ バナートレースを通して自分でデザイン力を養っていく方法を理解し、実践できる状態になっている。(=自分でバナートレースにどんどん取り組める状態になっている。)


工夫した点:
英数字と日本語でフォントがことなっていると思ったため、テキストボックスを分けて作成した。
トレースではあるが、出来上がった後に目視でも確認した。
また背景のグラデーションも同じようになるように細かいところまで調整した。


学んだこと:
レンズフレアの作り方を学んだ。
余白の取り方も改めて知ることができ、ここの幅も同じなんだ!といままで気づくことができなかった点まで分析することができた。


目次:
1. 作成したトレース
2. カスタマージャーニー、配色分析
3. ビジュアルデザイン分析
4. 講師からのフィードバック


1. 作成したトレース


2. カスタマージャーニー、配色分析


3. ビジュアルデザイン分析


4. 講師からのフィードバック

・トレースについて

フォントの選び方、文字のレイアウト、ビジュアル要素など各工程再現度高くトレースできていますね。背景のグラデーションや光源の再現も含めて、丁寧に取り組まれたことが伝わってきました。


・まとめと分析の資料について

バナー要素の優先順位や訴求からターゲットと目的をしっかり考察できていますね。
配色、観察と分析のシートでも「このバナーで何を伝えたいか」「どのような印象を与えたいか」に着目して、それぞれの要素を考察・言語化できていると思います。

資料全体も丁寧に整えられており、とても見やすかったです!