1. HOME
  2. ブログ
  3. デザイン課題で学んだ!『文字配置』の重要性

デザイン課題で学んだ!『文字配置』の重要性

みなさま、こんにちは!

ネットショップの活性化を目指し、
ECサイト経営での黒字化を支援する

『いせ』です。

6月ももう半月が過ぎましたね。
夏に向けての衣替えや熱中症対策は行いましたか?

今回はデザイン課で出されたバナー課題で学んだことを
ご紹介したいと思います!

ちょっとした内容なのですが、
私もあっ!すごい!と感じた学びですので
デザインの制作について気になる方は是非ご一読ください♪


-目次-
1.デザイン制作に入る前にイメージカラーを決める!
2.文字の配置は正確に整える!
3.最後の仕上げ

1.デザイン制作に入る前にイメージカラーを決める!

以前私が書いた記事では
色についてご紹介した記事がありました。

今回はその内容も踏まえてイメージカラーについて
ご紹介したいので、まだ前回の記事を読まれていないようでしたら
併せてお読みいただければ幸いです

▼新入社員が学んだ🖌デザインで大切なこと ④【色から感じる要素編】


さて、今回課題で作成したのは、母の日特集のバナーになりますが
条件として、

【母の日に使えるバナーの作成】
・photoshopにてバナーを作成
・サイズ:616px × 120px
・対象:楽通利用店舗(サポートサイトにて頒布)
・条件:どの店舗でも使えるデザインにする
・2時間で作成、CB後1時間で修正して提出

とありました。
これらの条件の中、以前の記事にもあった色から感じる要素として

母の日といえばカーネーションなど花を贈る習慣があることや、
色から感じる要素編での学びを生かして
ピンクを中心としたバナーを作ることにしました。

そして出来上がったのがこちら。

我ながら2時間で良いのが作れたのでは!?
と思ってましたが、期待を裏切るように
修正内容が送られてきます。

それがこちら。

主な修正内容としては、

・パッと見たときの印象が薄い
・文字の黒色はきつく感じる
文字同士のツラ(文頭と末尾のこと)を揃える

でした。

2.文字の配置は正確に整える!

色から感じる要素編での学びを生かしたこともあり、
カラー面での修正はそこまでありませんでしたが、

文字の配置に対して、ツラである文頭末尾
それぞれ揃っていないため、
統一感が無く目立ちにくいバナーになっている
との指摘を受けてしまいました。

本当に文字のツラ(文頭・末尾)をそろえるだけで、
統一感なんて出るのか?と思いながら修正したのがこちら。

▼修正前

▼修正後

確かに統一感が出ている気が!!

 

最初のバナーでは「母の日特集」より
「日ごろの感謝を込めて~」が横幅を大きくとっていましたが、
2つとも文頭・末尾を揃えることで1つのかたまりとなり
全体的に見やすく統一感が出たように感じます!

たったこれだけのことで、統一感が出るものなのかと
自分でも驚きました!

3.最後の仕上げ

この後は、追加修正として花の明度を明るくしたり、
「母の日特集」が今のままだと目立たないので
グラデーションをかけたりなど所々修正し、

最終的にはこのような形になりました。

今回一連の流れで様々なことを学びましたが、
文字の配置を変えるだけで
統一感が変わるのは一番驚いたとともに
デザインの面白いところだなと感じました。


 

文字の配置について、いかがでしたでしょうか?

以前の記事にしたイメージカラーだけでなく
文字の配置もデザインにとってとても重要な要素
であり載せ方次第で見え方が変わることを
この記事で「なるほどな~」と感じてくださると嬉しいです。

ちなみにこのバナーは楽々通販2をご利用いただいている店舗様は
利用可能となっております!
母の日だけでなくクリスマスやお正月のバナーなどもございますので
お気に召したものがございましたら是非ご利用ください♪

▶バナーダウンロードページはこちら

最後までお読みいただきありがとうございました!

関連記事

おすすめの虎の巻

最近の虎の巻

カレンダー

2021年6月
« 5月   7月 »
 123456
78910111213
14151617181920
21222324252627
282930