Contents Close
概要
デザインスクールSHElikesの課題で、夏のセール告知バナーの制作に取り組みました。
使用ツール:Photoshop
制作時間 :11時間
製作時期 :2023年1月
制作目的 | 夏のセールのお知らせバナー |
ターゲット | ・セールの時期に服を買っている女性 ・夏物をセールで購入しようと思っている女性 |
サイズ | 960×400 px |
必要な要素 | ・2022.7.20~7.30 ・SPECIAL SUMMER SALE ・旬のアイテムが最大40%OFF |
遷移先 | ECサイト |
方向性イメージ | 20代後半~30代の女性向けのポップなデザイン |
指定条件 | ・夏のセールの中にありそうな商品写真を少なくとも3点以上入れる ・商品を目立たせたい |
1.太陽と青空、海をイメージした背景
夏をイメージして、バナー全体で青空、サンサンと降り注ぐ太陽、海を表現しました。
2.商品画像を目立たせる
商品写真に薄くシャドウをつけることで、背景と区別し、目立つようにしました。
3.太陽から降り注ぐ光を表現
太陽から光が降り注いでいる様子を表現するために、太陽を基点として放射状に白の点線を配置。太陽から近いほど薄い水色、遠いほどはっきりした水色になるようにグラデーションをかけて、太陽が光を発している様子を表現しました。
4.波をイメージした帯
帯の部分は曲線にして、海で揺れる波を表現しました。水色の波の後ろに白色の波を重ねることで、背景の空との境界がわかり「波」と認識しやすいようにしました。
5.躍動感のある文字
割引率についてのテキストは、できるだけ大きく目立つようにしました。波からはみ出すことで、躍動感を出しました。
6.ビビッドなピンクと勢いのある文字
太陽の中のテキストはビビッドなピンクでポップさと女性らしさを表現。フォントはイタリック体にしてセールらしい勢いを出しました。
商品写真にシャドウをつけて背景との区別をつける
商品写真にはシャドウをつけることで、背景のあしらいと馴染まず、メインの要素として区別しやすくなることを学びました。
商品アイテム1つで「夏っぽさ」度合いが変わる
商品写真選定の際に、当初はサンダルではなくパンプスを選んでいました。しかし、パンプスは季節を選ばず履けるもの。そのため、パンプスよりも夏にだけ履くサンダルの写真を利用した方が、バナー全体により強く夏の印象をもたらすことができると学びました。