副業の始め方完全ロードマップ#4 デザイナーの宿題に挑戦!【マナブの宿題】

副業の始め方完全ロードマップ#4 デザイナーの宿題に挑戦!【マナブの宿題】

2020年8月1日

マナブさん(@manabubannai)がYouTubeで発信しているプロジェクト、副業の始め方完全ロードマップ

その第4回のデザイナーの宿題をやります。

 

宿題の内容は、

①ソフトのインストール

②バナナさんのバナーをつくる

です。

さっそく、始めましょうー!

 

まずは、宿題の内容を確認

第4回 副業の種類・始め方を解説する【宿題あり】- YouTube より

宿題の内容はシンプルですね。

「バナーを作る」シンプルな一文ですが、やりごたえありそうな予感がしています…笑

 

少し細かくみていくと…

①ソフトのインストール

インストールするソフトは、AdobeのIllustratorかphotoshop。

どちらかをインストールし、デザインを作成できる環境をつくります。

 

②バナナさんのバナーをつくる

YouTube内のリンクから素材をダウンロードし、

実際にバナーをデザインし、①でインストールしたソフトで作成・提出です。

 

①ソフトのインストール

AdobeのIllustratorもphotoshopも、すでにインストールされているので、

すでに完了済み。

ここはスキップします!

 

②バナナさんのバナーをつくる

ソフトの準備はできているので、実際に手を動かしていきます!

 

##バナーデザインの下準備

まずは、素材の確認。

リンクをクリックすると、バナナさんいました。

なかなかいい顔をしています。笑

 

 

次は、デザインするものの目的の確認

 

バナー=リンク先のサイト・ページの入口なので、

リンク先は、何のページか?

どんな人にクリックしてほしいのか?

は最低限決めておきたいところ。

 

今回は、

リンク先は?

副業の始め方完全ロードマップのプレイリスト、またはtwitterの#マナブの宿題の検索結果

どんな人に?(ターゲット)

副業を始めることに躊躇(ちゅうちょ)している人、#マナブの宿題やろうか足踏みしている人

と設定しました。

 

この設定を踏まえて、

バナーをクリックしてもらうために、ターゲットの背中を押す一言をバナナさんに言ってもらう。

バナーの雰囲気は、ロードマップのアイキャッチに寄せる。

この方向で、デザインしていきます。

 

ゆるいですが、今回は手を動かす。手を止めないことに注力したいので、

大まかに決めて見切り発車気味でいきます!

 

##要素を書き出す

バナナさんを活かすために、

バナナさんの一言をメインにしたバナーを作っていきます。

 

バナーに必要な要素は..

バナナさん

一言の吹き出し

プロジェクト名「副業の始め方完全ロードマップ」

ハッシュタグ「#マナブの宿題」

 

こんなかんじですね。

##要素を配置・整理する

バナーに入れる要素を書き出して、Illustratorで配置していきます。

 

フォントや色などは一旦置いておき、白黒で配置します。

 

##フォントや配置調整

文字を打ち込んだままでは、見づらいのでサイズ等調整していきます。

副業の始め方〜を元のYouTubeのバナーに合わせます。

 

##動きを出す

大人しいままだと、バナナさんのキャラクターが生きてこないので、

バナナさんの一言の文字・吹き出しに手を加えます。

 

##色をつける

要素の配置・調整が出来たので、ここで色をつけます!

なんか寂しくて、もう一歩何かほしいですね。。

 

##アレンジして完成

アイコンを使った背景を作ってポップで楽しそうな雰囲気を出し、

バナナさんに影をつけて奥行きを出してみたいと思います。

 

後は、ハッシュタグの前にtwitterとYouTubeのアイコンをつけて..

 

 

良さそうですね!

 

もう一歩踏み込んだらグッと垢抜けそうですが、、

今はまだ勘所がつかめていないので、バナーデザインの初回はこれでいきます。

ここを出発点に、積み上げていこうと思います!

完成・提出!

完成したデザインがこちら↓

(クリックすると、マナブさんの再生リスト【副業ロードマップ】へ飛びます)

バナーデザインの宿題、完成

そして、twitterで提出しました。

 

動画を見る→宿題をやる→提出 の流れができたので、一段落です。

小さい一歩ですが、達成感があり満足

そして、次が楽しみ..!

 

新しいことへのチャレンジは楽しい!

このブログ自体が、新しいことを始めたい、チャレンジしたいと思い開設したものです。

 

そのブログと並行し、

今までの経験やブログ・webと相乗効果がありそうなものをやりたい!と考えていたところ、

マナブの宿題と出会いました。

 

いくつかあった中で、相乗効果がありそうなwebデザインを選択し、宿題のバナーを作成。

 

未踏の領域のものを初めて作ること、作ったものを公開すること。

 

どちらも何だか恥ずかしいですが、

「挑戦すること、挑戦をブログで発信すること」に挑戦するんだー!!

恥ずかしがる自分を説得し、デザインとブログ記事を作成しました。

 

ハズいな..と思ってましたが、手を動かすのはやはり楽しいですね。

 

この楽しさを忘れず、自分の力をつけるため、

副業の始め方完全ロードマップに食らいついていく所存です。

 

マナブの宿題に挑戦されている方、一緒にがんばりましょう!

まだの方、興味がある方、twitterの#マナブの宿題をご覧になってみてください。

 

次の宿題は、何だろう..(ワクワク) :)

 

参考にした本

バナーをデザインするにあたって、こちらの2冊を参考にしました。

 

なるほどデザイン

見ていて楽しいし、タメになる本。

デザインを勉強していると多くの方がおすすめに挙げる人気の本です!

レイアウト基本の「き」

レイアウトや文字組の基本について、やさしく・しっかりと解説してくれる頼もしい本。