綺麗な文字組み作るには?カーニングのコツと調節すべき文字10種類

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

デザイン特化メディアでは国内最大級のTwitterインスタグラムを運営しています。

今日のテーマ:伸ばし棒とカーニング

かなりデザイナーらしい視点を得られる記事です!文字の伸ばし棒や文字間など細かい文字組のテクニックを紹介していきます!

これらが自然にできればデザイナー!自然にできるようになるまでぜひ意識的に、特にタイトルは必ず調節するようにしてみてください。

 

 

 この記事で得られること
 文字の水平比率の変更方法

 カーニングのコツと調節すべき10の文字

 

綺麗な文字組みが作れる!伸ばし棒を短くする方法

こちらが今回のデザインサンプルです。

タイトルにある”ルート”の伸ばし棒の横比率を変えています。

あ実は伸ばし棒というのはバランスを崩しがちな文字なのです。そこで伸ばし棒だけ縦横比を変えることが多いです。

具体的にいうと伸ばし棒を100%の水平比率から80~90%の水平比率に変更します。

そうすることで伸ばし棒は短くなりバランスが良くなるのです!

水平比率はフォトショもイラレにも文字パネルの中にあります。

普段は100%で問題ないのですが、タイトルの伸ばし棒の水平比率だけ変更すること多いです!

 

これ小さな文章全てでやると相当大変です。ですのであくまでも目立つタイトルだけで十分かと思います。あるいは見出しなど!

意外と伸ばし棒は多いんですよね。カタカナに含まれることが多いかと思うのでそんな伸ばし棒を使うタイトルに出会ったときはやってみてください!

 

過去には縦横比を変えるデザインを紹介しましたがこれとはまた違った意味での比率の変更ですね。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

文字のショートカットキーは?▼
イラレでもフォトショでもTになります!

 

伸ばし棒は水平比率を下げよう!

バランスがとっても良くなります。

 

デザ研
次章では詰めるべき文字間について解説します!

 

 

【デザイン】カーニングのコツと調節すべき10の文字

この章ではカーニングを文字組バランスのカーニングについて解説してきます!

文字間のことをカーニングというのですが調節すべきポイントは多くあります。

そもそもカーニングのコツとしては1文字と1文字の間で調節するものですが視点は1文字間で見ないのがポイントです。

そのコツを踏まえた上で、それぞれ10のポイントを解説してきます!

①は句読点について。句読点のカーニングは基本ともいえます!

、や。に要注意!タイトルでも句読点をつかったタイトルはありますよね。基本的に大きく空くので詰めてあげましょう!

②は!や?について。これが一番調節することが多いかもしれません。特に!!や??など2連続で使う場合は要注意!

 

③と④は大きく左が空いてしまいます!特に2行以上になる場合、下の行と左が全く揃いません。

かなり不格好なので左に詰めることが多いですね。

 

⑤は漢字とカタカナ、ひらがなによるカーニングの違いです。特にカタカナが特殊である場合が多いです!

詰めるだけでなく、空けることも考えていきましょう。

⑥はフォントによるのですが、使ったフォント特有のズレが生じる時があります。

このデザインでは筑紫A丸ゴシックを使っていますが、最後のひらがなの左が空くんですよね。。。そういった部分を調節します。

 

⑦日本語と英語ではそもそも文字の作られ方が異なります。

そこからくる違いをカーニングで調節してあげるイメージです!

⑧大きさを変えた時に、大きい部分と小さい部分とで文字間の差も生じやすいです。そこを調節していきましょう!

 

⑨と⑩は数字に関してです!⑨に関して、数字は半角でも全角でも入力することができます。

基本的に半角を使うことが多いですが半角だと間が狭く、全角だと間が広くなります!そこの間を調節するということですね。

⑩に関して、1という数字は他の数字と比べて極めて横幅が小さいです。そんな横幅の小ささから調節が必要になってきます!

 

前章と同様にデザイン中の全ての文字を気にすることはかなり時間もかかってしまいます。

まずはタイトルの文字間を必ず調節するようにしよう!

これら10のポイントはもちろんですが、タイトルはもはや必ず調節するようにしましょう。

綺麗な文字組み作るには?カーニングのコツと調節すべき文字10種類。まとめ

いかがでしたでしょうか?文字組のバランスとして伸ばし棒の水平比率を変えること、カーニングを調節することについて書きました。

デザイナーであればこれらは手癖になるくらい自然にできればいいですね!

それくらい自然にできればそこまで時間がかかるモノでもありません。まずは意識して調節してみてください!

完成前の段階で手癖のごとくカーニングを調節しつつ、完成後に改めてじっくりカーニング などのチェックをすべきですね!

 

こちらの記事ではタイトルのデザイン表現をまとめていますので合わせてご覧ください!

関連記事

タイトルは文章の中で最も重要な要素であることは間違い無いです。今回の記事ではそんなタイトルに関してのデザインポイントを21種類紹介!21種類も知ればおしゃれなタイトルデザインを作ることは十分可能です。個別記事[…]

・伸ばし棒は水平比率を下げよう!
・タイトルの文字間は必ず調節するようにしよう!

 

 

この投稿をInstagramで見る

 

デザイン研究所(デザ研)ほぼ毎日投稿(@designkenkyujo)がシェアした投稿

>インスタでデザインを学ぶ

インスタでデザインを学ぶ

デザインの見る目を養うインスタアカウントを運営中!初心者から脱するデザインのポイントを解説しています。だいたい毎日更新です!

CTR IMG