課題添削

学習・指導内容の一部をご紹介します。

ボジョレーヌーボー解禁のバナー

今回の課題

  • ボジョレー・ヌーボー
  • 画像指定なし
  • 掲載情報 2022年11月17日(木)解禁、予約受付中
  • 幅300px、高さ250pxのサイズ

という条件で制作してもらいました。

作例

初案
添削後

頑張って制作してくれました。
まず良かった点は

  • ワインの赤を生かすために、写真の背景を黒系に加工してくれたこと
  • 文字を入力・配置するだけではなく、揃えたり強弱つけたりの工夫が出来始めたこと

です。だいぶ慣れてきた感はありますね。

ちなみに元写真は以下の写真だそうです。この写真の背景色をPhotoshopで加工してくれたとのこと。

写真に関しては photoAC を使わせていただきました。いつもありがとうございます。

さて、デザイン全体について。
制作者が初案で出してくれたものも、これはこれで良さそうですが、ちょっとだけ修正してもらいました。
修正のポイントは

  • 情報の優先順位
  • 写真を活かすための配置
  • 色の調整

になります。

まず情報の優先順位の判断。まいどおなじみ、これはあくまで講師の判断であって「正解」とは言い切れないのですが…
情報を分解すると「ボジョレーヌーボー」「2022年11月17日(木)」「解禁」「予約受付中」の4つに分けられると思います。この中で優先順位をつけるとしたらどれか?ということ。制作者の判断では「解禁」が主役っぽく感じたようなのですが(もちろんその判断も一理ある)、ボジョレーヌーボーって結局毎年解禁されるので、解禁されるという事実より、解禁がいつなのかってほうが優先なのでは…ということです。というわけで文字情報のなかで一番目立つのは解禁ではなく日付にしてもらいました。

また、今回使ってくれた写真は「飾り」ではなく「伝えたい情報」でもあるので、これをしっかり活かしたほうが良さそう。活かすというより邪魔しないほうが良いかな、という判断です。図解を入れますが

写真の中でピントがあってるのが白丸で囲ったあたりなので、ここを生かすために右側に置いてあった文字をどかしてもらいました。添削前と後を比較すると、自然と「ワイン」に目が行きませんか?

最後に色味の微調整。先行予約受付中の背景色を赤みがかった黒に変えてもらいました。重たい色は下へ、軽い色は上へ、というのが基本になるので(もちろん例外あります)、一番下には一番重い色があったほうが良いかな、グレーだとちょっと不安定になるな、という具合です。まぁこれも感覚的なものですけども、数こなしてると身についてきます。それまでは理屈で考えるというのも大事ですね。

今回のポイントは以上になります。
細かいところで「!」を外したり、左下の円の中を微調整したりもしてますがそれは個人の好みですね。

いかがでしょう?