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

リサーチャー🔰まるお

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

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

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

無料でプロンプト集をダウンロード

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

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

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

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

STEP

テキストを選択→メニューバー「スペース」をクリック

STEP

「スペース」のところで「文字間隔」の調整ができる。スライダーを左右に動かすことで文字間隔が変更される。「最小値：-200」に設定すると文字の間隔が詰まってることがわかる。

STEP

「スペース」のところで「文字間隔」の調整ができる。スライダーを左右に動かすことで文字間隔が変更される。「最高値：800」に設定すると文字の間隔が広がっていることがわかる。

STEP

タイトルを目立たせたいので、イラストを下方に下げて、「まるおの徒然日記〜」の下の黒い四角まで文字間隔を広げたいので、様子を見ながらスライダーを動かします。「文字間隔：286」でちょうどいい文字間隔となりました。

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

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

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

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

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

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

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

STEP

「スペース」のところで「行間隔」の調整ができる。スライダーを左右に動かすことで行間隔が変更される。「最小値：0.5」に設定すると行の間隔が詰まってることがわかる。

STEP

「スペース」のところで「行間隔」の調整ができる。スライダーを左右に動かすことで行間隔が変更される。「最高値：2.5」に設定すると行の間隔が広がっていることがわかる。

STEP

様子を見ながらスライダーを動かします。「行間隔：1.1」でちょうどいい文字間隔となりました。

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

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

STEP

「スペース」→「テキストボックスを固定」から真ん中のボタンをクリック（通常、真ん中がデフォルトになっている）→テキストボックスの「中央を基準」に行間隔が開きます。

STEP

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

STEP

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

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

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

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

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

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

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

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

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

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

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

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

集まる集客®︎総研

Canvaで小文字にならない時は、ボタンで一発解決！ Canvaで英語が小文字にならない時は、パソコンの設定やCanvaの設定を確認する必要があるよ。Canvaには、小文字を大文字に変換する設定があって、そこをオン・オフすること…

まとめ

リサーチャー🔰まるお

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

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

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

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

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

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

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

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

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

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

🔰リサーチャーまるお

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

まるおがオススメ！必読の【関連記事】は、コチラっす！！

CanvaとChatGPTを掛け合わせた一括作成についてディープな解説をしてるっす！ChatGPTと一括作成はこの記事をチェック！

Canvaの大文字小文字の設定方法や文字間隔のデザインのルールを説明しているっす！

Canvaでフォント選びを迷った時にはこのフォント！あのフォントがオススメっす！

CanvaのAI機能を使って記事作成もラクラクに！神ツールの解説はこの記事っす！

Canvaの基本を学ぶならこの記事で決まりっす！

まるおが勝手にランキング〜！おすすめ記事はコレ！！