デザイン

【Canva】四角に文字をのせるアイキャッチデザイン3つのポイント

【Canva】四角に文字をのせるアイキャッチデザイン3つのポイント
こんにちは! Webデザイナーのアズサ(@azusascom)です。

以前、「【Canva】テンプレートで簡単!ブログのアイキャッチデザイン例5選+α」という記事で、「四角に文字をのせる」というデザインパターンをご紹介しました。

四角に文字をのせるデザインは、初心者でも簡単に使えます。でも、きれいに見せるにはちょっとしたコツがいるんです。

そこで今回は、以前の記事で書ききれなかった、四角に文字をのせるデザインのポイントを3つお伝えします。

四角に文字をのせるデザインのポイント

四角を使うときのポイントは以下です。

  1. 余白をとる
  2. 背景画像に合わせて色を決める
  3. 場合によって透明度を下げる

1.余白をとる

余白があると文字が読みやすくなり、よりおしゃれな印象になります。

タイトルが長い場合、横長の長方形にしてしまってかまいませんよ。

3ステップで簡単!記事タイトルをつける方法

記事タイトルがコンパクトにまとまったら、四角を小さくしても大丈夫。

Canvaフォトエディター5つの良いところ

Canvaのテンプレートは余白があるデザインになってます。ぜひ参考にしてくださいね。

2.背景画像に合わせて四角の色を決める

四角の色は、背景画像に合わせて決めるのが簡単です。

背景が暗い色の場合:白系の四角

簡単!WordPressテーマをインストールする方法

背景の写真やカラーが暗い色の場合、白系の四角をのせると文字を目立たせることができます。

女性も稼ぐ力があれば選択肢は広がる

ポップな色の背景ならば、文字の色も黒以外がいいですね。

「女性」という単語が入ってるので、オレンジ寄りの赤にしてみました。

背景が明るい色の場合:暗い色の四角

WordPressアップデートの種類と3つの注意点

背景の写真やカラーが明るい色の場合、黒に近いグレーの四角がいいですね。

Chromeの検証ツールで画像サイズを確認する方法

文字に色をつけてもいいですね。背景色と同じ色を選ぶときれいにまとまります。

華やかにしたい場合:アクセントカラーの四角

もちろん、カラーの四角も素敵です。背景画像にある色を選ぶと、うまくまとまりますよ。

3ステップで簡単!記事タイトルをつける方法

上記アイキャッチは、背景画像左にある花と同じ色の四角にしました。

また、背景画像が白・黒・ベージュ系などベーシックカラーの場合も、四角を鮮やかな色にすると記事タイトルが目立つのでおすすめです。

3.場合によって透明度を下げる

背景画像をうっすら見せたい場合、四角の透明度を調整します。

画面上部の透明度アイコンをクリックし、透明度の数値を下げます。

濃い色の四角なら70~80、白い四角なら95~90くらいがおすすめです。

AddQuicktagは不要!Gutenbergの「再利用ブロック」を使おう

背景がイラストの場合、透明度は下げないでおきましょう。

ポイントをおさえてアイキャッチのレベルアップ

今回は、四角に文字をのせるデザインのポイントをお伝えしました。

四角に文字をのせるデザインのポイント

  1. 余白をとる
  2. 背景画像に合わせて色を決める
  3. 場合によって透明度を下げる

ポイントをおさえれば、アイキャッチがさらに美しくなります。

Canvaのテンプレートでは四角の図形を使ったものが多くあるので、ぜひ使ってみてくださいね。

他のアイキャッチデザイン例については、「【Canva】テンプレートで簡単!ブログのアイキャッチデザイン例5選+α」という記事でご紹介してます。

デザインの幅が広がるので、ちょっと覗いてみてくださいね。

ではでは。

稼ぐ力を身につけて運命を変えよう!
ビジネスの勉強、試してみる価値あるかも。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です