【SHElikes :バナー制作課題】WEBデザイナー交流会

OVERVIEW

【Webデザイナー入門】lesson4宿題:オリジナルバナーを制作してみよう

  • 制作目的:イベント開催の周知、申し込みページへの誘導
  • ターゲット:Webデザイナー歴1〜2年の初心者デザイナー                       最近スクールを卒業しWebデザイナーとして働き始めたがまだまだ不安がある方      フリーランスを目指しており同業の方との繋がりが欲しい方
  • 掲載場所/サイズ:Twitter(幅1146px 高さ600px)
  • 必要な要素:Webデザイナー交流会 For Beginner                    みんなでわいわい
    開催日:4月10日(火)19:30ー21:30
    参加費無料
  • 遷移先:申し込みページ
  • 方向性イメージ:女性向けで暖かいイメージ
  • 指定カラー:温かみが伝わるピンク系、オレンジ系などの暖色
  • 伝えたいこと:トークセッションもあるが、メインは参加者同士で交流ができること

情報設計で工夫したこと

・「WEBデザイナー交流会」と開催日時が一目でわかるよう、左側に大きく配置しました。 ・視線誘導を意識して、視線の最終地点に「参加費無料」を配置しました。 ・交流会の様子がイメージしやすいように写真を全体の4割ほどのスペースを利用して配置しました。


デザインで工夫したこと(配色、フォント、写真など)

・開催日が春ということもあり、全体的に柔らかい雰囲気のバナーにするため指定カラーのピンクをメインカラーに、背景にベースカラーっとして淡いベージュを使用しました。 ・温かみを出しつつ、背景から浮かないように、写真の明るさを上げて縁を少しぼかしました。 ・背景や写真が明るいため、引き締めたい箇所にアクセントカラーとして緑を使用しました。 ・レイヤー効果を使用して各テキストに装飾をしても読みやすいゴシック体をメインで使用しました。 ・余白を意識しつつ、単調になりすぎないよう四角の図形を所々に配置しました。 ・全体がスッキリ見えるよう図形や優先順位の低い情報に関しては不透明度を調節しました。