4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

文字詰めの世界への誘い

Last updated at Posted at 2019-12-07

こんにちは。

今回は、「文字詰め(カーニング)」の世界の扉へご案内します。

突然ですが、名刺やショップカードを頂いた時に、制作者がデザイン経験者と非経験者を見分けれる箇所があります。

それは「:」の位置です。

##【Befor】
まずは、調整前のこちらをご覧ください。
01.png

何も感じない、見えていない方もいらっしゃるでしょうか。
私には恐ろしい存在が見えています。
誤ってこのまま世に出してしまえば、しばらく悪夢にうなされることでしょう。

##【調整】
それでは、調整してみましょう。
02.png

「:」コロンの位置を上げるだけです。簡単!

##【After】

03.png

同じく、電話番号を記載する時などに使われる「-(ハイフン)」もベースラインを上げると、すっきりと整います。

今までに、この「:」の位置に注目したことはありますでしょうか。
イラストレーターの初期設定では、「:」や「-」が下に寄っているので、手動で調整しないとならないのです。デザイナー1年生が入社して自分の名刺を作った際に、先輩に直されて初めて気づくことが多い部分でもあります。(私もそうでした)

デザイナーそれぞれに文字詰めへのこだわりがあるので、聞いてみるのも面白いです。
その他の文字詰めの基礎は長くなるので今回は割愛いたします。

サイト内のパーツはもちろん、名刺、ショップカード、冊子や看板など、「:」を使うシーンは多いので、ぜひ、自分でデザインを行う時は「:」の位置を意識してみてください。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?