【アイキャッチ添削027】もとのコーヒーライフ日記|画像の中の色数を減らしてスッキリ

どんぐりです!

皆さまアイキャッチのデザインは捗っていますか?

失敗してもよいので、どんどんご自身で作っていろんなデザインにチャレンジしてみてくださいね!

さて、今回ご応募いただきましたのは、コーヒーソムリエで白熊のもとさん!

よろしくお願いします!!

もとさん
もとさん
どんぐり
どんぐり

こちらこそよろしくお願いします!

もとさんのお悩みは、コーヒーの記事で統一しているアイキャッチについて、修正できるところがあれば早めに直しておきたいとの事で、ご応募いただきました!

今回のお悩み
  • テンプレート化しているデザインにアドバイスが欲しい!

ではでは、早速いってみま~しょう!

目次

もとさんの作品

作者   …もとさん
掲載記事 …コーヒー初心者の方におすすめ!コーヒーソムリエが珈琲きゃろっとのお試しセットをレビュー!
掲載サイト…もとのコーヒーライフ日記
「もとのコーヒーライフ日記」では、コーヒー初心者に向けて分かりやすいようにコーヒーの知識と魅力を発信されています。

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

コーヒー、カフェ感がでるような色合いや文字フォント、デザインを意識して作ってみました!

もとさん
もとさん
どんぐり
どんぐり

カフェのようなお洒落な感じが伝わってきますね!

コーヒーレビューの記事に関しては、全て同じアイキャッチデザインを使用しています。

もとさん
もとさん
どんぐり
どんぐり

ある程度の統一感を出すのは非常によいですね!

  • マンネリ化しない程度に統一するのがコツ!

もとさんの作品を添削開始!

どんぐり
どんぐり

もとさんの作品は「2点」注意すればもっとよくなりますよ!

教えてください!

もとさん
もとさん
どんぐり
どんぐり

注意するところは「文字色」と「テキスト選択」です!

ふむふむ…!

もとさん
もとさん

テキストの色の決め方

どんぐり
どんぐり

まずはテキストの色です。下地の色に近い色を選択してしまっているので読みづらくなっています。

確かに。

もとさん
もとさん
どんぐり
どんぐり

対処法としては下地の色を濃くする手もあるのですが、今回はテキストの色を変えてみましょう。

  • 下地が濃い時は文字を薄く、逆に下地が薄い時は濃い文字を使おう

写真から色を取る

どんぐり
どんぐり

ひとつの画像内で使う色を絞るとすっきりみやすくなります。

ふむふむ。

もとさん
もとさん
どんぐり
どんぐり

理想は「メインカラー」、「サブカラー」、「アクセント」の三色構成です。

あまり色を増やすとごちゃごちゃするんですね!

もとさん
もとさん
どんぐり
どんぐり

そうです。今回のような写真を使う場合は、写真の中から色を取るとうまくいく事が多いです。

どうやって色を取ればよいのですか?

もとさん
もとさん
どんぐり
どんぐり

Canvaでは、色の選択画面に「写真の色」が表示されるので、そこから選べばいいですよ!

本当だ!

もとさん
もとさん
  • 写真から文字や素材の色を取ると全体で使用する色の数を抑えられる

下地が薄い場合は文字は濃く

今回のカラー配分
  • メインカラー|ベージュ…下地、全体
  • サブカラー|ダークブラウン…コーヒー、蓋など
  • アクセントカラー|レッド…はがきのふちどり
どんぐり
どんぐり

では今回はこの中からこげ茶色を…コーヒーの色ですね!

そうですね~!

もとさん
もとさん

読みやすくなりました!

もとさん
もとさん
どんぐり
どんぐり

結構色の濃さの差が大きいので細いフォントも使えますね!

  • 細字フォントを使う場合はしっかりと色の濃さの差をつける

テキストの決め方

どんぐり
どんぐり

もとさんの作品は縦書きなので文章のようにする手法もあるのですが、やはり「箇条書きのイメージ」の方がわかりやすいと思います。

箇条書き?

もとさん
もとさん
箇条書きのイメージ

キーワードをポンポンと置いていくイメージなんですね。

もとさん
もとさん
どんぐり
どんぐり

そうです!こちらの記事も参考になりますよ!

どんぐり
どんぐり

文章になると読みにくいし、一番はデザインしにくいんです…!

確かにそうかも…!

もとさん
もとさん
  • 箇条書きにする事で、アイキャッチ作成時のテキスト配置がかんたんになる!

添削完了

どんぐり
どんぐり

では、私がテキストを選ぶなら~という事で、作成例を作ってみました!

期待です!

もとさん
もとさん
もとさんの作品
どんぐり
どんぐり

文字を入れるだけではのっぺりした感じだったので、飾りで素材を加えました。

凄すぎますー! アフターで感動してしまいました。

もとさん
もとさん
どんぐり
どんぐり

フォントも読みやすい物に変更しました。

読みやすいし、オシャレだしで驚きました!

もとさん
もとさん
添削の概要
今回の試作品

使用フォント
 キアロ

使用カラー

  • メインカラー1(ベージュ)|#E3D3BF
  • メインカラー2(ライトベージュ)|#FFF7EB
  • サブカラー1(ダークブラウン)|#231A16
  • サブカラー2(ライトブルー)|#CEDCF4

文字の色をメインである「珈琲」から取る事で統一感を出す

どんぐり
どんぐり

縦書きの場合は、小文字などがちゃんと良いバランスでるフォントを選んでください!

実際の表示が大事ですもんね!

もとさん
もとさん
  • 縦書きの場合は必ず、実際の表示を確認してください!

もとさんのアイキャッチ添削 まとめ

今回のまとめ
  • テキストは下地と色差をつける
  • 色数はなるべく減らす
  • 縦書きフォントは実際の表示を見て選択する
  • テキストは文章にならない様に!
どんぐり
どんぐり

今回は意識するだけで、すぐ良くなる2ポイントを修正しみました!

この2点に気を付けてみますね!

もとさん
もとさん
どんぐり
どんぐり

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

こちらこそ本当にありがとうございます! すっごく嬉しいです!

もとさん
もとさん
どんぐり
どんぐり

ぜひご自身でもデザインにチャレンジしてみてくださいね!

すごく勉強になることばかりでした! 今後に生かしていきたいです!

もとさん
もとさん

もとさんの運営する「もとのコーヒーライフ日記

目次
閉じる