バナー練習問題に挑戦!

Webデザイン学習

こんにちは!

思わずクリックしたくなるバナーデザインのきほん』を読了しました。

巻末には練習問題としてお題が6つあったので、仕事の合間を見て挑戦!

お題に対して画像などは自分で探す問題だったので、画像選別に時間がかかったかな?

これもいい勉強になりました。

「こここうしたらもっと良くなるよ!」という点に気づいてくださった方は
ぜひぜひ!教えてくださいー!

Lesson1.プログラミングスクール・生徒募集

お題のターゲットが広かったので、

  • 25歳女性
  • オシャレに敏感
  • 新卒から働き出して3年、そろそろ転職を考えようとしている

と少しだけ細かく設定し直して制作しました。

ギリギリ可愛らしいラインのピンクを用いて、あしらいや手書き文字も「オトナ女子」っぽいフォントに。

また、本書の中にあった「穴から顔を出す」を使ってみました!

Lesson2.土地活用・相談会申込

こちらはメダルを使うべき!と思いつつも、どうもしっくりこなくて、、

王冠とゴールドのリボンに決着しました。

文字を見せたい vs メダルでNo.1アピール

うむむ、後者も作ってみたら良かったかもです!

こういう時、本当のお仕事だとクライアントと相談し合って決定していたのですが、
これは甘えだったのかな?と反省。

白ベースだったので、境界線が分からなくならないよう枠をつけております。
(以前アロードさんのレビューで教えていただいた細かな点を活用!)

Lesson3.ショールーム見学会

個人的にターゲットが「ミニマリスト」とかだったので、ごちゃごちゃしない感じに仕上げました。

アースカラーご指定だったのですが、
「はて。アースカラーとは。」と調べてみると、私が思っていたアースカラーより多くの種類がありました。

そしてフォント。

ナチュラルな雰囲気のフォントとは、と未だにこちらが正解かはわかりません、、

Lesson4.クレンジングオイル・新商品PR

一番時間がかかったこちら!

図解配置希望とのお題が難しすぎて、、

図解って難しいことを図やイラストを用いてわかりやすく示すことだと思ってたのですが、
もしかしたら効用とかを図解するべきだった、、?うーむ

ディレクションするときは参考を一緒に添付してお送りしよう!という学びになりました!

こちらは本書の鏡面反射を使いました!

Lesson5.オープンキャンパス案内

初挑戦・アメコミ風!!!!

これは嫌でも目に入るんだろうなーと、カラーの強さを再確認。

「先輩がまってるよ!」の箇所、どうにも出来なかった、、

こちらは未完です、精進します!!!

あと学生さんのとこ、男性が同じ人物でごめんなさい、素材がなかったの、、涙

Lesson6.バスツアー・参加募集

こちらは本書の花火大会のページを参考に作成しました。

初めは↓にしようとしたのですが、せっかくなので本書を参考にしてみました。


さいごに

6つ作ってみて、やはりバナーって難しいなぁと。

デザイン的にはごちゃっとしてても目には留まる、などなど、、

一概に「これがいい」ってのもないし、常にABテスト出来るわけでもないしで。

そしてまだまだデザインの勉強しなきゃな、、

最近、おすすめしてもらったコミュニティに参加しようと思っております!

気合を入れて、3ヶ月のみ時間を区切って勉強しようかなー。

(ダラダラしてると、この練習問題みたいに数ヶ月使っちゃう!!)

では、またこんど。

コメント