【ポートフォリオ掲載OK】バナーデザインテーマ5種
こんにちは、NNCの平林です。
今回はデザインを始めたばかりの方向けに、バナーデザインの課題テーマを5種類ご用意しました。
デザインスキルを身につけるためには、実際に手を動かして学ぶことが大切です。
特に、さまざまなジャンルのデザインに取り組むことで表現の幅が広がり、将来的なお仕事にもつながりやすくなります。
本記事でご紹介する課題は、ポートフォリオにも掲載可能です。
※ ご利用の前に、下記の制作ルールをご確認ください。
各テーマには、実務に基づいた視点でまとめた「デザインのポイント」も記載しています。
実際の案件を想定したような内容になっていますので、ぜひその点も意識しながら制作に取り組んでみてください！
目次
制作ルール
バナーデザインに取り組む前に、以下のルールをご確認ください。
文言について
⚫︎ テーマに記載されている文言は、変更せずに使用してください。
実際の案件でも、指定された文言を正確に使用することが基本となります。
⚫︎ 日付に関する表記は、整える程度であれば変更しても問題ありません。
（例：7月1日（月） → 7/1 mon）
画像について
使用する素材については、商用利用が可能なものを使用しましょう。
※ 無断使用は著作権侵害にあたるため、ご注意ください。
おすすめのフリー素材サイトを下記に記載いたしました。
ご利用の際は、各サイトの利用規約を事前にご確認のうえ、ご活用ください。
■ イラスト
イラストAC
ソコスト
unDraw
Pixels Market
■ アイコン
icooon-mono
Google Fonts – icons
サイズについて
バナーサイズは課題テーマごとに記載されていますが、別のサイズで制作しても問題ありません。
実際の案件では、サイズ展開まで求められることも多いため、同じテーマで異なるサイズの制作にも挑戦してみてください！
■ バナーサイズの例（幅 × 高さ）
・ 1200 × 628
・ 1080 × 1080
・ 1080 × 1920
・ 300 × 250
著作権について
⚫︎ 課題テーマに含まれる、文言やコンセプトなどの著作権は「STUDIO NNC 合同会社」に帰属します。
ご自身が考案したと誤解させるような表現は避けてください。
⚫︎ ポートフォリオなどに掲載する場合は、架空の案件であることと本ページのリンクの記載をお願いいたします。
バナーデザインで意識したいポイント
コンセプトを明確にし、制作の意図を言語化する
デザインを制作する際は、「なぜこの配置にしたのか」「なぜこの配色にしたのか」などの理由を、自分の言葉で説明できることが重要です。
制作の意図を言語化する力は、クライアントへの提案やポートフォリオ作成でも役立ちます。
今回は、テーマで指定されたターゲット層やテイストに対して、どのようにアプローチするかを意識しながらバナーデザインに取り組んでみましょう。
制作後に「どんな点を工夫したか」「難しかった点は何か」などをメモしておくと、振り返りや次回の制作に活かせます。
デザインの基本については、以下の記事も参考にしてみてください。
■ 上手なデザインを作るには？学んでおきたい「デザインの4原則」
https://nnc-studio.jp/plugin/2023/12/26/design-four-principles/
■ デザインに役立つ！文字の基礎について徹底解説
https://nnc-studio.jp/plugin/2024/12/27/text-design/
作業時間を計測する
制作にかかった時間を記録しておくと、実際のお仕事を意識したスケジュール感を養うことができます。
また、見積もりや作業工数の目安としても活用できるためおすすめです。
ただ、デザインに慣れていない段階では、スピードを意識しすぎる必要はありません。
まずは時間がかかっても、完成度を上げることを優先しましょう。
スピードを意識するのは、80〜100点のクオリティを安定して出せるようになった段階が目安です。
そのうえで、「前回より短い時間で仕上げる」など、目標を立てながら取り組むことで、効率的な制作習慣を身につけやすくなります。
課題テーマ一覧
サマーセール レディースファッション
| 文言 | ・ SUMMER SALE ・ 最大50%OFF!! ・ 5,000円以上購入で10%OFF ・ 10,000円以上購入で20%OFF ・ 30,000円以上購入で50%OFF ・ 期間 7月1日(月)〜8月25日(日) |
| サイズ | ・ 1080 × 1080 |
| ターゲット | ・ 女性 ・ 20～30代 |
| テイスト | ・ 夏らしい ・ おしゃれ |
デザインのポイント
⚫︎ 文言に数字が多く含まれているので、数字が綺麗に見えるフォントを選びましょう。
欧文フォントの方が数字の形が整っていることが多いため、和文と欧文を組み合わせた「和欧混植」もおすすめです。
⚫︎ 「5,000円以上購入で〜」などの並列の条件は、デザインルールを統一して見せ方を工夫できると良いです。
資産形成セミナー
| 文言 | ・ 投資初心者におすすめ！資産形成の基礎セミナー ・ 参加無料！ ・ 日程 9月6日(金)、9月13日(金)、9月14日(土) ・ お申し込みはこちら |
| サイズ | ・ 1200 × 628 |
| ターゲット | ・ 男性 ・ 30〜40代 |
| テイスト | ・ 男性的 ・ ビジネスライク ・ 信頼感 |
デザインのポイント
⚫︎ お金に関するテーマなので、堅さや怪しさを感じさせない素材選びを意識しましょう。
右肩上がりのグラフや、積まれたコインなど、前向きな印象を与えるモチーフがおすすめです！
⚫︎ 複数の日程をただ並べるだけでは情報が埋もれてしまうため、見せ方にメリハリをつけましょう。
共通している「9月」は小さく抑え、日付部分を強調するなど、視線の流れを意識したレイアウトが効果的です。
おせちの予約
| 文言 | ・ 料亭こだわりのおせち ・ ご予約承り中 ・ 送料無料 ・ 受付期間 12月20日まで |
| 画像 | ・おせちの写真 |
| サイズ | ・ 1080 × 1080 |
| ターゲット | ・ 40～60代 |
| テイスト | ・ 和風 ・ 高級感 |
デザインのポイント
⚫︎ 明朝体や筆文字など、和を感じさせるフォント選びがポイントです。
明朝体は字間が広く見えやすいため、バランスを意識してメインキャッチを整えられると良いです。
⚫︎ 高級感を演出する際によく使われる金色のグラデーションは、のっぺり見えやすいため、質感や立体感を意識して違和感のない仕上がりを目指しましょう。
テクスチャなども活用することで、より自然な表現に仕上げることができます。
春の新色リップ
| 文言 | ・ さきどり春色リップ ・ 限定色登場 ・ ブルームピンク ・ シアーオレンジ |
| サイズ | ・ 1080 × 1920 |
| ターゲット | ・ 女性 ・ 10〜20代 |
| テイスト | ・ 春らしい ・ 可愛い |
デザインのポイント
⚫︎ 10〜20代のターゲット層に合わせた、トレンド感のあるデザインを意識しましょう。
⚫︎ 素材で使用したリップの色は、指定のカラーに合わせて加工できると良いです！
「ブルームピンク」はピンク系に、「シアーオレンジ」はオレンジ系になっていればOKです。
⚫︎ 今回はインスタのリール用バナーなので、上下にUIがかかることを考慮したレイアウトにしましょう。
インスタのUIについては、以下の記事を参考にしてみてください！
https://www.facebook.com/business/help/980593475366490
家電のセット販売
| 文言 | ・ 新社会人の方におすすめ！ ・ 新生活応援家電4点セット ・ 配送設置サービス対応 ・ 3月1日(土)〜3月31日(月) |
| 画像 | ・ 冷蔵庫、洗濯機、電子レンジ、炊飯器の写真又はイラスト |
| サイズ | ・ 1080 × 1080 |
| ターゲット | ・ 大学生、新社会人 ・ 20代 |
| テイスト | ・ フレッシュ ・ ポップ |
デザインのポイント
⚫︎ 4つの家電は、素材の種類が異なる場合でも、違和感のないように見せる工夫が必要です。
色味や明るさの補正、サイズ感の調整、配置のバランスを意識して、ひとつのビジュアルとして自然にまとまるよう仕上げましょう。
最後に
オリジナルのバナーデザインは、模写やトレースとは異なり、ゼロから考えて形にしていく作業です。
情報の整理から始まり、レイアウトの設計、配色やフォント選び、そして素材の収集まで、すべて自分で判断しながら進めていく必要があります。
そのため、最初は想像以上に時間がかかるかもしれません。
ただ、その過程で「どこが難しかったか」「自分に足りない部分は何か」といった課題も自然と見えてくるはずです。
また、制作したデザインは、第三者に見てもらうのがおすすめです。
ご家族やご友人など、デザインに詳しくない方の感想も十分に参考になります。
というのも、実際の仕事でも、クライアントの方がデザインに詳しいとは限りませんし、完成したデザインを見るユーザーの多くは一般の方のためです。
さまざまな視点から意見をもらうことで、自分では気づきにくい点を知ることができ、より伝わりやすいデザインを作成できるようになります。
ぜひ今回ご紹介した課題テーマも活用しながら、ポートフォリオに載せられるデザインを制作してください！
