【初心者Webデザイナー】バナー制作フロー特訓記録＃01

デザイナーを目指す初心者が、はじめにチャレンジしやすいのがバナー広告の制作です。

しかし実際に作ってみると、
「なんだかしっくりこない」
「パソコンの前で手が止まってしまう」
と、多くの初心者が悩み、前に進めなくなってしまいます。

バナーの作り方の手順やコツを知って、ポートフォリオ掲載や案件獲得を目指しましょう！

今回はデザイン初心者でもチャレンジしやすい「Canva」というツールを使って
実際のバナー制作フローと、私の試行錯誤を記事にしました。
バナー作成・デザイン学習の参考にしてみてください！

筆者のこと

Contents

バナー制作におすすめのツール

デザイナーが制作時に使うツールと言えば？
「Photoshop」や「illustrator」が代表的ですよね。
ですが、それらのツールを利用するのにはコストがかかりますし、使い方に慣れるのに時間がかかるので、初心者にはハードルが高く感じられます。

なので今回は、「Canva」を使ってデザインの練習をすることをおすすめします。
その理由は、

本格的なデザイン制作では物足りない部分があるCanvaですが、学習やSNS・ブログ運営であれば大活躍です。
無料版でも十分な機能がありますが、もう少し効率的に、プロっぽいデザインを！と感じた際には有料版にしてみるのもおすすめです。

いきなりオリジナルで作成しようとしてもうまくいきません。
まずはどんなデザインが使われているのかチェックしましょう。

探し方は、大きく分けて３つあります。

書籍には、フォントやカラー、レイアウトのコツなどが詳細にまとめられているので、１～２冊読み切ってみるとよいでしょう。私が読んだものでわかりやすかったものはこちら。

参考サイトはたくさんあるので代表的なものを置いておきます。

作成したバナーがどこで使われるのかを理解することも大切です。
身近なところでは、LINEや、Instagramなど日常で使うSNSにも、たくさんのバナー広告が使われています。それぞれの媒体によって大きさや特徴が違うので、スクショしてデザインの分析をすると実践的な学びになります。

バナー制作のフローを簡単にまとめます。

いきなりツールを開いてデザイン開始！はNGです。
まずは情報を理解して整理することが大切。
紙とペンを用意して、アナログでラフをいくつか書いてみましょう。
デザインの方向性を固めてから制作することで、迷子になりにくいです。

今回は、「バナーお題10選」の中からヨガのお題をチョイスしました。

概要	バナー設置場所：Instagramフィード広告ターゲット：30〜40代女性、健康志向の会社員・主婦目的：新規入会キャンペーンLPへの誘導イメージ：爽やか・リフレッシュ・笑顔バナーサイズ：1080px×1080px
テキスト	メインコピー：「秋の入会キャンペーン開催中」サブ：「体験レッスン無料＋入会金0円」期間：10/1〜10/31限定 CTA：「体験予約する」スクール名：ヨガスタジオSORA
与えたい印象	リラックス、健康促進、ストレス解消
画像	女性が爽やかにヨガを楽しむ姿
色指定	なし