バナー模写課題

バナー制作練習のため、ブログ「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を聞く視点をそのままバナーにすることを目指しましたが、スマホ画面とその奥のバランスが難しかったです。

スマホ画面と背景のトーンがなじみ過ぎても、違いすぎても違和感が出てしまい、バランスを取るのが難しかったです。

今回については、背景のみに粒状のテクスチャを加えて、若干の差をつけようと試みましたが、なかなか納得のいく仕上がりにはなりませんでした。