【課題】バナー作成
WEBデザインスクール<SHElikes(シーライクス)>WEBデザイン入門コースにて、制作要件を元にデザインから作成したバナー。
●制作要件
【目的】
イベント開催の周知、申込みページへの誘導
【ターゲット】
・Webデザイナー歴1~2年の初心者デザイナー
・最近スクールを卒業しWebデザイナーとして働き始めたがまだまだ不安がある方
・フリーランスを目指しており同業の方との繋がりが欲しい方
【掲載場所/サイズ】
Twitter ( 幅1146px 高さ600px)
【必要な要素】(画像は指定)
・Webデザイナー交流会 for Beginner
・みんなでわいわい
・開催日:4月10日(火) 19:30-21:30
・参加費無料
【遷移先】申し込みページ
【イメージ】女性向けで温かいイメージ
【指定カラー】温かみが伝わるピンク系、オレンジ系などの暖色
【伝えたいこと】トークセッションもあるが、メインは参加者同士で交流ができること
●頑張ったポイント
必要要素を単調にならないような配置・色合い・字体で変化をつけて表現することを意識しました。
①ジャンプ率を高くする
一番伝えたい「WEBデザイナー交流会」のテキストサイズを思い切って上げ、その他は情報の優先度を考慮した上で、テキストサイズに変化をつけました。「みんなでわいわい!」や「for Biginner」は小さめかつ細い線の字体にし、装飾のようなイメージにしています。
②指定画像のトリミング、加工
指定画像のままだと訴求効果が弱く感じたため、1人の女性にフォーカスが当たった印象になるようにトリミングをしました。また、白飛びが気になったのでトーンカーブを調整し、浮いた印象にならないように工夫しました。
③女性らしいデザイン
カラーは、全体的にピンク系の色でまとめ4色使用しました。ただ、統一感を出すために、同系色でまとめることを意識し、メインのテキスト色もグレーを使用することで女性らしさを出しました。さらに、テキストは丸みを感じる「小塚ゴシック Pr6N」を使用。
「開催日」や「火」にも丸みのあるアイコン要素を足すことで親しみやすさを取り入れました。
●課題を通して学んだこと
課題提出後のフィードバックを受け学んだことがありました。
①余白を作ることで、ゆとりが出来て読みやすくなる。
②タイトル部分のテキストサイズを引き上げることで目に止まりやすくなり、メッセージ性が高くなる。
③トリミングする部分によって、伝わり方に変化が起きる為、都度適切に加工をしていくように意識したいと思いました。