なんだかお久しぶりな投稿となりました、アイキャッチ添削。今回で28回目となります！
最近、ついにイラストレーターを1年分購入致しました。ロゴ作成や文字挿入をしたいな～というのが理由ですが、比較記事なんかも書いていきたいですね！
…っと関係ない話をしてしまいました。
さて、今回アイキャッチ添削にご応募いただいたのは…もともとは小学校の先生をされていて、今は子供の学習教材に関する情報を発信されている、shufukanekoさんです！
よろしくおねがいします。
こちらこそ、よろしくお願い致します！
元、先生ということもあって少し緊張気味にはじまりましたが、最後までぜひおたのしみください。
shufukanekoさんの作品
作者 …shufukanekoさん
掲載記事 …【2021保存版】幼児通信教育教材｜人気のおすすめ11社を徹底比較！
掲載サイト…kanekoblogうちまな
shufukaneko さんは小学校の元先生で、子育て中に「お金」と「時間」を大切にできる情報を発信されています。
お悩み
どんなお悩みがありますか？
視認性を高くしようと思ってデザインしましたが、イマイチなんです。
ふむふむ。凄くよくできていますね！サイトイメージにピッタリのアイキャッチです！でも。ちょっとしたポイントを気を付けるともっとよくなりますね！
オシャレかつ、思わず目を引くデザインを教えていただけたらと思います！
オシャレかつ目を引くデザインにする！
添削開始
まず第一印象を…。
どきどき。
教育関係という事もあって、サイトイメージととてもあっていて良い出来ですね！
よかった！
- サイトイメージにあったアイキャッチする事はとても大切！
背景の色について
背景をモノクロにしておられるのは、テキストを目立たせる為ですか？
バックの画像は、雰囲気を伝えたいだけだったので、白黒にしてみました。あとは視認性を高めるのが目的です。
バックをモノクロにする事で、テキストボックスのカラーが良く目立つようになりますので、とてもよいと思います。シックで格好よくなりますしね！
- モノクロ写真を使う事でテキストが目立つ。
- モノクロはシックなイメージで格好よく仕上がる。
使用フォントについて
明朝のフォントを使用している理由はありますか？
それまで作っていたアイキャッチがゴシックを使った、ごちゃごちゃしたデザインが多かったので、スッキリしたデザインにしてみたくて明朝を採用しました！
基本的に私は慣れてない方にはゴシックをおすすめしています。なぜかというと、視認しやすいという事とデザインのしやすいからです！
やっぱりゴシックがいいのかな…。
でも教育系のサイトという事もありますので、権威性が求められるので明朝を使うという選択肢は正解ですね！
- 権威性が求められる記事やサイトには明朝がフィットする！
フォントの色について
視認性を上げる為にフォントの色や影などで工夫されていますね！
おっしゃるとおり、影をつけたところ・フォントカラーです！
工夫されているのは凄く良いですが、メインキーワードの方が色が薄くなっているので、ちょっと目立ちにくくなっています！
そうか！
- キーワードに優先順位をつけ、優先順位が高いキーワードを目立たせるように配色しよう！
テキストの長さについて
左上の吹き出しをつけた理由は、テキストが長くなりすぎたからではないですか？
文が長くなったというのが、最大の理由です。エスパーみたいですね(汗)。
私は基本的にはキーワードを絞った箇条書きをおすすめしています！
見やすいですね！
しかし、教育系という事ですので、多少文になっている方が権威性がでます。
よかった！
ですので、吹き出しを使ってキーワードを分けるのはアリ！です。
- 教育系など権威性が必要なサイトや記事の場合は、文章の方が説得力がある。
- ただし、本当に長文にしてしまうと読まれなくなるので、要らない文字はできるだけ省く事！
総合的な添削結果
細かいところばかりですが、こういう所を気を付けるとまとまりやすいです！
添削完了！
では今までの注意点に気を付けて修正した画像をみてみましょう！
お願いします！
- 使用カラーが「モノクロ」と「ライトブルー」のみだったので「アクセントカラー」としてイエローを追加
- こどもの顔が見えるように、テキストボックスを少し下に移動
- メインキーワードを一番大きく、真っ黒文字で目立つように
- サブキーワードを簡略化
- サブキーワードの中でも「５」と「徹底比較」を強調する
- テキストボックス内の上下余白が均一になるようにテキストを配置
うわーめちゃおしゃれやないすか！！ やっぱバランスの良さって大事ですね〜♪
ふちどり文字
Canvaは標準ではふちどり文字が無いんですが、それっぽく作る事ができます！
- テキストをクリック
- 上部の「エフェクト」をクリック
- 左側の「スタイル」の中から「スプライス」を選択
- 「オフセット」のスライドバーを一番左にして「０」に
- 左側ウインドウの「カラー」で文字の中の色を選定
- テキストカラーでふちどりの色を選定
- 「エフェクト」に戻り、左側ウインドウの「太さ」のスライドバーでふちどりの太さを調整
- 完成！
細かいcanvaの操作方法まで、かなりありがたいです！
ふちどり文字は使い勝手がいいので、覚えておいてくださいね！
添削を終えて
実際のところ、shufukanekoさんのレベルが高いので、そのままでもいいくらいでした！
めちゃめちゃ分かりやすいです！！
ふちどり文字だけでなくて、ネオンエフェクトだったり、視認性のよくなる方法がありますので試してみてくださいね！
ネオンでの装飾は全く頭になかったです。
試しにネオンエフェクトでバナーを作ってみました！
黄色も目を引いて思わず注目できますね！！目からウロコでした。
ブログデザインラボでは、#ブログデザイン部の部員を大募集中です！
どんぐり所長のおすすめツール
どこでも、どんなデバイスでも順位チェック
ブログ記事の順位を確認していますか？どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。
ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。
クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。
実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。
＼場所を選ばない快適さを体験して／
Nobilista公式サイト
当サイト推奨 デザインツール
当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ！
当サイトのデザインは、SWELLで再現可能
私はSWELLを2年使用してきました。現在４つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い。
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。
- 完全ブロックエディタ対応
- 直感で使える操作性
- 便利な専用ブロックを多数用意
- お洒落なトップページが簡単に作れる
- 最速レベルのページスピード
- 一度購入すれば複数サイトに何度でも使用可能
- ユーザーの利便性を考える熱意の運営者
- SWELLを紹介すればアフィリエイト報酬が貰える（購入者のみ参加可）
- 販売価格 ￥17,600（税込）
唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。
SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。
＼圧倒的な操作性を体験せよ／
あなたも今日からSWELLER！
お気軽にコメントください