スポンサーリンク

【デザインの勉強】バナナのバナーでマナブさんの宿題やってみた

デザイン

マナブさんの宿題に便乗して
デザインの勉強を始めてみました。

スポンサーリンク

マナブさんの宿題

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

この動画では視聴者に
宿題を出しています。

✅ブログの宿題
➡️すでに実行済み!

✅動画編集の宿題
➡️すでに実行済み!

✅YouTubeの宿題
➡️すでに実行済み!

✅ライターの宿題
➡️すでに実行済み!

✅デザイナーの宿題
まだやったことがないぞ…

✅プログラミングの宿題
➡️すでに実行済み!

ブログは現在作り続けているし
動画編集やYouTubeも過去にやったことがあります。
ライター、プログラミングも挑戦しましたが、
一つに絞った方がいいと思い
一番モチベーションが高くできるブログに専念している状態です。

しかし、ここにある宿題のうち
唯一、未実行だったのが
デザイナーの宿題でした。

ということで、
デザイナーの宿題をすることにしました。

デザイナーの宿題の内容は
「バナナのバナーを作ること」
です。

ではさっそく挑戦。

version1 最初のバナー

まず最初に作ったバナーはこちら

バナナのアフィリンクを貼って

  • バナナの食べてもらいたい
  • バナナを食べるベネフィットを列挙
    効能はこちらを参照

という単純なバナーになりました。
(クリックするとAmazonのバナナのページに飛びます)

う〜む

これでは寂しいし、
完成にはしたくないけど…

ここから何をすればいいのかわからない…
パターンや選択肢が思い浮かばない!

Photoshopの使い方は知っている。
でも、アイデアが出てこないし、
改善案が浮かばない。

課題点

バナーのデザインパターンの
インプットが圧倒的に足りない

version2

ということで、作り直すことにしました。

とりあえずバナナのバナーに挑戦した人を見てみる

なるほど…

学んだことはこんな感じ

  • 文字の配置をもっと工夫する
  • 目線をバナナ→文字で終わらず、
    クリックに誘導する
  • 装飾をもっとつけてもいい

ということで、作り直したのがこちら

ちなみにBeforeはこちら

変更点は

  • 吹き出しを追加
  • バナナの文字を装飾
  • CLICK誘導も表示

Beforeはシンプルというよりも
物足りない印象だったので
すこしよくなったと思います。

描いていた完成図の表現
や操作の仕方が分からず
この表現で妥協した感じです。

例えばバナナのもじも下地が欲しいなと
思っていましたし、
効能も文字の並べ方に工夫があってもいいかなと
思いますが、
やり方がわからず
これでVersion2をかんせいにしました。
時間をかけて調べれば
もっと表現ができたのですが、

Photoshopの使い方の勉強がまだまだ足りない

ということがわかりました。

課題点

Photoshopの使い方、表現方法の
バリエーションが足りない

version3

現在制作中

タイトルとURLをコピーしました