【課題】バナー制作

制作時間：4時間

制作範囲：情報設計・ワイヤーフレーム・デザイン

使用ツール：Photoshop

制作物

【Xバナー】

課題内容

情報設計

【ユーザーストーリー】

　まず、女性二人の笑い合っている写真で興味を引きます。次に、「Webデザイナー交流会」で具体的な内容を伝えてさらに興味を持ってもらいます。参加費が無料であることを伝えて、気軽に参加できることをアピールします。最後に、日時と場所を伝えて、参加を促します。

ビジュアルデザイン

【可愛すぎず、明るい配色】

・写真を大きく使用したので、ベースカラーは写真の背景色になっています。

・交流会の温かい雰囲気やポジティブさを伝えるため、メインカラーはオレンジ色を使用しました。

・女性らしさと大人スタイリッシュな雰囲気を出すため、アクセントカラーは薄めの緑色を使用しました。

・食べ物の写真とメインカラー、アクセントカラーを揃えることで統一感を持たせました。

【フォント】

　視認性と女性らしさ、交流会の楽しい雰囲気を表現するため、丸みを帯びたDNP 秀英丸ゴシックを使用しました。

【硬すぎない大人スタイリッシュなあしらい】

　全体的に要素の配置が直線的なため、硬い印象を与えてしまう可能性があるので、参加費無料のあしらいを丸みを帯びたものにし、硬い印象を抑えました。

課題を通して学んだこと

・情報の優先度を整理すること。

　講師からのフィードバックで「見出しと日付の階層が曖昧なので、まず「何のイベントか」を一目で分かるように、タイトル＞日付の順で視線が流れるよう整理すると良いです。」とコメントをいただきました。

　フィードバックをいただき、修正する際に観察すると、タイトルと日付のサイズが同じくらいの大きさになっていて、優先度を整理できていませんでした。目線の動きだけではなく、メリハリが効くことでより情報が入ってきやすいということを学びました。