文字デザインの基本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. レイアウトの例

    デザイン初心者

    サムネイルスケッチを使った、初心者のためのレイアウトのトレーニング。

    レイアウトが上達するのに効果的なトレーニングをご紹介します。 (さ…

  4. デザイン初心者

    デザインは整理整頓 -デザインの定義2

    グラフィックデザインとは何か?デザインの定義について、2記事目を書…

  5. デザイン初心者

    朝日広告賞を応募するのに、初心の方が早めに確認しておいたほうがいいこと

    朝日広告賞を応募するのに、初心の方が早めに確認しておいたほうがいいこと…

  6. デザイン初心者

    エディトリアルデザインのワークフローとデザイナーの関わりはどうなっているのでしょうか?

    エディトリアルデザインのワークフローとデザイナーの関わりについてお話し…

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

このブログの運営者


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

アーカイブ

  1. 色相環

    デザイン初心者

    色相、彩度、明度 –– 「どんな色か」を決定づける尺度
  2. デザイン初心者

    エディトリアルデザインのワークフローとデザイナーの関わりはどうなっているのでしょ…
  3. グラフィックイメージ2

    ブログ

    インデックスされない記事について。どうやったらインデックスされるか。
  4. エディトリアル ポートフォリオ-未経験

    未経験でのエディトリアル 作品「雑誌のリデザイン」
  5. 体験談 40代デザイナーの転職

    40代、三度目の転職 — デザイナーとして40代で転職活動したときの…
PAGE TOP