MENU

当サイトはリンクフリーです

当ブログ内の記事本文や図解等は、以下の注意事項を守っていただければご自由にお使いいただいて結構です。

【注意事項】

  • 引用元として当サイト名を記載の上、対象記事へリンクしてください。
  • 添削記事などの紹介者のアイコンは転載不可です。

ご不明な点があれば、twitterのダイレクトメールまでお願い致します。

著者

どんぐり所長

Nobilista公認バッジ

愛用 順位チェックツール

オリジナルグッズ購入

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

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

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

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

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

目次

今回の作品

宜しくお願いします!

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

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

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

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

どんぐり所長
どんぐり所長

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

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

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

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

お願いしまーす!

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

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

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

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

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

今回の作品の配色

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

どんぐり所長
どんぐり所長

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

へへへ。

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

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

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

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

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

(ガクガクガク)

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

改善点

どんぐり所長
どんぐり所長

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

(ゴクリ。)

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

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

どんぐり所長
どんぐり所長

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

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

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

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

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

どんぐり所長
どんぐり所長

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

ハ、ハイ!

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

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

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

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

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

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

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

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

どんぐり所長
どんぐり所長

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

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

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

こんな感じでしょうか?

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

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

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

といいますと?

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

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

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

添削完了!

どんぐり所長
どんぐり所長

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

ドキドキ。

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

配色について

どんぐり所長
どんぐり所長

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

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

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

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

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

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

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

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

どんぐり所長
どんぐり所長

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

キーワードについて

どんぐり所長
どんぐり所長

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

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

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

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

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

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

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

総評

どんぐり所長
どんぐり所長

いかがでしょうか?

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

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

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

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

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

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

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

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

どうしました?

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

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

グフッ(吐血)

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

どんぐり所長
どんぐり所長

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

推奨ザインツール

当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。

Canvaを詳しく知る

おすすめWordpressテーマ

私は、導入するだけで一気にお洒落になるWordpressテーマ「SWELL」をおすすめします。デザイン性はもちろん、その操作性は特筆ものです。

SWELLを愛用する私が実際に使用してきた内容を加えた、詳しい記事を書いています。ぜひご参照ください。

SWELLを詳しく知る

トップページへ戻る

お気軽にコメントください

コメントする

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

目次