WEBデザイナー向け無料電子Book >受け取りはこちら

ちょっとの工夫でプロ級に!文字詰め(カーニング)の4つのコツ

ちょっとの工夫でプロ級に!文字詰め(カーニング)の4つのコツ

バナーやWEBサイトを作るとき、文字を打ちっぱなしにしていませんか?

デザインでは、文字詰め(カーニング)は必須事項。スクールでも、必ず初めに文字詰めを教えています。

今回は、デザイン初心者さんに向けて文字詰めのコツを4つだけお伝えします。

(本当はもっとコツがあるのですが……、今回はグッと厳選して4つにしました。)

4つしかないので、この4つだけはしっかりと覚えて、今日からデザインに活かしていってくださいね。

\ 14364人にセミナーをして分かった!/

目次

そもそも文字詰め(カーニング)とは?

文字詰めとは、文字通り文字の間を調整して整えること。

デザイン業界では「カーニング」と呼ばれることが多いですが、カタカナだとわかりにくいので「文字詰め」と表記しています。

例えば下の画像は、一見違和感ないように感じますが、

よく見ると、このように文字の間隔が全然違うのです。

一般的に、ひらがな同士だと広がりやすく漢字同士だと詰まりやすいです。

バナーなどを作るときにはこの文字間隔を細かく調節することで、「プロっぽく」仕上げているのです。

文字詰めのコツ①スキマはとにかく均等に!

文字ベタ打ちのままだと、間隔は揃っていない場合はほとんどです。

そこでまずは、文字を均等にする意識を持つことから始めてみてください。

文字詰めのコツ②3文字ずつ分解してチェックする

文字間隔が均等になったかどうかは1文字ずつではなく3文字ずつチェックするようにしましょう。

下の図のように、左から順番に見ていくとわかりやすいです。

文字詰めのコツ③WやTは要注意

実は、文字詰めのときには「気をつけた方が良い文字」がいくつかあります。

VやAのような斜めの文字、Tのような突起のある文字、IやLのような細くて長い文字などです。(ひらがな、カタカナ、漢字ももちろんあります。)

これに関しては、たくさん練習して感覚を掴んでいくしかないので、ぜひいろんな文章で文字詰めをしてみてくださいね。

文字詰めのコツ④間隔によって変わる印象も意識する

文字詰め(カーニング)は、ただ文字を詰めればよいというものではありません。

文字の感覚によって与える印象が大きく異なるのです。

上に載せた参考のように、間隔が狭いと迫力があるのでセールの広告やチラシに多く使われていますし、間隔が広いと高級感が出るので高級ブランドのホームページやバナーなどに使われています。

ぜひ、文字間隔の広さも意識してカーニングしてみてくださいね。

【注意】Canvaでは文字詰めができません。

Canvaでも文字間隔の調節をすることができますが、1文字ずつの間隔を調節することはできません。

文字間隔は調整できますが……、1文字ずつの間隔は変えられません。

そのため、どうしてもCanvaで文字詰めをしたい場合は1文字ずつテキストボックスを分けて調整するようにしましょう。

文字詰め(カーニング)のコツまとめ

文字詰め(カーニング)のコツまとめ

コツ①スキマはとにかく均等に!

コツ②3文字ずつ分解してチェックする

コツ③WやTは要注意

コツ④間隔によって変わる印象も意識する

文字詰めは、プロのデザイナーの基本!

ですが、素人さんはほとんどやっていない、いわゆる「垢抜けポイント」です。

最初は面倒に感じるかもしれませんが、慣れてくると文字詰めされていないデザインに違和感を覚えるようになるはず。

ぜひ今日から文字間隔を意識してみてくださいね。

▼ ▼ 限定公開中 ▼ ▼

当メディアを運営している日本デザインスクールは、これまで14364人WEBデザイナーの仕事についてお伝えする無料セミナーを開催してきました。

その中で気づいたのが、WEBデザイナーへの誤解がある方が多いということ。中には一度勉強に失敗してからセミナーに来て「先に知りたかった」という方もいらっしゃいます。

そのような方が増えないために、特に多かった15の誤解を1つの資料にまとめました。勉強を始めてから後悔しないよう、ぜひ受け取ってください。

※非常に人気の資料であり、今後有料化する可能性もあるのでお早めに手に取ってくださいね。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

質問や感想があればご記入ください

コメントする

目次