文字デザインの基本01字間

デザイン初心者

文字デザイン の基本 – 文字をデザインするときの最も基本的なこと

sponsored link

文字デザイン に関して、文字をデザインするときに、最も基本的なことを書きます。

文字デザインに関しては、「読みやすく」ということをまず第一に考えるようにします。
文字を読みやすくするための基本的なことは色々ありますが、今回は「文字の組み方」(組版)についてです。

文字デザイン の基本 — 読みやすい文字の組み方

1 字間をあける

文字デザインで文字組みをするときに大切なのはまず、文字と文字の間のアキである「字間」を適度にあけなければなりません。

●これは適度に字間があいている良い例です。
 文字デザイン の基本01字間が適度にあいている良い例

 

●これは字間が詰まりすぎな悪い例です。
 文字デザイン の基本02字間が詰まりすぎな悪い例

 

文字と文字がくっつきすぎてとても読みづらくなっています。

●これはさらに字間が詰まりすぎで、もはや「読めない」レベルです。
 文字デザイン の基本03さらに字間が詰まりすぎで、もはや「読めない」レベル

文字が詰まりすぎというよりは、重なって、読めない部分もあります。

2 行間をあける

それから、行と行のあいだである「行間」も適度のあいていなければなりません。

●これは適度に行間があいている良い例です。
 文字デザイン の基本04適度に行間があいている良い例

 

 

 

●これは行間がつまりすぎて読みづらくなっている悪い例です。
 文字デザイン の基本05行間がつまりすぎて読みづらくなっている悪い例

 

3 字間よりも行間を広くあけるのが基本

また、文章などでは、「字間よりも行間を広くあけるのが基本」です。

●これは字間よりも行間が広くあいている良い例です。
 文字デザイン の基本06字間よりも行間が広くあいている良い例

 

 

 

 

●これは字間よりも行間が狭くなっている悪い例です。
 文字デザイン の基本07字間よりも行間が狭くなっている悪い例

 

 

 

こうなってくると、タテ書きなのかヨコ書きなのかもわからないほどです。とても読みづらくなっています。


sponsored link



文字デザインの基本まとめ

文字デザインの悪い例をあげてみました。
悪い例はとても極端な例で、わざわざここまでやる人はあまりいないのではないかとは思いますが、わかりやすく説明するために、極端なものを使いました。

テキストエディターやワードなど、通常のテキストデータをあつかうソフトでは、デフォルトで適度に字間や行間が保たれています。

上で挙げた例は、InDesignでつくりました。
Adobe InDesignやAdobe Illudtratorのような高機能なソフトでは、自由自在に字間や行間を設定できてしまいます。

だから、悪い例ほど極端でなくても、近いことが起こることがあります。

特に、与えられたスペースに文章を全部おさめなければならないとき、文字を小さくして入れるかわりに、文字が大きいままで詰め込んでしまうと、悪い例のようなことを知らずにやってしまったりするのです。

レイアウトや他のビジュアルに気をとられて、本文やキャプションのような小さな文字に無とんちゃくになることがあります。

「読みやすさ」はスミからスミまで気をつかうのがよいと思います。

とてもベーシックなことを書きました。

ベーシック過ぎたかも知れません。文字を扱うことのできる多くのアプリケーションでは、そもそもデフォルトでそこそこきれいな字間、行間に設定されているからです。

だから、わざとやらないとここまでひどくはならないというレベルの話だったので、あまりピントこないという人もいるかも知れませんね。

でも、ここまでのレベルではなかったとしても、字間と行間のバランスを常に考えていないと、「文字を巨大にしてしまう」という醜態におちいってしまいます。

多くの人が誤解しているものの中に「文字は大きい方が読みやすい」ということがひとつあるのではないかと思いますが、本当に文字を読みやすくしているのは、字間と行間によって生み出される、文字のスキマの白い余白の部分なのです。

もちろん、文字はある程度の大きさは必要ではあります。
どんなに小さくても6Qより小さいのはNGだとは、思っています。

でもだからといって、スペースに対して、やたらと大きな文字は、読みやすいとは限らないのです。

「スペースに対して」ということが肝心なところです。
余白が大事なのです。

sponsored link

関連記事

  1. デザイン初心者

    デザイナーとイラストレーターの違い について

    デザイナーとイラストレーター、この二つの役割について、多くの人が混同し…

  2. デザイン初心者

    グラフィックデザイナーの仕事とは、どんな仕事か?

    グラフィックデザイナーの仕事とはどんな仕事かということについてお話しし…

  3. 仮想ボディの説明

    デザイン初心者

    文字の仮想ボディ についてのはなしです。仮想ボディのサイズがQ数です。

    文字の仮想ボディ というものについてお話ししたいと思います。初心者…

  4. デザイン初心者

    プロとアマの違いとは? (グラフィックデザインについて)

    ★プロとアマの違いとは?グラフィックデザインは、実はどんな人でもや…

  5. デザイン初心者

    グラフィックデザインの仕事で 扱うクライアントの業種の分野について

    グラフィックデザインの仕事で 扱うクライアントの業種の分野について お…

  6. 色相環

    デザイン初心者

    色相、彩度、明度 –– 「どんな色か」を決定づける尺度

    造形の3要素の中から、「色」について書こうと思います。今回は、…

ブログランキング・にほんブログ村へ

このブログの運営者


Ema。性別:女性 年齢:50代前半。グラフィックデザイナー。現在フリーランスデザイナー歴約2年。元勤め人デザイナー歴約15年(失業期間含む)。高齢でデザイナーになった高齢者デザイナーです。40代で3度解雇になるなど、転職経験も豊富。

アーカイブ

  1. フィギュアスケート

    フィギュアスケートとグラフィックデザイン
  2. デザイン初心者

    アイデアスケッチ、コンセプトメイキングについての概要
  3. ブログ

    問合わせの多さにビックリ!?
  4. ブログ

    投稿済みの画像の編集 (WordPress)
  5. デザインの雑談

    DTPで使える素材サイト – 仕事でよく使わせていただいているもの
PAGE TOP