PSbase_eyecatch_banner02

<登場人物>

ロキ
デザイナーを目指す未来からきた女の子。人々にドキドキを届ける一人前のクリエイターになるためにスキルアップの真っ最中。

ボロちゃん
ひょんなことからロキにデザインを教えることになった渋谷に生息するドブねずみクリエイター。ペディグリーチャムが大好物♡

 

うん。バナー制作の流れで、バナー制作全体の進めかたはわかってきた。

それじゃあ、バナー制作の準備をしていこう。

では、バナー制作の準備に取りかかります。バナー制作は「手段」です。バナー制作の「目的」は訪問者をリンク先のページで購入などの行動を起こさせることです。今回は、バナーの作り込みかたをアドネットワークなどもあわせて紹介します。

目次
ネット広告の種類
バナーのサイズ・容量・データ形式
バナーデザインを知る
まとめ

ネット広告の種類

ネット広告にはバナー広告以外にも種類があります。リンクが貼られていてLP(ランディングページ)などへ遷移、リンク先のサイトが表示されます。

リスティング広告

検索連動型広告。検索結果ページで「広告」の文字がついて表示される。テキスト広告。

バナー広告

テキストと静止画像で構成され、広告枠内にデザインされた広告。

ディスプレイ広告

テキストと画像で作成。gifで動画表示もできる。

SNS広告

LINEやInstagram、Twitter、FacebookなどのSNS(ソーシャル・ネットワーキング・サービス)に特化して掲載する広告。

レスポンシブ広告

広告枠に合わせて広告の「サイズ」「表示形式」「フォーマット」が自動的に調整されて、すべての広告スペースに収まる広告を時間をかけずに作成できる。

動画広告

動画を使用して情報量の多い広告を配信できる。

こちらで紹介した以外にももっとたくさんの形態のネット広告があります。バナー以外のネット広告を知ることで、バナーでの効果を上げるポイントを見つけやすくなります。

バナーのサイズ・容量・データ形式

バナーを制作するときのサイズ・データ容量・データ形式は、配信先のサイトや運営会社ごとに違いがありますが、だいたい共通のサイズです。バナーサイズはIBA(インターネット広告協会)というアメリカの機関によって定められた国際規格がありますので参考にするのもいいです。
サイズ
縦横サイズをpx(ピクセル)で制作します。
illustrator_banner02-11
データ容量
大きいサイズでも数百kb(キロバイト)程度で制作します。
データ形式
PNG、JPEG、GIFなどで制作します。

え、配信先で違うって。。バナーとかネット広告って各媒体や各社へ1社1社まわって広告掲載をお願いしに行くの?

以前の主流はそのスタイルだったけど今はアドネットワークという手法があるんだ。

アドネットワーク???

 

アドネットワーク

広告配信ネットワーク。広告配信先になる複数のWebサイトを集めて、広告を一括配信する手法。「入札」という形態でネットワーク加盟サイトに広告配信できる方法で出稿します。

主なアドネットワーク事業者
GDN(Google​ディスプレイネットワーク)
Googleの広告サービス。世界最大規模。
illustrator_banner02-03a

Yahoo!​ディスプレイアドネットワーク
Yahoo!の広告サービス。Yahoo!JAPANなどに広告配信。
illustrator_banner02-02a

i-mobile
スマートフォン・PC向け、幅広いWEBサイトやアプリに動画広告やバナー広告を出稿。
illustrator_banner02-04

crossmedia
ドコモデータと launchecコンシェル のWeb接客機能を取り入れた広告配信。
illustrator_banner02-05

ネンド
日本最大級のiPhone・Android対応のスマートフォン向け運用型アドネットワーク。
illustrator_banner02-06

このほか、数多くのアドネットワーク事業者があります。特徴もそれぞれなので該当の広告掲載にふさわしい手段を選んでいきましょう。

掲載媒体

広告が掲載される媒体でも資料を提供しています。制作資料として各媒体も調べておきましょう。
Smart News
グノシー
LINE広告

バナーデザインを知る

広告効果を上げるために、どのような表現が最適か、また競合が展開している表現を知るとよいでしょう。ここではいくつかのバナーまとめサイトを紹介します。たくさんの事例を見て表現を検討していきましょう。インプットがないとアウトプットはできません。

BANNER LIBRARY
良質で参考になるバナーデザインを集めたギャラリーサイト。総数3007件。
illustrator_banner02-07

Banner Matome
カラー、業種、表現に絞って探せるバナーのギャラリーサイト。
illustrator_banner02-08

retoro banner
サイズ・色・​業種・テイストからバナーを絞り込む事ができるバナーのギャラリーサイト。
illustrator_banner02-09

Pinterest
画像や動画で発見・保存・整理できるビジュアル探索ツール。バナーも検索できます。
illustrator_banner02-10

POINT

 

まとめ

バナー広告はネット広告の1つ
アドネットワークで広告を一括配信もできる
その広告内容にどのサイズがふさわしいか考慮しましょう
たくさんの事例を見て表現を検討していきましょう