WEBデザイン

バナーをリデザインしてみた!スピード感のあるバナーに変身!

>>レジュメはコチラ

 

どーも!学長です!

今日はバナーの授業です!

さて今回のデーマは・・・

 

 

バナーをリデザインしてみた!

スピード感のあるバナーに変身!

 

 

バナーはいかに小さな面積で、

ユーザーにわかりやすく伝えることが必要です。

今回あるバナーデザインが非常に気になったので、

リデザイン(再設計)してみました!

 

 

それでは授業を始めます!

 

スピード感が伝わらない・・・

このバナーを見てあなたはどう感じますか?

350x279xf06cfe4dd318a7e7af91a580

このバナーを見た瞬間「何のバナーだろ?」って思いました。

よく見るとパソコンのエラーにより動作が遅くなってしまった方向けのバナーですね。

私が気になった点は以下です。

 

 

・スピード感がイマイチ伝わらない

・イラストの意図がわからない

・何を一番強調したいのがわからない

 

 

以上の点です。

 

そこで私がリデザインしたバナーがこちらです。

banner01

いかがでしょうか?

かなりデザインが変わりましたが、

レイアウトはほとんど変えていません。

変わった点は以下の通りです。

 

 ・背景にスピード感を出す

・走るモデルのみではスピード感が伝わらないのでPhotoshopで加工

・「遅い」を強調

 

 

このバナーの方が私のバナー三原則

 

 

「目立つ・わかりやすい・クリックしたくなる」

 

 

になりますね。

バナー広告を置いても、クリックされないと意味がないです。

ユーザーがクリックしたくなるようなデザインにしていきましょう!

 

まとめ

今回はバナーをリデザインしてみました。

あくまでも今回の修正点は私感です。

ですが、私がデザインをしたバナーはクライアント様からお褒めの声を頂いています。

 

>>制作実績はコチラ

 

バナーデザインやヘッダーデザインなど添削は無料で行っています!

 

>>お問い合わせはコチラ

 

お気軽にお問い合わせください。

 

 

さて今日の授業はここまでです。

何か不明な点がありましたら下記からお問い合わせください。

デザインの事はもちろん、アフィリエイトの相談、その他ネットビジネスの相談、

恋愛の相談(笑)なんでもOKですのでお気軽にどうぞ!

バナーデザインやヘッダーデザインなど添削は無料で行っています!

>>お問い合わせ

blogranking



お名前 (必須)

メールアドレス (必須)

ピックアップ記事

  1. 学園長から挨拶

関連記事

  1. WEBデザイン

    ヘッダー画像の作り方を学ぶ!(個人用ブログ編)

    どーも!学長です!今日はヘッダー制作の授業をします。&…

  2. WEBデザイン

    【WEBデザインを独学で学ぶ】対比の原則を学ぼう!

    どーも。学長です。今回もレイアウトデザインについて授業をします…

  3. WEBデザイン

    【WEBデザインの配色を学ぶ】WEBを参考にしよう!

    どーも!学長です!今日はデザ学に届いたメールを紹介します。…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

ラジオはじめました!

クライアント様サイト

  1. 制作実績

    ビジネスヒーローのショーゴさんから依頼をいただきました!
  2. 日記

    となりのシムラの出演者が凄かった!
  3. いわさきちひろ×佐藤卓=展

    日記

    いわさきちひろ×佐藤卓=展を見に行った感想
  4. RADIO

    【RGBラジオ第22回】新入社員の頃を振り返ってみよう【新社会人のみなさんへエー…
  5. GIMP

    【GIMPの使い方】レイヤーモードを使い合成する
PAGE TOP