【アイキャッチ添削026】Aoirolife｜正方形サムネイルに対応する
おはこんばんは！
どんぐりです。
今回のアイキャッチ添削は、今後のテンプレートにお悩みの…あおいろさんです！
よろしくお願いします！
こちらこそ、よろしくお願いします！
- デザインに悩んでいて、アイキャッチをテンプレート化したい
あおいろさんのお悩みは、デザインを用意してテキストを入れるだけで完成するテンプレートが作りたいとのこと。
今回も気合いれて作っていきましょう～！
あおいろさんが作成された作品
作者 …あおいろさん
掲載記事 …完璧主義なブログ初心者が疲れて自滅しないための方法
掲載サイト…Aoirolife
「Aoirolife」では、ブログに関してあおいろさんが経験してきた情報を、誰かの為になるよう発信されています！
非常にお上手ですね！
トップページで「正方形」のサムネイルを使用しているので、中央にテキストを配置しています。
ふむふむ。
最近は宇宙の背景に文字をいれるアイキャッチを作っています。
わかりました。では早速添削してきましょう！
余白を意識する
サムネイル化される時に画像が切り取られる場合は、「切り取られた後」をイメージするのが大切です！
ふむふむ。
正方形に切りぬかれた後にも、しっかりと余白を確保すると綺麗にみえます！
本当だ！テキストがはみ出してますね。
- 切り取られた後の画像をしっかりとイメージする
- 切りぬき後にも余白をしっかりと取る
テキストの横幅を合わせる
余白を取ったうえで、横幅をあわせるとすっきりとしますよ！
なるほど～。
テキストの位置を揃えるだけでも印象がガラリと変わります！
- テキストの横幅はあわせる事ですっきりと配置できる！
テキストの選び方
メインキーワードは大きく、その他は小さく。フォントサイズ差をしっかりつけましょう！
テキストにサイズ差をつける事で優先順位を可視化できます。
あまり意識してなかったです！
- テキストにはしっかりとサイズ差をつけて、キーワードの優先順位がみてわかるようにしよう。
テンプレートをつくる
テンプレートを作るうえで拘っている所はありますか？
青色が好きなので、青色でつくりたいです！あと、きっちりしたイメージが好きです。
なるほど！添削作品もすごくお上手でまるで教科書のようですもんね！
ただ、ちょっと堅苦しいかな～とも思っているので、案を頂けたら嬉しいです！
なるほどなるほど。では少し柔らかくなるように作っていきますね！
テンプレート完成！
作ってみましたよ～！
わくわく。
丸、すごくいいです！
丸を使うと一気に柔らかい印象になりますね。
カッチリし過ぎず、カワイ過ぎないので、すごくいいです！
あと、後ろに使用する写真によっても印象が変わりますので、色々試してみると良いですね！
使用フォント
UDモトヤシーダB
使用カラー
- メインカラー（ブルー）｜#1E65CF
- サブカラー（ホワイト）｜#FFFFFF
爽やかなブルーが映える画像を使用。また、丸形のテキストエリアとする事でやさしい印象に仕上げました。
画像の見つけ方
この写真はどこでみつけてきたんですか？
お洒落な写真は「O-DAN」で探していますよ！
ほうほう。
商用利用可のお洒落な画像が日本語で検索できるので便利です！
「商用利用可」なので、ブログ運営にも安心して画像が使用できます。
- ブログには必ず「商用利用可」の画像を使用しましょう。
テンプレート作成 まとめ
ありがとうございました！
気に入っていただけてよかったです！
とっても気に入りました！
では最後に…！
ん？
テンプレート追加
テンプレートが一つだと「マンネリ化」が発生するので他のも作ってみましたよ！
わわっ、ありがとうございます。
暖かい日差しのリビングイメージ
暖かい感じしますね～。
写真の雰囲気がそのままアイキャッチの雰囲気になりますね！
ブルーなオフィスのイメージ
ちょっと近未来的なオフィスの写真を使用しました。
きっちりしながらも、爽やかな色使いですね！
モダンなリビングイメージ
こちらはモノクロでモダンなイメージになっています。
おっ、こちらはきっちりしたイメージになりました。
イエローアクセントのリビングイメージ
アクセントカラーが違う写真を使っていく事で差別化しています。
写真の色で差別化していくんですね～。
赤い花のあるキッチン
ふう…これくらいあれば、しばらく大丈夫ですかね？
追加のテンプレート、すごく素敵です！
ありがとうございます。
記事の内容に合わせて変えられて、マンネリ化しない＆メインの丸デザインはそのままなので統一感もあって！すごく気に入りました。
全部、説明されちゃった（笑）
背景＋見やすい文字のテンプレートとアイキャッチの統一感が欲しかったので、悩みが全部解決されました！
よかったです！
中々自分のイメージを具現化ってできないので、添削をお願いして本当に良かったです。
今回はいろいろ試作品にご協力いただいてありがとうございました！
こちらこそ、たくさん作って頂いてありがとうございます。
作るのは画像を入れ替えるだけなので…それよりも画像を探すのが大変ですね！
そうなんですね！
写真を選ぶにも、構図だったり配色だったり、いろいろ考えて選んでます！
次から気を付けて選んでみます。
よいものができてよかった！
また記事楽しみにいしていますね！
ブログデザインラボではアイキャッチ添削を募集していま～す！
あおいろさんが記事にしてくれました！
今回のアイキャッチ添削を経験して、あおいろさんが記事にしてくれました。ぜひ、あわせて読んでみてくださいね！
あおいろさんが運営する「Aoirolife」
推奨デザインツール
当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。
コメント