デザイン・クリエイティブの基本(全8回)|原則・色・文字から、バナー・LP・生成AIの使い分けと発注まで
監修田中 磨生株式会社Abin 代表取締役
株式会社Abin代表取締役。AI SaaSの上場企業やHR系ベンチャーのマーケティング責任者を経て、2023年BtoBマーケティング特化のコンサルティング会社株式会社Abinを設立。創業から30社以上のBtoBマーケティングの戦略立案から実行までを行う。2025年には株式会社プロベルの役員に就任。NYマーケティング株式会社の執行役員も務める。
執筆Abin編集部

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

こんな人におすすめ
- バナーや資料、LPを自分で作る機会が増えてきたマーケティング担当者
- デザイナーに依頼するとき、何をどう伝えればよいか分からず、修正のやり取りが長引きがちな人
- 「なんとなくダサい」「なんとなく見にくい」を、言葉で説明できるようになりたい人
- Canvaや画像生成AIを使い始めたが、仕上がりに自信が持てない人
- 広告のクリエイティブやLPの改善を、感覚ではなく根拠を持って進めたい人
読み終えるとできるようになること
- デザインがマーケティングで果たす役割を「伝わる・選ばれる・使える」の3つで説明できる
- 近接・整列・反復・コントラストの4原則を使って、資料やバナーのレイアウトを整えられる
- 配色の基本とコントラストの基準(WCAG)を知り、読みやすく、色だけに頼らない配色を選べる
- 書体・文字サイズ・行間・行の長さを、読みやすさの根拠を持って決められる
- 訴求軸を決めてバナーや広告クリエイティブを組み立て、媒体の規定に合わせて作り分けられる
- LPやWebページで、情報の順番・視線の流れ・ボタン・スマホ表示を設計できる
- Canva・Figma・Adobe Fireflyなどの得意分野を知り、作業に合わせて使い分けられる
- ブリーフを書いてデザインを発注し、具体的なフィードバックと検証で改善を回せる
シラバス(全8回)
- マーケティングにおけるデザインの役割:「伝わる・選ばれる・使える」の3つの仕事
- デザインの4原則とレイアウト:近接・整列・反復・コントラスト
- 色の基本:配色・コントラスト・ブランドカラーとアクセシビリティ
- 文字とタイポグラフィ:書体・サイズ・行間で「読まれる文字」にする
- バナー・広告クリエイティブの作り方:訴求軸・構成・媒体ごとの規定
- Web・LPのデザイン:情報設計・視線の流れ・CTA・スマホ対応
- 生成AIとデザインツールの使い分け:Canva・Figma・Adobe Firefly
- デザインの発注とディレクション:ブリーフ・フィードバック・改善サイクル(総まとめ)
| 回 | この回で扱うこと |
|---|---|
| 第1回 | デザインの3つの仕事、デザインと成果の関係、「見た目の好み」と「目的に合っているか」の違い |
| 第2回 | 近接・整列・反復・コントラストの4原則、余白とグリッド、資料・バナーでの使い方 |
| 第3回 | 色の3つの属性、配色の組み立て方、WCAGのコントラスト比、色覚の多様性への配慮、ブランドカラーの決め方 |
| 第4回 | ゴシック体と明朝体、文字の大きさと太さのメリハリ、行間・行の長さ・字間、Webでの文字の設定 |
| 第5回 | 訴求軸の決め方、バナーの構成要素、媒体ごとのサイズ規定、打消し表示など表示の注意、量産とテスト |
| 第6回 | ページの情報設計、ファーストビュー、視線の流れとF型のパターン、ボタンの設計、スマホの画面での注意 |
| 第7回 | デザインツールの種類と得意分野、生成AIを使う場面と使わない場面、ブランドを守る仕組み |
| 第8回 | ブリーフの書き方、フィードバックの出し方、検収とデータ、外注先の選び方とフリーランスへの発注の注意 |
講座の進め方
- 1回あたりの目安は15〜25分です。第1回から順に読むと、前の回の内容が次の回の前提になるように組んでいます。
- この講座は図が主役です。各回に「Before/After」の見比べ図を多く入れています。文章を読む前に図を眺めて、どこが違うかを自分で探してみると、より身につきます。
- 図の中のブランド名・商品名・数字は、説明のために作った架空の例です。実在の会社や商品とは関係ありません。
- 各回の途中に「ちょこっとクイズ」、最後に「確認テスト」があります。選択肢を押すと、その場で答えと解説が出ます。
関連する講座・記事
- 広告運用の全体像やクリエイティブの検証は、Web広告運用の基本の講座で扱っています。
- 画像生成AIの仕組みや、著作権・商用利用の注意は、画像・動画生成AIのビジネス活用の講座へ。
- 制作を外部に頼みたい方は、LP制作会社おすすめ比較、ホームページ制作会社おすすめ比較、ツールを比べたい方はCanvaの評判もあわせてどうぞ。
デザインやクリエイティブの進め方について相談したい場合は、ツギノテ編集部への相談から受け付けています。
この記事は役に立ちましたか?
FOR BUSINESS
マーケティング・DXの発注先選びに迷ったら
ツギノテを運営する株式会社Abinは、BtoBマーケティングに特化したコンサルティング会社です。創業から30社以上のBtoBマーケティングを支援してきました。
相談無料ツギノテ編集部に相談する→この講座の全8回
- 第1回マーケティングにおけるデザインの役割:「伝わる・選ばれる・使える」の3つの仕事
- 第2回デザインの4原則とレイアウト:近接・整列・反復・コントラスト
- 第3回色の基本:配色・コントラスト・ブランドカラーとアクセシビリティ会員
- 第4回文字とタイポグラフィ:書体・サイズ・行間で「読まれる文字」にする会員
- 第5回バナー・広告クリエイティブの作り方:訴求軸・構成・媒体ごとの規定会員
- 第6回Web・LPのデザイン:情報設計・視線の流れ・CTA・スマホ対応会員
- 第7回生成AIとデザインツールの使い分け:Canva・Figma・Adobe Firefly会員
- 第8回デザインの発注とディレクション:ブリーフ・フィードバック・改善サイクル(総まとめ)会員
NEXTあわせて読みたい
-
BPOサービス(業務アウトソーシング)おすすめ7選|コンタクトセンター・バックオフィスの外注先を規模・料金・事例で比較
-
Shopify制作会社おすすめ7選|Shopify Plus・越境EC・運用まで、認定・実績・事例で比較
-
マーケティング研修おすすめ7選|法人向けの基礎・実践・BtoB研修を料金・形式・実績で比較
-
ECコンサル会社おすすめ5選|楽天・Amazon・自社ECの売上を伸ばす支援会社を範囲・料金・事例で比較
-
広報・PR代行(PR会社)おすすめ7選|ベクトル・プラップジャパン・共同ピーアールなどを支援範囲・料金・事例で比較
-
企業データベースおすすめ6選|Speeda・帝国データバンク・東京商工リサーチ・ユーソナーなどを料金・収録数で比較
