contentホームこのブログについてデザイナーの仕事紹介お疲れさまです。福岡拠点にてweb関連のデザイン業務を担当しています。担当業務の中でも携わる機会が多い「バナー制作」を例に、デザインの制作過程を紹介したいと思います!みなさまにはなんとなく、デザイナーってこんなことやってるんだな~というのが伝われば幸いです。==================01.必要な要素を整理する今回は架空の案件として・お酒をメインに扱うECサイトのトップに設置する・父の日のプレゼントを検討中の方に、普段買わないちょっと高めのお酒を購入してもらいたいというコンセプトで必要なテキストを洗い出してみます。本当にただ置くだけで、画面に対して文字量このくらいになるんだな~だけ掴んでおきます。02.ラフを書く01を元に、かなりざっくり手書きでラフを書きます。PCで作業するより気楽に沢山のパターンが洗い出せるので、これ以降の作業に迷いが出にくくなる気がしています。いう方向性に決めました。03.文字を入れて配置など検討モノクロで文字要素の配置を決めます。ここでは「文字だけで十分にメリハリがついているか」を一番意識します。・イベントものなのでタイトルと期間はなるべく近い方がよさそう・背景写真にとれる面積が広い方が雰囲気出しやすいかもあたりで、1の方向性で進めます。(2も好きだけどやや堅苦しいな~と未練を引きずりつつ)04.写真素材の選定、配色、フォントなどを検討(前工程からずっと「ギフト」の置き方に悩んでいるのがよく分かります)1の構成で進めてみますが、なんだか写真の落ち着いた雰囲気とタイトル周りの軽さが合わず、変に浮いた印象に...。濃い背景+白文字の方がカッコよくまとまりそうだったので、そこから部分的に2の案も思い出しつつなんとかまとまりました。父の日っぽい・一緒にお酒を飲んでいる夜のイメージで紺色メイン+黄色にしました。05.完成!最後に、あしらいの追加、全体の細かい調整をして完成です。父の日デザインのあるある要素「ヒゲ」「帽子」や、お酒なのでほろよい的な丸のあしらいを足しました。(私個人の好みでやや可愛いさが出てしまいましたが、写真がかなりシックなのでバランスがとれていると思うことにします)通常の業務では、ここから福岡拠点のメンバーや担当ディレクターに確認してもらい、フィードバックをいただいて更に調整します。==================いかがでしたでしょうか。実際は時間の都合や自分の力不足な部分で、手順通りには進まないことの方が多かったりしますが。今後もコツコツと、よりよい進め方に改善していきたいと思います。紹介のためにまとめてみましたが、自分の中での整理もできてよかったです。ちなみに、普段の業務では実際に下記のウイスキーメディアサイトに掲載する一部バナーの制作で携わらせていただいています!https://whisky-lab.com/まさに現在、父の日キャンペーン中です。今回の作例とはまた一味違った父の日バナーなので、こちらもぜひ一度見てみてください。次回のブログはSS部の福田さんです!よろしくお願いいたします。