いつでも視聴できる

オンデマンド配信

『思わずクリックしたくなる バナーデザインのきほん』実践講座

書籍『思わずクリックしたくなるバナーデザインの基本』(カトウヒカル/インプレス)

Before/Afterで理解しながら身につける。
クリックされるバナーデザイン制作の超基本テクニック

Web上でのバナーデザインは広告の中で最も小さなデザインです。広告とは、商品やサービスを「広く世に告げる」こと。しかし、情報量の多いWeb上でバナー広告は唐突に現れるので「パット一目で情報を伝える」必要があります。そのため、工夫しないと目に留まらず、目的が果たせない質の低いバナーになってしまいます。そこで本講座では、これまで100以上のサイト制作を手掛けてきたカトウ ヒカル氏より、ノンデザイナーの方でも制作のポイントを理解し、制作・ディレクションに活かせる実践講座を開講いたします。バナーデザインのBefore/Afterを見比べ、テクニック活用の効果が一目で分かるような内容となっておりますので、Web広告の反応率を高めたい方必見の講座です。

この講座で得られるもの

  • 効果を発揮するバナーに必要な要素を理解することができる

  • 一目で情報を伝えるためのレイアウトの組み方が分かる

  • 目的を達成するためにバナーに掲載すべき要素が分かるようになる

  • 目的・狙い・意図を説明できるバナーを制作できるようになる

  • 制作ツールを使用したバナーのつくり方を身につけることができる

このような方に最適な講座です

簡単に見えて、実は難しい…
今日から使えるバナー広告・アイキャッチなど、小さなサイズのデザインの攻略法を全部教えます。

講座で学ぶこと

  • 01

    一目で“言いたいこと”を伝えるレイアウトのコツ

    webバナーはレイアウトスペースが狭いため、商品写真やNo.1訴求、考え抜いたコピーなど、全ての情報を入れようとすると文字や画像が重なり、読みづらくなりがちです。かといって、要素の取捨選択をしないまま、文字の視認性ばかりを優先してしまうと、1つ1つのサイズが小さくなって、こじんまりとした、何がセールスポイントなのかよく分からないものになってしまいます。そこで本講座では、初めに考えることであり、目的を達成するために非常に重要な基本的なレイアウトの考え方を実例を踏まえて学びます。見る側を迷わせずに、クリックを促すための手法を身につけましょう。

  • 02

    読みやすく、目に留まる、文字の見せ方

    文字情報は受け手の行動変容を促すために必要不可欠なものですが、限られたスペースで訴求するためには言葉の選定が必要です。さらに、必要な情報を必要な文量で、見やすく配置した…にも関わらず、なぜか目に留まらない、単調でなにがPR要素なのかイマイチ伝わらないバナーになってしまうことは少なくありません。文字は読みやすい・わかりやすい・目に留まる、この3つが重要です。そのためには、文字を文章のようにベタ打ちするのではなく、文字を絵や図のように一目で伝わるデザインとして活用する必要があります。そこで本講座では、文字組みやフォントを使って、パッと伝わるように文字を見せる技術を手に入れます。

  • 03

    全く違う情報をわかりやすく伝えるグルーピング術

    決めたレイアウト通りに絵や図を配置しても、その文言や絵の役割が明確でなければ受け手の行動を促すことは困難です。コピーや日付、申込までのステップの図解などクリックのハードルを下げる要素と、実際の行動を促すクリックボタンでは役割が異なります。これらの要素を適切に配置することによって、意図した動きを実現するデザインが可能になります。そこで本講座では、視線を誘導し、受け手の情報をデザインするためのグルーピングの方法を学びます。

講師紹介

  • カトウヒカル氏
    kanvas株式会社 代表取締役

    福岡を拠点にするWebデザイン事務所kanvasのWebデザイナー。これまでに100以上のWebサイト制作に関わり、デザインからHTML/CSSコーディング、CMSの組み込みまでワンストップで対応。『思わずクリックしたくなるバナーデザインのきほん』の著者。2022年からデザイン感覚をロジカルに学ぶオンライン講座「kanvas study plaza」を主宰するなど、デザイン教育にも力を入れている。

    講師からのメッセージ

    情報発信において「バナーデザイン」は不可欠な存在となり、デザインに詳しくない人でもバナー作成の機会が増えています。 本講座では、ノンデザイナーの方に向けてバナーデザインの作例を基に、デザイン初心者の方にも分かりやすく評価と改善を行います。 また、Adobe Expressを活用した、バナーデザインの作成方法もお伝えします。この機会に、バナーデザインのアプローチやコツを身につけましょう。

    さらに表示

現場で実践する力を習得する!

カリキュラム

カリキュラム
時間 講義内容
第1部
約50分
バナーデザイン発注のコツ
  • ・バナーデザイン制作・発注の情報整理
  • ・良いバナーデザイン・クリエイティブの基本
  • ・悪いバナーデザインの共通点
  • ・バナーデザインのサイズ展開
  • ・人物写真の取り扱い
第2部
約30分
バナーデザインのコツがわかる実演ブラッシュアップ
  • ・商品紹介のバナーデザイン(機能メイン) Before/After
  • ・商品紹介のバナーデザイン(イメージメイン) Before/After
  • ・キャンペーンのバナーデザイン Before/After
  • ・イベントのバナーデザイン Before/After
第3部
約40分
ノンデザイナー向け無料デザインツール
  • ・Adobe Expressでバナーデザイン作成
  • ・Webブラウザで使用できるAdobe Expressとは?
  • ・豊富なテンプレートの活用
  • ・【実践ワーク】オンラインセミナーのバナーを制作してみよう

概要

概要
受講形態 宣伝会議オンライン内でオンデマンド配信
通常7日間 (土・日含む)視聴可能のところ、
7月31日(水)までのお申込みで、21日間視聴可能になります。
受講のご案内 【実施上の注意】
本講義は、オンライン配信講義となりますご受講はお申込み者限りとしており、複数名での受講の場合、人数分のお申込みが必要です。お申込者には、宣伝会議IDを通じて視聴環境をご提供しております。同一IDでの複数人での視聴・社内上映などは固くお断りしております。

【受講上のご案内】
・講義は宣伝会議オンライン上でご視聴いただきます。該当期間内に宣伝会議マイページの「オンライン講座を見る」に進み、動画をご視聴ください。
・視聴の際は、申込者ではなく実際に受講される方のマイページ登録が必須となります。
・本講義には質疑応答はございません。

【レジュメについて】
講義資料はご視聴頂くマイページからPDF形式でダウンロードしていただきます。
受講料金 1名受講
オンデマンド講座
20,000円(税込 22,000円)
申込金5,000円(税込 5,500円)含む
人数無制限
オンデマンド研修
500,000円(税込 550,000円)
例)60名受講で1名8,333円に
人数無制限について
  • ・(受講手順)申込後、全受講者の視聴開始まで、最短で3営業日ほど要します。申込後に、事務局から別途、視聴開始日や受講者を指定するためのご案内をお送りします。
  • ・(視聴開始日)視聴開始日は、数日~数カ月先の指定も可能です。受講者への事前連絡も想定し、余裕をもった申込みをお勧めします。
  • ・(視聴期間)視聴期間は7日間で、延長キャンペーン対象外です。
  • ・(対象)人数無制限の対象は、同一の企業・団体の従業員の方です。親会社・子会社・関連会社の従業員の方は対象外となります。
    ※お申込に進む際「ご自身が受講する」「ご自身以外が受講する」との選択肢が出てまいります。こちらは1名受講に関する選択肢となりますため、人数無制限プランの場合はいったん「ご自身が受講する」を選択ください。その場合も、ご自身以外の複数名で受講いただけますのでご安心ください。
  • ・(年間割引)人数無制限で6講座以上をまとめて申込みをすると、年間割引の対象となり、全講座の視聴期間3倍(21日間)、カリキュラム編成ご支援等、様々な特典が受けられます。
年間割引プランの設定方法
割引チケットについて 法人割引窓口の設定方法

※この講座は、法人窓口の設定により1講座あたりの受講料金が約7割引におさえられる「スタンダードトレーニング」対象です。

受講対象 ・webバナーの反応率を高めたい宣伝、販促、広告担当者の方
・これからバナー制作を始める方、
・クリックされるwebバナーの仕組みを理解したい方、
などにおすすめの講座です。
注意事項 受講は申込者本人に限ります。他人に貸与・譲渡することはできません。
お申込み後のキャンセルは原則承っておりません。
教室・オンラインライブ講座は、個人申込の場合、受講料について開講前のご入金を原則とさせていただいております。 オンデマンド講座は、お申し込み後すぐに受講案内メールをお送りしており、メール受信後、ご視聴いただけます。 そのため、視聴の有無に関わらず、お申し込み後のキャンセルは一切、承っておりません。 詳しくは、特定商取引法に基づく表示をご覧ください。
  • ・1名単位でのご受講は「1名受講」
  • ・部門や全社でまとめて受講される場合は「人数無制限」
  • ・体系的な研修企画には「部門研修を計画する」が役立ちます。

お申し込み