【アイキャッチ添削001】donguriWEB|文字のバランスと整列を意識する

はじまりましたアイキャッチ添削。

失礼ながら応募して頂いた画像にちょっとだけアドバイスをさせていただくこの企画。

どんぐり
どんぐり

ドシドシ参加お願い致します!

まず手始めとして自分の作品を添削していきます。

どういう流れで進んでいくかも含めて最後まで見て行ってくださいね。

目次

今回の作品

今回の作品

作者…どんぐり
掲載サイト…人生を豊かにするアイデア donguriWEB

掲載サイト・記事・アイキャッチは掲載した時点でのものです。現在は変更されている可能性があります。

どんぐりさんのサイトでは、お金に関する情報を扱われておられます。
このアイキャッチの記事では無料で写真を獲得できる「O-DAN」の紹介をされています。

画像添削

ここからは画像添削をおこなっていきます。

画像割合

写真エリアとテキストエリアの割合が5.5:4.5となっている。

理想の割合は6:4
参考文献:ARULOG 【永久保存版】ブログ初心者でも作れるお洒落なレイアウト5選!

しかし、ピンクエリアのテキストが中心にいない事から、上部の葉っぱは無視してテキストエリアをもっと広くみている。

それを踏まえた上で修正した画像がコチラ。

どんぐり
どんぐり

概ね6:4になっていますね!

そもそも、もう少しポットとカップを右に持っていきたいですね!

ほめらぎ
ほめらぎ

確かに…!

でも…元画像の問題で画像大きくもしづらいですね…。

ほめらぎ
ほめらぎ
  • 写真とテキストの割合は6:4が理想的
  • 右側テキストが読みやすいが、これは好み
  • 元画像の段階で割合を考えて配置するクセをつけよう!

スタイルバランス

テキストエリアのバランスを確認します。

黒丸が空白エリアの大きさになります。

どんぐり
どんぐり

上下左右共にバランスがとれていません!

特に左右のバランスが悪いので修正したいところ。

対処法
 テキストエリアの中心にテキストを配置しよう!

文字のバランス

どんぐり
どんぐり

文字のバランスは概ね問題なし!

文字はなるべく同幅になるようにすると、すっきり纏まります。

カラーバランス

画像のカラーバランスを確認していきます。

色の構成はこちら。

メインカラー  …ライトグレー
サブカラー   …オレンジ
アクセントカラー…ダークグリーン

どんぐり
どんぐり

3色で構成されていますね!

なるべく3色で構成するのがコツです。
3色以上の色を使えば使うほどごちゃごちゃして纏まらない印象になっていきます。

どんぐり
どんぐり

文字や素材の色を合わせることで、使用色を3色に抑えてるんだね!

文字のみやすさ

どんぐり
どんぐり

しっかりと文字が識別できますね!

これだけの文字の明暗差や色相差があればしっかり読み取る事ができます。

フォントも明朝なので細いですがここでは問題なしですね。

総評

スタイルバランスが悪いのに、面倒くさくてそのままにしてます…。

面倒くさがらずに直しましょうか!

ほめらぎ
ほめらぎ
どんぐり
どんぐり

ハイっ!それ以外は色のバランスもよく、概ね満足した出来です!

画像修正

添削前の画像
どんぐり
どんぐり

元画像を少し右に修正し、テキストエリアのバランス調整を行いました!

少し良くなりましたね!

ほめらぎ
ほめらぎ
どんぐり
どんぐり

皆さんもご意見くださいね! またっ!

目次
閉じる