【自主制作】WEBデザイナー交流会告知バナー

OVERVIEW

キャリアスクールSHElikesのWebデザイン入門コースの課題で制作しました。

YEAR 2022

①情報設計で工夫したこと

・Twitter(現・X)広告のため、スマートフォンの小さい画面で見ることを想定して、メインタイトル、サブタイトルは一目で読めるサイズにしました。

・情報を全て横書き中央揃えにし、視線が彷徨わないようにしました。


②デザインで工夫したこと

■配色

・「温かみのある色」という指定に従い、ベースカラー:メインカラー:アクセントカラーを、オフホワイト:オレンジ:黄緑にしました。

・初心者が参加しやすい柔らかな雰囲気にするため、文字の色は黒ではなく焦茶にしました。


■フォント

・初心者デザイナー向け交流会という事で、親しみやすさを重視して、ゴシック体を使用しました。「for Biginner」は特に親しみやすさを出したかったため、丸ゴシックにしました。また、交流会の賑やかさ・楽しさを表現する為に、文字を斜めにして動きを出しました。

■写真

・「みんなでわいわい」が写真でも伝わるように、メインの女性の他に後ろのテーブルの人々も入るようにしました。

・温かみを出す為に色調補正で色を少し黄色っぽくしました。


■その他

・背景色と写真の境目をぼかして柔らかい雰囲気になるようにしました。

・Twitter(現:X)は背景が白く、背景色がオフホワイトのバナーは埋もれてしまう恐れがあるため、緑の枠線を入れて全体を引き締めました。

・「みんなでわいわい」の横の点々、「for Beginner」、枠線に手書き感を出すことで、温かみと親しみやすさを感じられるようにしました。

・「for Beginner」の後ろに初心者マークを入れて、ビギナー向けイベントであることが分かりやすいようにしました。


③制作物