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

【#19 アイキャッチ講座】テキストをブロックで組み合わせたレイアウト

当ページのリンクには広告が含まれています。
アイキャッチ添削記事のアイキャッチ#19

アイキャッチ添削企画19人目は
ゆきママさん」です。

ゆきママ

よろしくお願いします!

ゆきママさんが運営するブログ「ゆきママの子育てぶろぐ」では、育児や生活に関する情報を発信されています。

うたまる

実体験が綴られた、マウントママ観察日記は必見です!

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

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

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

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

\30日間無料でお試し/

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

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

目次

ゆきママさんのアイキャッチを確認

ゆきママさんのブログを実際に見ていただければわかりますが、アイキャッチに悩むことがあるとは思えないクオリティです。

うたまる

ゆきママさんはアイキャッチが上手なので、大したアドバイスはできないかもしれませんが、提案できることがあればなと思います。

ゆきママ

ありがとうございます。
気になるものは多々あるので、よろしくお願いします!

うたまる

よろしくお願いします。気になるアイキャッチを1枚教えていただけませんか?

ゆきママ

作ってて1番ふわふわしたのは、こちらのアイキャッチです。

ゆきママさんアイキャッチ
ゆきママ

サイトデザインの記事(体験談)なのですが、いまいちしっくりくる画像もないし…ということで画家風のイラストを使用しています。

うたまる

良い感じのアイキャッチですが、他のと比べると悩ましいって感じですかね?ちょっと記事を読ませていただきます。

うたまる

記事を読ませていただきました。ブログのテーマカラーの配色を活かしてサイトに統一感を出すって感じの記事ですね!

ゆきママ

ありがとうございます!そうなんです。

うたまる

ちょっと作成してみるので10分くらいお待ちを!

ゆきママ

10ぷん?!?! え、凄すぎます!!!!

ゆきママさんのアイキャッチ作成案

1時間経過・・・

うたまる

すみません!!
テキスト内容と文字数につまずいて遅くなりました!!!

ゆきママ

いえいえいえいえ!!! 全然ゆっくりで大丈夫です!! 逆に申し訳ないです!!

アイキャッチ作成案

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

ゆきママさんアイキャッチ
うたまる

元々の画像からのイメージを広げて作成してみました。

ゆきママ

わー!可愛い!
私のサイトカラー使ってくださってるんですね!

うたまる

良かったです!配色についての内容だったので、サイトカラーが良いかなと思いまして。

ゆきママ

たしかに!!
配色の内容だからこういうテイストの方がいいですね!

うたまる

あと、文字が強調されるように、テキストの配置をブロックの組み合わせのようなレイアウトにしてみました。

テキストをブロックのように組み合わせる

ただ文字を書くだけでは意味が伝わっても強調はされませんので、テキストのサイズを極端に変えて組み合わせています。

今回の記事内容は、配色を意識しておしゃれなブログに変身することがテーマだと感じたので「配色」と「変身」をより強調したレイアウトにしています。

「配色」と「変身」を大きくして色を変えることで、パッと見たときに目をひくような構図です。

アイキャッチ作成案

文字を大きくするだけでも強調されますが、ブロックのように組み合わせるとスッキリとまとまりが出て、より強調されます。

テキストをブロックのように組み合わせる

このような配置は、単語を強調したい場合に特に有効です。

うたまる

他のアイキャッチを見てもレベルが高いので、他にはあまり言えることがありませんでした。

ゆきママ

ありがとうございます!
このアイキャッチって実際に使っても良いんでしょうか?

うたまる

ぜひぜひ自由に使ってくださいね!

ゆきママ

わーい!師匠ありがとうございます!

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

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

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

アイキャッチ添削記事のアイキャッチ#19

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

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

コメント

コメントする

目次