【架空】バナー制作/アメコミ風

和知 真子
WEBデザイナー

📝要件

【依頼内容】

  • 10代が好むポップ雰囲気をアメコミ風に
  • 配色はカラフルで鮮やかな色で
  • 事前予約が必要であることを知らせたい

【入れる要素】

  • OPEN CAMPUS 2022
  • 古庄ビジネス専門学校
  • 平日随時開催中10:00〜17:00/要予約
  • 先輩がまってるよ
  • ご予約はこちら

✏️制作したバナー①

✏️工夫した点

【視線】

  • オープンキャンパスの告知バナーであることが一目で分かるように「OPEN CAMPUS 2022」をバナーの真ん中に配置しました。
  • 伝えたい情報をグルーピングして見やすくしました。
  • 「Z」の法則を意識して、伝えたい情報の順に視線がいくようにしました。

【配色】

  • アメコミ風バナーのため、複数の色を使用しました。
  • 複数の色を使用しているため、グループごとに色をまとめたり、白と黒を取り入れてごちゃっとした印象に見えないようにしました。
  • 10代に向けたバナーのため、明るく楽しい雰囲気が伝わる色を使用しました。

【装飾】

  • 全体的にポップな装飾を意識しました。
  • 集中線と「OPEN CAMPUS 2022」の下にジグザグの装飾を使用して、アメコミ風を演出しました。

【文字】

  • 「OPEN CAMPUS 2022」の文字のみCC Biff Bam Boomフォントと文字の変形を使用して、アメコミ風が一目で分かるようにしました。
  • その他の文字はヒラギノ角ゴStdNフォントを使用し、フォントで遊ぶのではなく文字に装飾をして全体的にごちゃとした印象にならないようにしました。

【写真】

  • オープンキャンパスの告知バナーのため、先輩たちが仲良くしている写真を選定しました。

✏️制作したバナー②

✏️工夫した点

【視線】

  • 視線が泳がないように、「OPEN CAMPUS 2022」を中心に文字をグルーピングしました。

【配色】

  • アメコミ風のため、複数の色を使用しながらもごちゃっとした印象にならないように白と黒の線で区切りをつけました。
  • 「OPEN CAMPUS 2022」以外の文字は白と黒を使用し、吹き出しなどの装飾に色を使用して見やすくしました。

【装飾】

  • 全体に白と黒の線を使用して、アメコミ風を演出しました。
  • 吹き出しはポップな色と形を使用して、楽しい雰囲気を出しました。

④文字

  • 「OPEN CAMPUS 2022」が視線の最初にいくようにインパクトのある3Dを使用しました。
  • 3Dのインパクトが大きいため、その他の文字はヒラギノ角ゴStdNフォントを使用して、メリハリをつけました。
  • 「先輩が待っているよ！」の文字を変形して、文字に動きを出して楽しい雰囲気を出しました。

【写真】

  • オープンキャンパスの告知バナーのため、先輩たちが仲良くしている写真を選定しました。

✏️課題を通して学んだこと

  • 情報量が多い場合の文字の配置の仕方を学びました。
  • ターゲットとお題（アメコミ風）に対してのバナー全体の配色や装飾の選定の仕方を学びました。
  • Photoshopでのアメコミ風の文字の作成方法を学びました。
  • 複数の色や装飾を使用する場合に見づらくならないような工夫が必要なことを学びました。