バナー制作練習のため、ブログ「Webクリエイターボックス」さんのバナー10本ノックより、架空のシャンプーのバナー制作に挑戦しました。
(URL:https://www.webcreatorbox.com/blog/banner-design-10)
種類
バナーデザイン
使用ソフト
Illustrator
テーマ
WebデザインやWebサイト制作についてトークするPodcast番組。最近のトレンドやリスナーからの質問に答えている。
番組名:ManaのWeb クリエイターカフェ
キャッチコピー:駆け出しWebデザイナー、エンジニアのための Podcast
印象:カフェでゆったりくつろぐ雰囲気、優しい、リラックス、デザイナー、PC、プログラミングの休憩中に
ターゲット:Webサイト制作やデザインを勉強中の人から、Web 業界 3 年位の中級者。Web制作に関する勉強をしているが、もっとモチベーションを上げたい。
テーマカラー:#00bbdd
デザインのポイント
1. ターゲットへのアピールポイント
今回のお題は、Webサイト制作やデザインを勉強中の方がターゲット。 「私だったらどんなバナーにひかれるだろう」と想像しながらデザインしました。
ターゲット層は、日頃よりバナーデザインに関心が高い傾向にあると考え、できる限りユニークなデザインを目指すことにしました。
2. カフェでゆったりくつろぐ雰囲気、優しい
テーマカラーである「#00bbdd」はにぎやかな水色であるものの、カフェでくつろぐ優しい印象というテーマ設定があったため、「#f9e2d5」「#9e736a」を合わせて落ち着いた配色にしました。
また、カフェでpodcastを再生する視点をそのまま構図として落とし込みました。
3. テキストの強調
「Webデザイナー」や「エンジニア」を強調し、SNSをゆったり眺めていても目に入るよう意識しました。
課題
カフェでpodcastを聞く視点をそのままバナーにすることを目指しましたが、スマホ画面とその奥のバランスが難しかったです。
スマホ画面と背景のトーンがなじみ過ぎても、違いすぎても違和感が出てしまい、バランスを取るのが難しかったです。
今回については、背景のみに粒状のテクスチャを加えて、若干の差をつけようと試みましたが、なかなか納得のいく仕上がりにはなりませんでした。