制作目的
- photoshopやfigmaなどの、バナー制作ツールの使い方を学ぶ
- レイアウト構成や配色、タイポグラフィの選定、余白感など、ビジュアルデザインの法則や感覚を学ぶ
バナートレース①
制作を通して学んだこと、頑張ったこと
- ドットパターンの作成
- 同じフォントを探したこと。（どうしても見つけられなかった場合は似ているフォントで代用した）
- 写真をキレイに切り抜くこと
バナートレース②
気づいたこと
- 写真にも使用されているグリーンをメインカラーにすることで、ナチュラルな雰囲気にまとまっている。オーガニックやナチュラルなものを好む人に好感を持たれるバナーとなっている。
- アクセントカラーにはグリーンの補色のオレンジを使用しており、強調させたい数字が目立つようになっている。
- 白い背景の上に文字が書いてあり、読みやすくなっている。
- クリックボタンにのみ背景色がついており、視線誘導がスムーズになっている。
- 商品が目に止まりやすく、何の広告か一目で分かるような写真のトリミングがされている
制作を通して学んだこと、頑張ったこと
- Newの文字をペンツールを使って作成したこと
- 円グラフのグラデーション
- 写真の色味や彩度の調整
バナートレース②
気づいたこと
特に伝えたい３点を簡潔な文章にして整列させることで、パッと見ただけで分かりやすく伝えている。
制作を通して学んだこと、頑張ったこと
文字が多いバナーなので、文字のカーニングや大きさに気をつけて制作した。
バナートレース③
気づいたこと
写真と、中央の大きな「アジア」の文字がメインになっており、パッと見た時に「アジアに旅に行きたい！」というワクワクを感じさせるようになっている。
制作を通して学んだこと、頑張ったこと
・「SHE AIRLINE」のカーブを帯びた文字と、「IN」の写真が透けるようになっている文字
・写真の色彩の調整
・「第１弾」のグラデーション
・下部のウェーブ