検索順位チェックならNobilista詳しくはこちらの記事へ

【#06 アイキャッチ講座】フラットデザインで統一感のあるテンプレート

当ページのリンクには広告が含まれています。

アイキャッチアドバイス企画の6人目は
ゆうこりんさん」です。

ゆうこりん

よろしくお願いします!

ゆうこりんさんの運営する「スマホで始める仮想通貨とNFT YUKO BLOG」では、スマホでできる仮想通貨の運用方法についてわかりやすく解説されています。

うたまる

パソコンが無くてもできるように解説してくれているから、初心者の人にもわかりやすいですね!

それでは早速アイキャッチを見ていきましょう。

【この記事の著者】 うたまる
  • フリーランスブロガー
  • ブログとHP制作で収益6桁達成
  • 色彩に15年以上関わってます
  • アイキャッチの作成が好き
  •  Twitterはこちら
うたまるです

当ブログではCanvaで画像を作成しています。

Canva(キャンバ)は無料で利用できる優秀な画像編集ツールです。

有料版にアップデートすると、豊富な素材や画像サイズの変更、背景の透過など、編集の効率が格段に上がります。

\30日間無料でお試し/

30日以内に解約すれば追加課金なし

アイキャッチの作り方については、こちらの記事に詳しくまとめています。

目次

ゆうこりんさんのアイキャッチの確認

今回ご相談されたアイキャッチはこちらです。

引用元 : YUKOblog
うたまる

ぱっと見の感想は「かわいい!」でした。
ビビッド系の色を使うとダサくなりやすいので扱いが難しいですが、上手に作られていますね!

ゆうこりん

早速見てもらってありがとうございます!!
しかも、かわいいと言ってもらえて嬉しすぎます!

うたまる

強いて言うなら「TikTokフォローキャンペーン参加方法」の文字を少し小さくするとバランス良く見えますよ!

うたまる

赤線の内側で揃えるだけでもまとまりが出ますよ。

ゆうこりん

やってみます!

うたまる

この画像は僕が下手に手を加えるよりそのままの方が良いと思います。それよりも、こちらのアイキャッチの方が気になりました。

ゆうこりんさんのアイキャッチ
ゆうこりん

ブログを始めたときはアイキャッチを作っていましたが、最近は諦めて画像だけにしていました。

うたまる

画像だけなのが悪い訳ではありませんよ。だけど、せっかくのアイキャッチ添削企画なのでこちらの画像を変えてみましょう!

ゆうこりん

お願いします!

次はゆうこりんさんのお悩みを聞いていきますね。

ゆうこりんさんのアイキャッチ|お悩みカウンセリング

うたまる

アイキャッチを作るとき悩むところはありますか?

ゆうこりん

Canva(無料版)で、テンプレートを使わないとあか抜けない。でもアイキャッチにちょうどいいテンプレートが見つからない。というのが悩みです。

うたまる

なるほど。ちなみにどんな感じのアイキャッチにしたいとかってイメージはありますか?

ゆうこりん

分かりやすくてオシャレで統一感のあるアイキャッチを作りたいです。できれば手間なく作っていくためのアドバイスをいただきたいです!

うたまる

写真を入れると、ブログのふんわりした雰囲気が崩れてしまいそうなので、変化をつけるならゴシック体で文字入れしてみるのも良いかもしれないですね。

ゆうこりんさんのアイキャッチ|改善案

ゆうこりんアイキャッチ

ゆうこりんさんに伺った内容をまとめると、

  • わかりやすいアイキャッチにしたい
  • おしゃれで統一感のあるデザイン
  • 手間なく作成したい

このような要望がありました。

うたまる

今回はアイキャッチの改善ではなく、うたまるからの提案といったスタンスで作成していきます。

アイキャッチの作成案

今回作成したアイキャッチがこちらです。

アイキャッチの作成案

\クリックで切り替えられます/

うたまる

今回は、ブログの雰囲気を壊さないように、柔らかい色味を使ったフラットデザインのテンプレートにしてみました。

ゆうこりん

これならイラストと文字を変えるだけで他にも使えますね!

うたまる

今回は同じ色で作成しましたが、カテゴリー別に色分けするだけで、わかりやすく変化が出せますよ。

ゆうこりん

そっか!なるほど!
質問ですが、このテンプレートで使ってるイラストはCanvaにあるものですか?

うたまる

そうですね!Canvaの素材から選んで使用していますよ。

ゆうこりん

そうなんですね!同じテイストの素材を探すのが難しいんですが、なにか秘訣はありますか?他サイトから取ってくると透過してないから、背景になじまなくて…

うたまる

Canvaの素材を検索して気なるテイストの画像を見つけたら、画像の「…」をクリックするとブランドが表示されます。ブランド名を押すと同じようなテイストの画像が出てきますよ。

ゆうこりん

Canvaって同じブランドで探せるんですね!使います!!

うたまる

ただ、透過に関してはCanvaPROでないと使えないんです…

ゆうこりん

そっか…アイキャッチ作るのを諦めて画像だけにしていたので、プロにはしてないんです!笑
とりあえず無料のままカテゴリー別に色分けして作ってみますね!

うたまる

やってみてください!無料でも結構使える機能多いから、どうしてもってなるまではいらないと思いますよ。

\30日間無料でお試し/

30日以内に解約すれば追加課金なし

アイキャッチ添削後のゆうこりんさんのアイキャッチ

ゆうこりんさんが作成したアイキャッチ

うたまる

文字を入れることで、どんな内容の記事なのかがわかりやすくなりましたね!

ゆうこりん

透過できなかったので、カテゴリーの色は枠をつけてみました!

うたまる

とても良い感じになってると思いますよ!

ゆうこりん

ありがとうございます。
めっちゃ参考になりました!
これからもよろしくお願いします!

うたまる

わからないことあれば気軽に聞いてくださいね!

アイキャッチテンプレートの作成については、こちらの記事も参考にしてください。

ブログに関する悩みは、ブログ仲間と一緒に解決するのが最適です。

みんなでレベルアップできるコミュニティ「BLOCO -ブロコ-」を運営しています。

気になる方はBLOCOについてのページを読んでみてくださいね!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次