MENU
カテゴリー

【Canva】文字間隔や行間隔を調節して読みやすいデザインをしよう!

Canva文字間隔設定方法
リサーチャー🔰まるお

Canvaで文字の間隔が上手く設定できないっす。半角スペースを入れるけどやっぱり上手くいかないっす。

集まる集客®総研リサーチャーやまだ

まるおくん、文字の間隔や行間隔を設定するのは、ボタンでできちゃうから一緒に学んでいこう!文字間隔や行間隔はデザインにとってとても重要な要素なんだよ。

この記事がオススメな人
  • Canvaで文字の間隔を設定するのに半角スペースを使っている
  • 文字間隔や行間隔の設定を知りたい
  • 文字間隔って必要なの?
この記事を読むことでどうなれる?
  • Canvaで半角スペースを使わなくて良くなる!
  • Canvaで文字の間隔や行間隔の設定を【ボタンひとつ】でできるようになる
  • 文字間隔や行間隔がデザインに必要だということがわかる
目次
最新電子書籍を無料ダウンロード
インスタ集客やめたくなったらよむインスタ以外で集まる集客
無料小冊子プレゼント🎁インスタ以外で集まる集客方法とは?

Canvaで「文字間隔」の調整方法

文字間隔の調整はカーニングというよ。デザインにおいて文字間隔は重要な要素なんだ。

文字間隔の設定値は下記のようになっているよ。

「文字間隔」設定値
  • 初期値:0
  • 最小値:-200
  • 最大値:800

一般的には、文字サイズの5%程度の字間を入れるといいと言われているよ。文字サイズが40ptなら、字間は2ptということだね。

今回は一つの例として、YouTubeのバナー「マルオの徒然日記〜日々のやんごとなきことを〜」を作成する際の、文字間隔を調整方法をお伝えして、デザインを仕上げていくね!

STEP
テキストを選択→メニューバー「スペース」をクリック
文字間隔の調整の仕方
STEP
「スペース」のところで「文字間隔」の調整ができる。スライダーを左右に動かすことで文字間隔が変更される。「最小値:-200」に設定すると文字の間隔が詰まってることがわかる。
文字間隔の調整の仕方
STEP
「スペース」のところで「文字間隔」の調整ができる。スライダーを左右に動かすことで文字間隔が変更される。「最高値:800」に設定すると文字の間隔が広がっていることがわかる。
文字間隔の調整の仕方
STEP
タイトルを目立たせたいので、イラストを下方に下げて、「まるおの徒然日記〜」の下の黒い四角まで文字間隔を広げたいので、様子を見ながらスライダーを動かします。「文字間隔:286」でちょうどいい文字間隔となりました。
文字間隔の調整の仕方
文字間隔の調整の仕方

文字間隔と行間隔を調整したデザインを見比べてみよう!

Canvaデザインに必須な文字間隔設定方法
最初のデザイン
Canvaデザインに必須な文字間隔設定方法
文字間隔の調整したデザイン

最初のデザインは少々詰まった、ごちゃごちゃした感じの印象を与えると思うけど、文字間隔の調整したデザインは、タイトルが目立ってひと目見た時にどんな内容のYouTubeなのかわかりやすくなったと思うよ。

文字間隔と行間隔は、本当にデザインにとって重要な要素なんだね!

Canvaで「行間隔」の調整方法

続いて、行間隔の調整だね。デザインにおいて行間隔も重要な要素なんだ。

行間隔の設定値は下記のようになっているよ。

「行間隔」設定値
  • 初期値:1.4
  • 最小値:0.5
  • 最大値:2.5

一般的には、フォントサイズの70%前後(0.7文字分)の行間をとるのといいと言われているよ。

今回は一つの例として、YouTubeのバナー「マルオの徒然日記〜日々のやんごとなきことを〜」を作成する際の、文字間隔に続いて「行間隔の調整方法」をお伝えして、デザインを仕上げていくね!

STEP
「スペース」のところで「行間隔」の調整ができる。スライダーを左右に動かすことで行間隔が変更される。「最小値:0.5」に設定すると行の間隔が詰まってることがわかる。
行間隔の調整の仕方
STEP
「スペース」のところで「行間隔」の調整ができる。スライダーを左右に動かすことで行間隔が変更される。「最高値:2.5」に設定すると行の間隔が広がっていることがわかる。
行間隔の調整の仕方
STEP
様子を見ながらスライダーを動かします。「行間隔:1.1」でちょうどいい文字間隔となりました。
行間隔の調整の仕方

Canvaで「テキストボックスを固定」の設定について

Canvaの「スペース」メニューの中に、「テキストボックスを固定」があるんだけど、「テキストボックスを固定」は、何なのか解説していくからみてね。

STEP
「スペース」→「テキストボックスを固定」から真ん中のボタンをクリック(通常、真ん中がデフォルトになっている)→テキストボックスの「中央を基準」に行間隔が開きます。
Canvaで「テキストボックスを固定」の設定
STEP
「スペース」→「テキストボックスを固定」から左側のボタンをクリック(通常、真ん中がデフォルトになっている)→テキストボックスの「上部を基準」に下方へ行間隔が開きます。
Canvaで「テキストボックスを固定」の設定
STEP
「スペース」→「テキストボックスを固定」から右側のボタンをクリック(通常、真ん中がデフォルトになっている)→テキストボックスの「下部を基準」に上方へ行間隔が開きます。
Canvaで「テキストボックスを固定」の設定

Canva一文字ずつの文字間隔の設定はできる

2023年11月現在のCanvaでは、一行の中での一部の文字の文字間隔の設定はできないんだ。

一行まるごと文字間隔が変わってしまうので、注意が必要だよ。

(例)「みかん・りんご・ばなな」とあったら、「りんご」だけの文字間隔を変えることはできないよ。文字間隔を調整すると「みかん・りんご・ばなな」が全て変わってしまうよ。

デザインには文字間隔と行間隔の設定が重要

文字などのデザインするとき、フォントの選び方や文字の間の広さを調整することで、強調しながらも読みやすいデザインにできるよ。

字間が詰まりすぎていたり、行間があきすぎていると見る人にとってとても読みづらいよね。

だからこそ、字間(カーニング)や行間を整えることはデザインにとって、とても重要なことなんだ。

文字間隔・行間をしっかりと整えたデザインと大文字ばかりのデザインとちゃんと大文字小文字を意識したデザインがあるけど、どちらが見やすいのか?しっかりと考えてデザインしていこうね!

デザインにおいて、文字間隔(カーニング)と行間・フォント・大文字小文字も重要な要素となってくるよ。

下記の記事でも大文字小文字のデザインについても書いているので、ぜひ一緒に読んでみてね!

まとめ

リサーチャー🔰まるお

文字間隔の設定はかなり簡単にできたっす。もう半角スペースとはおさらばっす!!

集まる集客®総研リサーチャーやまだ

まるおくん良かったね!文字間隔や行間隔はデザインに重要だからしっかりと設定してね。では、おさらいをするよ。

  • 文字間隔・行間隔の設定は、「スペース」から簡単に設定できる
  • 文字間隔・行間隔の設定は、美しいデザインの源
  • 文字間隔・行間隔の設定は、行単位の設定しかできない

重要性が高いカーニング – 文字間隔の調整

文字列の間隔が揃っていないと、気になってしまうよね。

文字列の間隔が不適切だと、視界にストレスを与えてしまうよ。

また、見た目が悪く、いいデザインとは言えなくなってしまうね。そうならないためにも、「文字間隔(カーニング)」の設定を見直す必要があるんだ。

半角スペースを使うのではなく、メニューの「スペース」から文字間隔と行間隔を設定していこう!!

「文字間隔(カーニング)」を上手く利用することで、デザインが美しくなり、他のデザインとは差別化されたオシャレな雰囲気を出せるからしっかりとマスターしていこうね!

新人リサーチャーまるおの関連記事を紹介するっすコーナー

🔰リサーチャーまるお

待ってました〜!新人リサーチャーまるおのコーナーがやっとできたっす!(涙)初心者のまるおが日々学んでいるなか、この記事と関連している記事や、気になった記事を載せていくので、ぜひチェックしてみてほしいっす。気合い入れて紹介するっす

 

この記事を読み終わったらこちらも学んでみませんか?

集まる集客®︎を24時間学べるオンラインWEB集客スクール
『集まる集客カレッジ』で、集める集客を集まる集客に
ガチャリと切り替えよう〜〜

カレッジ10月キャンペーン
生成AIで伝わるランディンページが書ける集まる集客カレッジ

 

よかったらシェアしてね!
目次