【実践課題】バナートレース 「SNSキャンペーンバナー」
OVERVIEW
SHElikesプロデザイナーの実践課題として実施。SNSキャンペーンバナーのトレースを通し、配色・情報設計・デザインの分析、資料の作成を行った。【制作年月:2025.07/制作期間:1週間/制作時間:120分/使用ツール:Photoshop】
【目次】
- トレース内容
- 配色、観察と分析について
- 課題を通して学んだこと
◾️トレース内容

【トレースのポイント】
- ガイドを使用し、フォントや画像サイズの他に、余白の位置も意識してトレースした。
- 左下商品写真は見本と近いものをパーツ毎に探し、切り抜き・組み合わせて再現した。明度・彩度に関しても調整レイヤーを使用し、見本に近づけた。
- フォントはPhotoshopのマッチフォント機能を使用し極力近いものを探した。
- 背景右上・左下に配置されているあしらいをペンツールを使って自作したことで曲線表現のスキルを向上させた。
◾️配色、観察と分析について

【配色分析・観察と分析のポイント】
- それぞれの色が、色相環ではどこに位置してどんな関係性なのか、色によってどんな印象を与えるのかを考えながら分析した。
- 分析する際に、情報設計とビジュアルデザインに分けて観察をした。
◾️課題を通して学んだこと
- 最も伝えたい要素(今回のバナーだと『500』の文字)については、自分が想定していた以上に大きくするくらいが適切(このくらい大きくすることで印象に残る)ことを学んだ。
- 商材(今回は青汁)の色調に合わせて配色やあしらいを選定することで、バナー全体にまとまりがでることを学んだ。