![](https://www.active-note.jp/wp-content/uploads/2024/03/b7fdf57f8097c26a26cc106d6311b4f2.png)
【Canva】文字間隔や行間隔を調節して読みやすいデザインをしよう!
![Canva文字間隔設定方法](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar_i-jpg.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
Canvaで文字の間隔が上手く設定できないっす。半角スペースを入れるけどやっぱり上手くいかないっす。
![](https://www.active-note.jp/wp-content/uploads/2023/09/IMG_0427-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/IMG_0427-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/IMG_0427-150x150.webp)
まるおくん、文字の間隔や行間隔を設定するのは、ボタンでできちゃうから一緒に学んでいこう!文字間隔や行間隔はデザインにとってとても重要な要素なんだよ。
- Canvaで文字の間隔を設定するのに半角スペースを使っている
- 文字間隔や行間隔の設定を知りたい
- 文字間隔って必要なの?
- Canvaで半角スペースを使わなくて良くなる!
- Canvaで文字の間隔や行間隔の設定を【ボタンひとつ】でできるようになる
- 文字間隔や行間隔がデザインに必要だということがわかる
Canvaで「文字間隔」の調整方法
文字間隔の調整はカーニングというよ。デザインにおいて文字間隔は重要な要素なんだ。
文字間隔の設定値は下記のようになっているよ。
- 初期値:0
- 最小値:-200
- 最大値:800
一般的には、文字サイズの5%程度の字間を入れるといいと言われているよ。文字サイズが40ptなら、字間は2ptということだね。
今回は一つの例として、YouTubeのバナー「マルオの徒然日記〜日々のやんごとなきことを〜」を作成する際の、文字間隔を調整方法をお伝えして、デザインを仕上げていくね!
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar1-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar1-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar2-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar2-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar3-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar3-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar4-jpg.webp)
![文字間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar4-jpg.webp)
文字間隔と行間隔を調整したデザインを見比べてみよう!
![Canvaデザインに必須な文字間隔設定方法](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar1-jpg.webp)
![Canvaデザインに必須な文字間隔設定方法](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar1-jpg.webp)
![Canvaデザインに必須な文字間隔設定方法](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar7-jpg.webp)
![Canvaデザインに必須な文字間隔設定方法](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar7-jpg.webp)
最初のデザインは少々詰まった、ごちゃごちゃした感じの印象を与えると思うけど、文字間隔の調整したデザインは、タイトルが目立ってひと目見た時にどんな内容のYouTubeなのかわかりやすくなったと思うよ。
文字間隔と行間隔は、本当にデザインにとって重要な要素なんだね!
Canvaで「行間隔」の調整方法
続いて、行間隔の調整だね。デザインにおいて行間隔も重要な要素なんだ。
行間隔の設定値は下記のようになっているよ。
- 初期値:1.4
- 最小値:0.5
- 最大値:2.5
一般的には、フォントサイズの70%前後(0.7文字分)の行間をとるのといいと言われているよ。
今回は一つの例として、YouTubeのバナー「マルオの徒然日記〜日々のやんごとなきことを〜」を作成する際の、文字間隔に続いて「行間隔の調整方法」をお伝えして、デザインを仕上げていくね!
![行間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar5-jpg.webp)
![行間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar5-jpg.webp)
![行間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar6-jpg.webp)
![行間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar6-jpg.webp)
![行間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar7-jpg.webp)
![行間隔の調整の仕方](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar7-jpg.webp)
Canvaで「テキストボックスを固定」の設定について
Canvaの「スペース」メニューの中に、「テキストボックスを固定」があるんだけど、「テキストボックスを固定」は、何なのか解説していくからみてね。
![Canvaで「テキストボックスを固定」の設定](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar8-jpg.webp)
![Canvaで「テキストボックスを固定」の設定](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar8-jpg.webp)
![Canvaで「テキストボックスを固定」の設定](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar9-jpg.webp)
![Canvaで「テキストボックスを固定」の設定](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar9-jpg.webp)
![Canvaで「テキストボックスを固定」の設定](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar10-jpg.webp)
![Canvaで「テキストボックスを固定」の設定](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar10-jpg.webp)
Canva一文字ずつの文字間隔の設定はできる?
2023年11月現在のCanvaでは、一行の中での一部の文字の文字間隔の設定はできないんだ。
一行まるごと文字間隔が変わってしまうので、注意が必要だよ。
(例)「みかん・りんご・ばなな」とあったら、「りんご」だけの文字間隔を変えることはできないよ。文字間隔を調整すると「みかん・りんご・ばなな」が全て変わってしまうよ。
デザインには文字間隔と行間隔の設定が重要
![](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar11-500x250.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/11/canvamar11-500x250.webp)
文字などのデザインするとき、フォントの選び方や文字の間の広さを調整することで、強調しながらも読みやすいデザインにできるよ。
字間が詰まりすぎていたり、行間があきすぎていると見る人にとってとても読みづらいよね。
だからこそ、字間(カーニング)や行間を整えることはデザインにとって、とても重要なことなんだ。
![Canvaで小文字にならない時はボタン一発で解決](https://www.active-note.jp/wp-content/uploads/2023/09/14-500x300.webp)
![Canvaで小文字にならない時はボタン一発で解決](https://www.active-note.jp/wp-content/uploads/2023/09/14-500x300.webp)
![Canvaで小文字にならない時はボタン一発で解決](https://www.active-note.jp/wp-content/uploads/2023/09/11-1-500x300.webp)
![Canvaで小文字にならない時はボタン一発で解決](https://www.active-note.jp/wp-content/uploads/2023/09/11-1-500x300.webp)
文字間隔・行間をしっかりと整えたデザインと大文字ばかりのデザインとちゃんと大文字小文字を意識したデザインがあるけど、どちらが見やすいのか?しっかりと考えてデザインしていこうね!
デザインにおいて、文字間隔(カーニング)と行間・フォント・大文字小文字も重要な要素となってくるよ。
下記の記事でも大文字小文字のデザインについても書いているので、ぜひ一緒に読んでみてね!
![](https://www.active-note.jp/wp-content/uploads/2023/09/eaeec2776c7cecdd3909e24eeffc0630-jpg.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/eaeec2776c7cecdd3909e24eeffc0630-jpg.webp)
まとめ
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
文字間隔の設定はかなり簡単にできたっす。もう半角スペースとはおさらばっす!!
![](https://www.active-note.jp/wp-content/uploads/2023/09/IMG_0427-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/IMG_0427-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/IMG_0427-150x150.webp)
まるおくん良かったね!文字間隔や行間隔はデザインに重要だからしっかりと設定してね。では、おさらいをするよ。
- 文字間隔・行間隔の設定は、「スペース」から簡単に設定できる
- 文字間隔・行間隔の設定は、美しいデザインの源
- 文字間隔・行間隔の設定は、行単位の設定しかできない
重要性が高いカーニング – 文字間隔の調整
文字列の間隔が揃っていないと、気になってしまうよね。
文字列の間隔が不適切だと、視界にストレスを与えてしまうよ。
また、見た目が悪く、いいデザインとは言えなくなってしまうね。そうならないためにも、「文字間隔(カーニング)」の設定を見直す必要があるんだ。
半角スペースを使うのではなく、メニューの「スペース」から文字間隔と行間隔を設定していこう!!
「文字間隔(カーニング)」を上手く利用することで、デザインが美しくなり、他のデザインとは差別化されたオシャレな雰囲気を出せるからしっかりとマスターしていこうね!
新人リサーチャーまるおの関連記事を紹介するっすコーナー
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
待ってました〜!新人リサーチャーまるおのコーナーがやっとできたっす!(涙)初心者のまるおが日々学んでいるなか、この記事と関連している記事や、気になった記事を載せていくので、ぜひチェックしてみてほしいっす。気合い入れて紹介するっす
まるおがオススメ!必読の【関連記事】は、コチラっす!!
まるおが勝手にランキング〜!おすすめ記事はコレ!!
-
クリック率(CTR)向上のための具体的な施策と最適な手法とは?
-
ChatGPTをマーケティングで活用するためのヒント集【個人起業家向け】
-
ルルルンはなぜ人気なのか?V字回復が叶ったその裏側にあるマーケティング戦略を集まる集客流に解説!
-
Amazon広告とは?個人起業家が知っておくといいメリットを紹介!
-
【YouTube広告の仕組みとは?】個人起業家向けに仕組みから活用方法までをわかりやすく解説!
-
YouTube広告は人によって違う⁉️実はこんな仕組みで表示されている【秘密を大公開!】
-
UXとは?ユーザーエクスペリエンス(UX)の基本概念と実例を徹底解説
-
【リターゲティング広告とは?】基本と仕組みを個人起業家向けにわかりやすく解説!
-
【2024年最新】TikTok広告の成功事例 3選を紹介!認知度を上げた実例とは