429395500d2ca9c4

【練習】架空バナー制作(WEBデザイナー交流会)

OVERVIEW

ShelikesのWEBデザイン講座にて行った練習用課題です。 指定の写真を使い、「WEBデザイナー交流会」用のバナー制作をしました。 Photoshopを使い始めて最初に作成したバナーです。

■制作要件

①制作目的

イベント開催周知、申し込みページの誘導

②ターゲット

Webデザイナー歴1〜2年の初心者デザイナー。最近スクールを卒業し、Webデザイナー として働き始めたがまだまだ不安がある方。フリーランスを目指しており、同業の方との繋がりが欲しい方。

③掲載場所(サイズ)

Twitter(幅1146px 高さ600px)

④方向性

女性向け、暖かいイメージ

⑤伝えたい事

トークセッションもあるが、メインは参加者同士で交流ができること

■制作したバナー

●情報設計で工夫したこと

最初にイベントタイトルと開催日を読みやすいように、左側に文字を揃えました。
そこから全体を見て写真や雰囲気を伝えられるように右側に文字を被せていない
写真を配置しました。全体的にふんわりした印象にしています。

また、左半分の背景カラーを右側に少し広く取り、
全体的に窮屈に感じないようにしています。


●デザインで工夫したこと(配色、フォント、写真など)

・時間の「:」をベースラインシフトで微調整して数字と上下の中央に配置しました。
・開催日は数字が見やすいよう(.)で区切り、字のバランスに気をつけて配置しました。
・開催日、参加費無料、オンライン可のフォントも丸みのあるものを選んでます。
・色合いは女性らしいやわらい印象にしたかったので、写真のトーンを薄めました。
・テキスト文字は4色でサーモンピンク系と白・グレーでそろえました。
・英字の部分は筆記体風のデザインを選んでいます。