【アイキャッチ添削012】コバッチ電気ブログ|テキストの選定と配置

さてさて、はじまりました「アイキャッチ添削」。

突然twitterで始めた企画なんですが、皆様からたくさんのご応募をいただいてお待たせしています。

その中でも一番待っていただいたのが今回のコバッチさん!

頑張って添削していきますよー!

目次

今回の作品

宜しくお願いします!

コバッチさん
コバッチさん

作者…コバッチさん
掲載サイト…コバッチ電気ブログ
掲載記事…工事看板アプリ 『蔵衛門』で工事写真をまとめるのがおすすめ

コバッチ電気ブログでは電気工事士の事はもちろん、DIYやガジェットについても情報発信をしておられます!

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

どんぐり
どんぐり

宜しくお願いします!コバッチさんは毎日投稿されてて凄いですね!

もうすぐ毎日投稿して 100記事になります(テレッ)

コバッチさん
コバッチさん
どんぐり
どんぐり

100記事!本当にすごいですね!では、早速添削をはじめましょう!

お願いしまーす!

コバッチさん
コバッチさん

コバッチさんの作品を添削開始!

なるべく色を統一してスッキリした配色にしています。

コバッチさん
コバッチさん
どんぐり
どんぐり

そうですね!色の種類を押させる事でスッキリした印象に収めていますね!

今回の作品の配色

メインカラー   …スカイブルー(バック)
サブカラー    …ホワイト(文字など)
アクセントカラー …オレンジ(コバッチさんなど)

どんぐり
どんぐり

あと、カテゴリータグが自動で乗るので、画像にそのスペースを開けてあるのも感心しました!

へへへ。

コバッチさん
コバッチさん

カテゴリータグなど重なるところは開けておくとスッキリ使用できます。

そんなに褒めないでくださーい!

コバッチさん
コバッチさん
どんぐり
どんぐり

ではここからは指摘を…!

(ガクガクガク)

コバッチさん
コバッチさん

改善点

どんぐり
どんぐり

改善点は大きく2つあります!

(ゴクリ。)

コバッチさん
コバッチさん

テキストエリアが下がりすぎている

どんぐり
どんぐり

カテゴリータグエリアを確保する為に、全体的に下がりすぎてますね!

確かに全体的に 下がりすぎています!タグが大きくて重なっちゃうんです!

コバッチさん
コバッチさん
どんぐり
どんぐり

タグが無いときに、下部に集中して見えるのでギリギリまで上げちゃいましょう!

テキストごとに優先順位でサイズ差をつける

どんぐり
どんぐり

まずは、キーワードを洗い出してください!

ハ、ハイ!

コバッチさん
コバッチさん
表示したいキーワード

蔵衛門、蔵衛門、工事写真、アプリ、作業効率アップ、写真

アレ?蔵衛門が2つある?

コバッチさん
コバッチさん
どんぐり
どんぐり

ひとつの画像に同じキーワードが2つ以上こない様にしましょう!

指摘されないと 気づきませんでした。

コバッチさん
コバッチさん

同じキーワードがかぶらない様に注意!

どんぐり
どんぐり

次に、キーワードに優先順位をつけていきましょう。

はい!!ご教授ください!

コバッチさん
コバッチさん
  1. 蔵衛門
  2. 作業効率アップ
  3. 工事写真アプリ
どんぐり
どんぐり

こんな感じでしょうか?

はい、その順番で ピッタリです!

コバッチさん
コバッチさん
どんぐり
どんぐり

目立たせたいキーワードを大きく、色も変えて目立たせるとよいですね!

といいますと?

コバッチさん
コバッチさん
どんぐり
どんぐり

キーワードに色やサイズ感で差をつけて、優先順位がわかる様にします!

メインキーワードと補足文をフォントサイズとカラーで差をつけよう!

添削完了!

どんぐり
どんぐり

ではいままでの改善点を考慮してアイキャッチを作成していきましょう…!

ドキドキ。

コバッチさん
コバッチさん

配色について

どんぐり
どんぐり

基本的に真っ黒のフォントはおすすめしないんですが、コバッチさんはアライグマなのでオレンジ+ブラックが良く似合います!

おっとこれは かなり見間違えてみえます! 自分の感覚にない発想!

コバッチさん
コバッチさん
どんぐり
どんぐり

積極的にオレンジ文字+黒ふちどりの文字を使っていくと、よく似合うと思います!

なんだか自分の体の色にも合ってますねwww

コバッチさん
コバッチさん
真っ黒(#000000)は目立つ

コバッチさんは真っ黒(#000000)が良く似合う

一般の方は真っ黒は使いすぎないように注意

どんぐり
どんぐり

アライグマカラーのオレンジ+ブラック+ホワイトにもう一色の組み合わせが、コバッチさんには良いかもしれませんね!

キーワードについて

どんぐり
どんぐり

ブログのアイキャッチを作る場合は、数字を使用すると効果的です!

確かに前のアイキャッチでは 注目するポイントがわかりづらかったです。

コバッチさん
コバッチさん
どんぐり
どんぐり

特に奇数を使うとクリック率があがりますよ!

なんと、それは知らなかった!

コバッチさん
コバッチさん

ブログ用のアイキャッチには奇数の数字を入れると効果大!

総評

どんぐり
どんぐり

いかがでしょうか?

正直アイキャッチについての配色はセンスが必要だと思ったので今まで避けてました。

コバッチさん
コバッチさん
どんぐり
どんぐり

メインカラー、サブカラー、アクセントカラーの3色を意識すると綺麗にしあがりますよ!

どんぐり所長からの提案でまだまだ成長できるところがあることに気付きました。 日々勉強していきます!

コバッチさん
コバッチさん
どんぐり
どんぐり

デザインは楽しいので是非チャレンジしてくださいね!

あの…最後になんなんですが…。

コバッチさん
コバッチさん
どんぐり
どんぐり

どうしました?

ボク、アライグマじゃなくレッサーパンダなのでwww

コバッチさん
コバッチさん

グフッ(吐血)

本気で間違えておりました。大変申し訳ございませんでした。

どんぐり
どんぐり

当サイトでは、常時アイキャッチ添削を募集しています!

目次
閉じる