(自主制作)コーヒーイベントの訴求バナーデザイン

OVERVIEW

バナートレーニングで自主制作を行いました。要件はキャリスクールSHElikesのWEBデザインコースで提示されているものを使用しています。


使用ツール:Photoshop

制作期間:5時間


1.制作物


2.要件

制作目的               :コーヒーイベントの訴求バナー

方向性イメージ :バナー全体でコーヒーや喫茶店を彷彿とさせる

                                  落ちついていてお洒落なイメージ

ターゲット            :コーヒーを目的に喫茶店やコーヒーショップにいくことが好きな人

                                   自分で豆を挽いてコーヒーを楽しんでいる人

                                   コーヒーと一緒にスウィーツを食べるのが好きな人

指定要素                :Tokyo Coffee Walk

                                   お気に入りの珈琲とお茶菓子を探しに出かけよう。

                              イベント限定ブランドもご用意あり。

              2022年10月2日(日)~2022年10月8日(土)

             コーヒーの写真を使用すること

遷移先     :申し込みページ


3.工夫した点

■写真選定

 初めはイメージに合う写真を組み合わせてビジュアルを作成していましたが、それぞれのアングルが合わないことで不自然さがありました。下部添付の通り、お菓子は真上、コーヒーは斜めのアングルでした。写真選定の際には、素材それぞれのイメージマッチだけではなくアングルも合わせることが大切だと学びました。

■文字

・フォント選び

 落ち着いていて大人なイメージということで、フォントは太さに強弱が少なく、さっぱりした書体を意識して選びました。和文フォントは モリサワの游教科書体を使用しました。上品すぎず、ちょうど良いきちんと感が出ていると思います。

 出典:https://www.morisawa.co.jp/fonts/specimen/5189


・ジャンピング率

 文字の大きさの大小の差(ジャンピング率)が大きければ、大きくした文字が目立ちます。文章を入れる場合は特に、注目してほしい部分はジャンピング率が大きくなるように心がけました。また、ベースラインシフトを調整して、前後の文字との見せ方で違和感がないようにしました。


〜最後までご覧いただきありがとうございました〜