デザイン・クリエイティブの基本(全8回)|原則・色・文字から、バナー・LP・生成AIの使い分けと発注まで

田中 磨生

監修田中 磨生株式会社Abin 代表取締役

株式会社Abin代表取締役。AI SaaSの上場企業やHR系ベンチャーのマーケティング責任者を経て、2023年BtoBマーケティング特化のコンサルティング会社株式会社Abinを設立。創業から30社以上のBtoBマーケティングの戦略立案から実行までを行う。2025年には株式会社プロベルの役員に就任。NYマーケティング株式会社の執行役員も務める。

プロフィールを見る →

執筆Abin編集部

デザイン・クリエイティブの基本(全8回)|原則・色・文字から、バナー・LP・生成AIの使い分けと発注まで

KOUZAツギノテ講座

全8回/公開中 8回

第1回から読む →

デザインを「センスのある人の仕事」で終わらせず、マーケティングの成果につながる技術として身につけるための講座です。全8回で、デザインがマーケティングで果たす役割、レイアウトの4原則、色と文字の基本、バナー・広告クリエイティブとWeb・LPのデザイン、生成AIやデザインツールの使い分け、そしてデザインの発注とディレクションまでを、良い例と悪い例を見比べながら順番に学びます。

全8回の地図:基本の原則から、媒体ごとの作り方、ツールと発注へ
図1:全8回の地図:基本の原則から、媒体ごとの作り方、ツールと発注へ

こんな人におすすめ

  • バナーや資料、LPを自分で作る機会が増えてきたマーケティング担当者
  • デザイナーに依頼するとき、何をどう伝えればよいか分からず、修正のやり取りが長引きがちな人
  • 「なんとなくダサい」「なんとなく見にくい」を、言葉で説明できるようになりたい人
  • Canvaや画像生成AIを使い始めたが、仕上がりに自信が持てない人
  • 広告のクリエイティブやLPの改善を、感覚ではなく根拠を持って進めたい人

読み終えるとできるようになること

  1. デザインがマーケティングで果たす役割を「伝わる・選ばれる・使える」の3つで説明できる
  2. 近接・整列・反復・コントラストの4原則を使って、資料やバナーのレイアウトを整えられる
  3. 配色の基本とコントラストの基準(WCAG)を知り、読みやすく、色だけに頼らない配色を選べる
  4. 書体・文字サイズ・行間・行の長さを、読みやすさの根拠を持って決められる
  5. 訴求軸を決めてバナーや広告クリエイティブを組み立て、媒体の規定に合わせて作り分けられる
  6. LPやWebページで、情報の順番・視線の流れ・ボタン・スマホ表示を設計できる
  7. Canva・Figma・Adobe Fireflyなどの得意分野を知り、作業に合わせて使い分けられる
  8. ブリーフを書いてデザインを発注し、具体的なフィードバックと検証で改善を回せる

シラバス(全8回)

  1. マーケティングにおけるデザインの役割:「伝わる・選ばれる・使える」の3つの仕事
  2. デザインの4原則とレイアウト:近接・整列・反復・コントラスト
  3. 色の基本:配色・コントラスト・ブランドカラーとアクセシビリティ
  4. 文字とタイポグラフィ:書体・サイズ・行間で「読まれる文字」にする
  5. バナー・広告クリエイティブの作り方:訴求軸・構成・媒体ごとの規定
  6. Web・LPのデザイン:情報設計・視線の流れ・CTA・スマホ対応
  7. 生成AIとデザインツールの使い分け:Canva・Figma・Adobe Firefly
  8. デザインの発注とディレクション:ブリーフ・フィードバック・改善サイクル(総まとめ)
回 この回で扱うこと
第1回 デザインの3つの仕事、デザインと成果の関係、「見た目の好み」と「目的に合っているか」の違い
第2回 近接・整列・反復・コントラストの4原則、余白とグリッド、資料・バナーでの使い方
第3回 色の3つの属性、配色の組み立て方、WCAGのコントラスト比、色覚の多様性への配慮、ブランドカラーの決め方
第4回 ゴシック体と明朝体、文字の大きさと太さのメリハリ、行間・行の長さ・字間、Webでの文字の設定
第5回 訴求軸の決め方、バナーの構成要素、媒体ごとのサイズ規定、打消し表示など表示の注意、量産とテスト
第6回 ページの情報設計、ファーストビュー、視線の流れとF型のパターン、ボタンの設計、スマホの画面での注意
第7回 デザインツールの種類と得意分野、生成AIを使う場面と使わない場面、ブランドを守る仕組み
第8回 ブリーフの書き方、フィードバックの出し方、検収とデータ、外注先の選び方とフリーランスへの発注の注意

FREE MEMBER

無料会員なら、講座が受け放題・AI比較が1日5回

40以上の講座を最後まで読めて、学びの進み具合も記録できます。登録は30秒・無料です。

無料で会員登録する →

講座の進め方

  • 1回あたりの目安は15〜25分です。第1回から順に読むと、前の回の内容が次の回の前提になるように組んでいます。
  • この講座は図が主役です。各回に「Before/After」の見比べ図を多く入れています。文章を読む前に図を眺めて、どこが違うかを自分で探してみると、より身につきます。
  • 図の中のブランド名・商品名・数字は、説明のために作った架空の例です。実在の会社や商品とは関係ありません。
  • 各回の途中に「ちょこっとクイズ」、最後に「確認テスト」があります。選択肢を押すと、その場で答えと解説が出ます。

関連する講座・記事

デザインやクリエイティブの進め方について相談したい場合は、ツギノテ編集部への相談から受け付けています。

この記事は役に立ちましたか?

いま読まれている記事ランキング

    ランキングをもっと見る →

    FOR BUSINESS

    マーケティング・DXの発注先選びに迷ったら

    ツギノテを運営する株式会社Abinは、BtoBマーケティングに特化したコンサルティング会社です。創業から30社以上のBtoBマーケティングを支援してきました。

    相談無料ツギノテ編集部に相談する

    無料会員登録(講座受け放題・AI比較)/セミナーと資料を見る

    この記事の内容について

    掲載している情報の修正や削除をご希望の場合は、こちらからご連絡ください。

    修正・削除の依頼

    この講座の全8回

    1. 第1回マーケティングにおけるデザインの役割:「伝わる・選ばれる・使える」の3つの仕事
    2. 第2回デザインの4原則とレイアウト:近接・整列・反復・コントラスト
    3. 第3回色の基本:配色・コントラスト・ブランドカラーとアクセシビリティ会員
    4. 第4回文字とタイポグラフィ:書体・サイズ・行間で「読まれる文字」にする会員
    5. 第5回バナー・広告クリエイティブの作り方:訴求軸・構成・媒体ごとの規定会員
    6. 第6回Web・LPのデザイン:情報設計・視線の流れ・CTA・スマホ対応会員
    7. 第7回生成AIとデザインツールの使い分け:Canva・Figma・Adobe Firefly会員
    8. 第8回デザインの発注とディレクション:ブリーフ・フィードバック・改善サイクル(総まとめ)会員

    NEXTあわせて読みたい

    ツギノテの記事一覧へ

    編集方針

    • 各社の公式サイトを、確認日を書いて調べています
    • 掲載企業から報酬は受け取っていません
    • 有償の掲載がある場合は「PR」と明記します

    運営:株式会社Abin

    © Abin Co., Ltd.