DESIGN IT YOURSELF.

BUROKI


top

blog

  • top
  • blog
  • design_thing
  • デザインを無駄にしない!バナーを制作する前に把握しておきたいこと

デザインを無駄にしない!バナーを制作する前に把握しておきたいこと

design_thing

  • top
  • blog
  • design_thing
  • デザインを無駄にしない!バナーを制作する前に把握しておきたいこと

デザインを無駄にしない!バナーを制作する前に把握しておきたいこと

2020.04.01.

スポンサーリンク

スポンサーリンク

instagramなんかでデザインを勉強している人たちがよく練習でつくったバナーのデザインを投稿されています。

例えばある商品を訴求したい場合、その商品を引き立たせるようなデザインでバナーを制作することはもちろん有効で、商品に限らず商材、イベントなど訴求するものが違えばそれぞれ最適なデザインも違ってくるので、バナーのデザインを勉強してデザインの引き出しを増やしていくこと自体は間違いではないです。

ですがもうひとつ、特にバナーをデザインする場合、制作する前の段階で気をつけておきたいことがあります。インハウスデザイナーとして何枚もバナーを制作してきたボクが、今日はバナーデザインとバナーにまつわることを書いてみたいと思います。

バナーをつくる前に把握しておきたいこと

バナーの大きな特徴は「必ずどこかに貼られる」ということですよね。ポップアップ広告などではバナー単体で表示されることはありますが、webサイトの場合はバナーを単体で表示することはほとんどありません。

バナーは必ずどこかに貼られるものなので、まず把握しておきたいことは「貼られる場所」です。TOPページなのかサイドカラムなのか、webページのどの位置なのか・・クライアントさまとコミュニケーションをとって場所と位置を確認しておきます。

バナーを貼る場所を事前に把握
ここに貼るバナーなのか・・と事前に把握!

デザインの前に状況を把握しておくということはすごく重要なことです。

BUROKIがバナーを制作する場合

ボクがバナーを制作する場合、まずはクライアントさまのwebサイトを訪問します。
TOPページのメインスライドショーに表示するバナーの場合なら、他にどんなバナーがスライドショーに表示されているのかをまず確認。右サイドカラムに表示するバナーの場合なら、貼る位置の周辺にはどんな要素があるのかをまず確認する。

なぜ確認するのかというと同じようなバナーをつくらないためです。この事前確認をしないでつくりはじめると、周囲に溶け込みすぎるデザインになってしまったり、思っていた以上にごちゃついて見えたり、同じようなバナーでひと目では他のバナーとの見分けがつきにくいデザインになってしまったりと、バナーデザインそのものが無駄になってしまうケースがあるので事前の確認は必須だと思います。

BUROKIアイコン

貼ってみた後で「あれ?」とならないために!

クライアントに提出する前にまず自分の環境で貼ってみる

事前に状況を把握し、バナー制作を進めていくのですが、出来上がったバナーをクライアントさまに納品する前に最終確認としてやっておくこと。

それはクライアントさまのwebサイトのバナーを貼るページ全体をキャプチャで撮って、photoshopで開き、実際に制作したバナーを貼ってみます。それでどう見えるか?バナーは単体で表示されることはないので、webページ全体を見て、そのバナーがどんなデザインで存在しているのか?の確認です。

自分の環境で貼ってみる
貼ってみると案外・・ということはけっこう多い

当たり前ですが、単体だけで見るのとwebサイト全体で俯瞰して見るのとでは見え方が全然違ってきます。

全体で見ることでまた違う気づきが生まれますし、カラーのバランスも文字のサイズも変わってくる可能性がある・・デザインはケースバイケースなので、事前にどれだけ状況を把握しておくか、がかなり重要です。

バナーそのものだけでデザインの良し悪しは判断できないということ

バナーの最大の目的は「クリックしてもらうこと」です。そのための手段としてデザインがあります。いくら自分ができることを駆使してバナーを制作しても、クリックされなければそのデザインは良いデザインとはいえません。逆にいうとクリックされるバナーは良いデザインといえます。だからといって目立つカラーリングにすればいいというわけではなく、あくまで訴求するものの本質をついた中で制作する・・デザインとはバナー1枚とっても本当に奥が深いものです。

つくったバナーだけを見せて「これは良いデザインですね」という感想はボク個人的には正解だとは思っていなくて、必要な場所にそのバナーを反映させてみて、その結果どうなるのか・・周囲の状況と比べてちゃんと訴求できているか、クリックしてもらえているか。それらがあってはじめて「良いデザインのバナーですね」という感想が出てくるんだと思います。

instagramに投稿されているバナーを見ていると、何か「つくること」を目的としているバナーのような気がしていて、デザイン練習なのでつくることはもちろん必要なのですが、仮想でもいいからつくる前の状況まで想定されてつくられているバナーなのか、ちょっと気になりますね。

バナーデザインにおいて必要なスキル

周辺の状況を考慮した上で、訴求するものを引き立てる最適な形でバナーを制作する・・これがデザイナーの求められるバナーデザインのスキルです。デザイナーは常に広い視野を持ち、点で物事を捉えて制作するのではなく線で把握し、デザインに落とし込むことを意識していきたいものですね。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

blog list

ブログ一覧

design_thing

細部にこだわり数値化する。自分のロゴマークをマイナーチェンジしました

現在のBUROKI designのロゴマークですが、2014年ごろに制作してから現在まで特に手を加えることもなく、長年いろんな画像やアイコンとして使用してき…

2024.09.05.

private

ハワイ屈指のイタリアン「アランチーノ OSAKA」で相方の誕生日を祝う

8月末は毎年恒例の相方の誕生日祝い。 誕生日当日は家族旅行へ行っていたので、誕生日から少し経った26日に家から徒歩約10分くらいのところにある「a…

2024.08.30.

think

こんな人はフリーランスになるのはまだ早い!その理由も説明します

僕は最近、facebookやinstagramを運営するmeta社が新しく立ち上げた「threads(スレッズ)」というテキスト共有アプリを閲覧・投稿することが多いで…

2024.08.20.

private

8月からはじめる、麺とパンを食べないグルテンフリー生活

8月になりましたね。 7月からですが、とんでもない暑さですねぇ・・。 記録的な猛暑といわれていますが、これから毎年更新していくんじゃないかと思…

2024.08.03.

think

SEO小話vol.06 クライアントが気づかないURLぐちゃぐちゃ問題を事前に回...

今年の4月より不定期に更新している「SEO小話」シリーズ。 少し間隔が空いてしまいましたが(いつもですねすいません)、これからももちろん更新して…

2024.07.24.

think

SEO小話vol.05 webサイト公開後、検索上位にこないんだけど!?の対処法

今年の4月より不定期に更新している「SEO小話」シリーズ。 お読みいただけているでしょうか?けっこうリアリティあって面白いと思うんですけどね。ま…

2024.06.28.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル