【自主制作】冬のあったかアイテム特集バナー
SHElikes WEBデザイン入門コースで、演習課題として、提示される要件に沿ったバナー制作を行いました。【制作期間:2日(計4時間程)/使用ツール:Photoshop】
【制作要件】
▶️ 制作目的:
雑誌の冬アイテム特集バナー
▶️ ターゲット:
・寒い冬を乗り越えられるあったかアイテムが欲しい人
・あったかアイテムに興味はあるが具体的に欲しいアイテムが思いついていない人
▶️ 掲載場所/サイズ:
SHEmagazine(架空の雑誌)のWebコンテンツページ( 幅1280px 高さ670px)
▶️ 指定テキスト:
・冬のあったかアイテム特集
▶️ 画像:
支給素材あり(1枚または複数枚選んで使用、トリミング・補正は自由)
・サービス名のロゴ
▶︎指定条件:
・冬のアイテムを1点以上入れる(人物の有無は問わず)
・冬のモチーフ(雪の結晶や雪など)を1点以上入れる
・ロゴの色はデザインに合わせて変更可能
▶️ その他:
・冬限定の題材を取り扱うことが分かるバナーにしたい
・冬のアイテムを具体的にイメージできるような写真を入れたい
・冬を感じられる素材やモチーフを入れたい
・ほっとする温かさが伝わる雰囲気にしたい
【制作で工夫したこと】
▶️ デザインで工夫したこと
・【配色】あたたかさが伝わるように、オレンジ色をメインに、赤、ブラウンをアクセントにした暖色系で揃えました。
・【レイアウト】冬のアイテムの配置は、重心が片側に寄ったりバランスが悪くならないように注意して配置しました。
『あったか』の文字が一番目立つように、比率を大きくしました。
・【タイポグラフィ】ニット素材のふんわりしたあたたかさ、暖炉の優しいぬくもり・・・そんなあたたかさが伝わるように、手書きの優しい雰囲気のフォントを選択しました。
・【写真】雪の柄の背景は、もともとピンク系の色だったのもをオレンジ系になるよう色味の調整をしました。(フリー素材使用)
冬のアイテムについては、カテゴリーが被らず、かつ、色味の系統・強さに統一感が出るよう選択しました。(フリー素材使用)
・【その他】柔らかいあたたかさが伝わるように、また視認性が上がるように、文字に白色で丸の背景や、ふわっとした縁取り、あしらいを入れました。
・【その他】指定素材のロゴは、雰囲気に合わせて色味を調整し、背景に対して視認性を上げるため縁取りを入れました。