DESIGN IT YOURSELF.

BUROKI


top

blog

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

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

design_thing

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

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

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

ブログ一覧

think

絶対に後悔しない!デザインを開始する前に決めておきたい制作ルールまとめ

クライアントさまから制作依頼をいただき、打ち合わせでどんなデザインにするか?を決めることは当然のこととして誰しもが認識していると思います。 …

2023.09.27.

think

chocoZAPに9ヶ月通い続けたからこそ言えるリアルな口コミを書いてみた

いまコンビニジム「chocoZAP(ちょこざっぷ)」のテレビCMが頻繁に流れていますね。 俳優さんも起用し、けっこうな頻度でCMが流れているので、気にな…

2023.09.06.

think

2023年8月の活動報告。8月はこんなデザイン制作をしていました

9月になりましたが、まだまだ暑い日が続きますね・・。 今年の夏は相方の誕生日にディナーを行ったくらいで(サムネイル画像はそのときのものです)…

2023.09.04.

design_thing

依頼する前に知ってほしい。デザインに使用する写真に関するいろんなこと

webサイトやチラシ、看板、会社案内、ポスターなど・・。 ほとんどの制作物には写真が使われていて、今や写真はデザインを構成する主な要素といって…

2023.08.29.

private

豊中市の少路駅近くにある「ステーキハウス神楽 豊中店」で相方の誕生日を祝う

8月末は毎年恒例の相方の誕生日祝い。 せっかく豊中市に引っ越してきたので、今回は豊中のお店に行こう!ということで、比較的家の近くにある「ステ…

2023.08.26.

think

2023年7月の活動報告。7月はこんなデザイン制作をしていました

毎年言っていると思いますが、暑い日が続きますね・・。 夏真っ盛りですが夏らしいことは一切せず、花火をベランダから見たくらいで今年の夏は終わり…

2023.08.07.

blogをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル