タイポグラフィ7つのルール その❸ あける 息苦しいデザインの回避法は「あける」こと

TYPOGRAPHY RULES

タイポグラフィ7つのルール その❸ 息苦しいデザインの回避法は「あける」こと

タイポグラフィ7つのルール ❸ あける
▼第1回(通算第9回)

この章での「あける」は、主に「行間」と、文字で構成された「ブロック(要素)同士の間隔」の説明に費やしましょう。
私は、後輩を指導するときに「息苦しさ」と「心地よさ」という概念をよく使います。この「空ける」ことは、まさに「心地よさ」を演出するための必須条件です。「詰める」と同様、重要なデザイン要素になります。

新聞の折り込みチラシなどで、すべての「間隔」が同一で、遊びがまったくなく、息苦しいデザインが多々見受けられます。これも、前章で取り上げた「千鳥」同様、デザイン初心者が陥りやすいものです。「空ける」という概念はあるのですが、どう適切に空けたらよいかわからず、同一にせざるを得ないのかも知れません。

(figure3-1)
デザイン初心者の作品によくみられる「千鳥」

(figure3-1)のキャプション

デザイン初心者の作品によくみられる、要素同士の空間がほとんど同じ例が左図である。抑揚がないので「息苦しさ」を感じる。

次項で、「息苦しいデザイン」の解決策を探っていきましょう。

第1回:通算第9回
もくじ
3.1 基本的には空けないほうがいい「文字間」
  3.1.1 ●文字間を空けたほうがいい(かもしれない)書体もある
  3.1.2 ●数字(半角)や英文の、両サイドの空きについて

3.1 基本的には空けないほうがいい「文字間」

文字間は、基本的には空けるべきではありません。もともと書体(特に和文書体)は、本来の字形の幅(高さ)である字面枠に納まっています。その外側、文字の実質的な幅(高さ)である、ボディ(仮想ボディ)がサイドベアリングとしての役割を果たしています。したがって、もうすでに、十分読みやすくする空間が用意されています。
それを、また更に広げるのは理にかなっていません。読みにくくするだけです。

3.1.1 ●文字間を空けたほうがいい(かもしれない)書体もある

ただし、最近の書体の傾向である、ボディに限りなく近い、字面枠を大きくとっている書体(モリサワの新ゴ、フォントワークスのニューロダンなど)は、小さいフォントサイズで組むと、読みにくい印象があるのも確かです。この場合は適切な[トラッキング]処理をしてもいいかなと思います。

(figure3-2)
「新ゴ」や「ニューロダン」などは字間を広げたほうが良い場合もある

(figure3-2)のキャプション

ブラウザによって見えかたに差が出るので、見本にならないと思うが、「7Qから10Qくらい」がこの『トラッキング』処理に該当する文字サイズである。
ベタでも決して問題ないのだが、少し空けたほうが、読みやすく、読者にやさしい。

いずれにしても、明確なデザイン意図なしに文字間をあけることは、デザイン上あまり好ましいことではありません。

前章[トラッキング]でも触れましたが、ウェブページで、文章を letter-spacing で広げている例を見かけます。
芸人さんが、ベタなコントで、のどを叩きながらゆっくりと「わ・れ・わ・れ・は・宇・宙・人・で・あ・る」というのがありますね。頭の中ではこんな感じで響いてしまうのです。響きが強すぎて内容が「頭に」入りません。

結局、読みにくいだけで、トクなことは何もないのでやめたほうがいいでしょう。

(figure3-3)
通常は、文字間は空けるべきではない

(figure3-3)のキャプション

上段は、Webでよく使われるヒラギノ角ゴPro W3である。このブログの本文もこの書体を指定している(Mac上で)。ひらがな、カタカナが大きく、骨格が本来では縦長文字種の横幅が広い。明らかに横組みを意識して作られたことがわかる。

この書体をもってしても字間を広げると、とたんに読みづらくなる。図形が並んでいるようにしか見えなくなるためである。まして、下段のような明朝体では、もっとひどくなる。

3.1.2 ●数字(半角)や英文の、両サイドの空きについて

Illustrator では、和文に半角数字や英文(アルファベット)を混在させると、両サイドがデフォルトで1/4角(全角の4分の1幅)自動的に空きます。これは組版ルールで決まっているのですが、この「空き」は入れるべきか入れざるべきか、大いに悩ましい問題です。

たしかに、1桁の数字、1文字の英文の場合は、入れたほうが断然読みやすいし入れるべきだと思います(この場合は全角を使うほうがきれい)が、2桁以上の数字や英単語の混入頻度が多くなると、この両サイドの空きは、何とも間が抜けて見えてしまいます。

これも、個人の好みや、クライアントの意向があるでしょうが、すべてのシチュエーションで入れなければならないというのは、私は違うように思います。しかし、「全部取っちゃおう」というのは極論過ぎます。ではどうすべきか。[段落]パレットの[文字組み]を操作して何とかすることになります。
(お断りしておきますが、ここでの説明やカスタマイズは、ほんの一例を述べたもので、すべてのかたや、場面・状況に適用できるものではありません)

ウィンドウ>書式>段落>文字組み

一般的な「ベタ組み」文章の場合は、デフォルトの[行末約物半角]を使用します。Illustrator の[文字組み]は[なし]も含めると5種類あります。状況に応じてこのいずれかの[文字組み]を設定します。

いずれの設定項目も[行末設定][行頭設定][行中設定][欧文の前後]という4項目に細かい設定がされています。これは、[文字組み]パレットの一番下[文字組みアキ量設定…]を開くと確認できます。
(figure3-4-1)参照。

このコーナーでの話題、「数字(半角)や英文の、両サイドの空き」は[欧文の前後]で設定されています。デフォルトでは[約物半角][行末約物半角][行末約物全角][約物全角]の4種類いずれも[最小]12.5%、[最適]25%、[最大]50%となっています。この設定が「くせもの」なのです。正直いって、デフォルトの設定では、きれいな組版は望めません。

では[最小][最適][最大]とは、いったい何なのでしょうか?
Adobeのユーザーガイド、日本語の書式設定 には、このようにあります。

文字組みセットの作成
❺「最小」値は、禁則処理によって行を詰めるときに使用されます。「最適」値より小さい値を指定します。「最大」値は、両端揃えで行を広げるときに使用されます。「最適」値より大きい値を指定します。
Adobe ユーザーガイド:日本語の書式設定より引用)

わかりづらい説明ですが、先にいきますね。この部分の詳細は “6.4.3 ●組版ルールを設定する[文字組み]” でお話しします。とりあえず、現象面を見てみましょう。(figure3-4-1)をご覧ください。

(figure3-4-1)
ベタ組み用[行末約物半角]のカスタマイズ

デフォルトで組んだ見本の1行目・7行目は、いずれも洋数字の両サイドが異様に広く空いています。[最大]が適用されているためです。
5行目。英文の両サイドのアキが広いですね。ここも[最大]が適用されています。

[文字組み]のデフォルト設定では[最大]が[最適]より2倍も大きい値になっています。このことが、見本の現象を生みだす原因になっています。また、[最適]の25%(1/4角:全角の4分の1幅)も、私は広すぎると思っています。

そこで、[ベタ組み用行末約物半角]なる、カスタマイズをしてみました。
その組み見本が下段です。ちなみに[最小]0%、[最適]12.5%、[最大]12.5%に設定し直しています。
どうですか、少なくとも、デフォルトで組んだものより異様さはなくなっていませんか?

欲をいうと、英文の両サイドはもう少し(16.5%くらい)広げたいのですが、数字と英文がわけられておらず、一緒の設定項目になっているため、設定することができませんでした。

なお、[自動(メトリクス)]による詰め組みの見本も添えておきます。

(figure3-4-2)
詰め組み用[約物半角]のカスタマイズ

詰め組みは、一部の漢字(書体にもよる)と両仮名すべてが詰まりますが、[行末約物半角]では行中の約物、句読点までは詰まらず整合性が取れません。ですので、[約物半角]にしました。ところが、これにすると、句読点まで詰まってしまい、文節がわかりづらく、読みにくくなってしまいます。

そこで、[行中設定]を細かく数値設定し直しています。もちろん[欧文の前後]も直しました。

[文字組み]の設定は、極端にいうと、1つの仕事に1つの[文字組み]が必要なほど微妙なものです。したがって、「正解」などはありません。まして、Illustrator では、それを望むのは無理があるのです。

なお、カスタマイズは簡単にできますが、数値の設定はなかなか難儀かも知れません。試行錯誤しながらやってみてください。

(figure3-4-3)
[文字組みアキ量設定]のカスタマイズ方法

このブログは、コラムの中を除いて、英文のみ両サイドに半角スペースを挿入しています。読みやすさはどうでしょうか?

● ● ●

次回(第2回:通算第10回)は、「行間」「行長」「ブロック(要素)同士の間隔」についてお話しします。予告下ページャ[2]のをクリックを。

第2回:通算第10回
予告
3.2 「行間」と[行送り]と「行長」のお話し
3.3 ブロック(要素)同士の間隔
固定ページ:

1

2 3

タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」ことタイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと前のページ

タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素次のページタイポグラフィ7つのルール その❹ たす 強調・複合などを盛り込む「たす」要素

関連記事

  1. タイポグラフィ7つのルール その❻-3 文字組みを見やすくする[行頭・行末・分離禁則]、しかし…
  2. タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある

    ▼第1回デザインの基本は「そろえる」ことにあります。出発点…

  3. タイポグラフィ7つのルール その❻-6 書体には「性格」や「表情」、そして「適性」がある
  4. タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと

    ▼第1回(通算第5回)この章では、主に和文の詰め処理につい…

  5. タイポグラフィ7つのルール その❻ 細心の注意を払うべき大切な「くむ」こと

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❻-1 細心の注意を払うべき大切な「くむ」こと

    ▼第1回(通算第18回)前章 “タイポグラフィ7つのルール…

  6. タイポグラフィ7つのルール その❻-5 和文組版美しさの原点・縦組みで起きるさまざまなこと

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


NEWS

2020.8.17REN FONT オフィシャルサイト・サーバエラーおよび復旧のお知らせ

8月16日・17日の両日、SSL 関連のサーバエラーのため、オフィシャルサイトにアクセスできない状態になっておりましたが、先ほど(8月17日19:00)復旧いたしました。
お客さまには大変ご不便をお掛けしました。今後ともよろしくお願いいたします。



2020.5.15REN FONT ショップの支払い方法がより充実しています

STORES 店ではクレジットカード決済がより充実、従来の VISA, MASTER, AMERICAN EXPRESS のほか、Diners Club, JCB があらたに加わっています。また、BOOTH 店もバリエーションでは STORES 店をしのぎます。 お好みのショップでお買いものをお楽しみください。



2020.5.4REN FONT 新型コロナウイルス感染症への取り組みと商品の販売について

緊急事態宣言が5月31日まで延長されましたが、当社の業務はすべてテレワークで運営されており、業務への支障はありません。
また、商品の販売についても、ダウンロード商品が100%であり、こちらも支障はありません。安心してお買い求めいただけます。
いまだに出口の見えないこの忌まわしいコロナ禍ですが、皆さまのご無事と一日も早い収束、そして終息を心より祈っております。



2020.5.1REN FONT 新型コロナウイルス感染症への取り組みと商品の販売について

緊急事態宣言の延長が確実ですが、当社の業務はすべてテレワークで運営されており、業務への支障はありません。
また、商品の販売についても、ダウンロード商品が100%であり、こちらも支障はありません。安心してお買い上げいただけます。
いまだに出口の見えないこの忌まわしいコロナ禍ですが、皆さまのご無事と一日も早い収束、そして終息を心より祈っております。



2020.2.1『ユリイカ』で私のオリジナルフォント「和音」を使用していただきました

月刊誌『ユリイカ』2020年2月号 (青土社)「書体の世界」特集の表紙タイトル「書体の世界」に、当社フォント「和音」を使用していただきました。ほかにも、目次・扉の「書体の世界」、2か所の中扉「書体談話」「文字のないタイポグラフィに向かって」にも使用されています。
装丁デザインは、著名な書容設計家、エディトリアル・グラフィックデザイナーの羽良多平吉さんによるものです。



2020.1.1新年のごあいさつ

あけましておめでとうございます。ことしも、REN FONT 直営ストア STORES.jp 店BOOTH 店、委託サイト design pocketimagenaviFont GarageFont Factory をよろしくお願いいたします。



2019.12.27年末年始休業のお知らせ

REN FONTは、12月28日(土)から2020年1月5日(日)までの9日間、年末年始のお休みをいただきます。なお、この期間でも、直営ストア STORES.jp 店BOOTH 店、委託サイト design pocketimagenaviFont GarageFont Factory のすべてのダウンロードサイトは通常通りお買いものができます。



2019.10.1消費税増税にともなう料金の改定について

いつも REN FONT STORES.jp店・REN FONT BOOTH店をご利用いただきありがとうございます。2019年10月1日より施行の消費税増税(8%→10%)にともない、同日より料金の改定をさせていただきました。
最大約700円、最小約30円の実質値上げとなります。まことに恐縮ですが、ご理解をいただきますようお願い申し上げます。



2019.9.14【重要】メンテナンスのお知らせ

いつも REN FONT STORES.jp店・REN FONT BOOTH店をご利用いただきありがとうございます。消費税の増税に対応するためのメンテナンスを以下の日程で実施いたします。

増税対応のメンテナンス(サービス停止)予定期間
2019年9月30日(月)PM11:30 ~ 10月1日(火)AM4:00

メンテナンス中は両ストアの全てのサービスをご利用いただくことができません。お客さまにはご迷惑をお掛けしますが、ご理解をいただきますようお願い申し上げます。



2019.6.8「令和セール」は終了しましたが…

「令和セール」は終了しましたが、好評なので引き続きこのまま割引価格を続けます。

2019.5.1セールを延長します。タイトルは「ありがとう平成 ようこそ令和」です

新元号が令和に突入しました! REN FONT が、日頃の感謝の気持ちをこめてお贈りする「ありがとう平成 ようこそ令和セール」(タイトルを変更しています)は、好評につき引き続き延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.4.1「平成最後の もうすぐ新元号令和セール」を延長します

新元号が令和に決まりました! REN FONT が、日頃の感謝の気持ちをこめてお贈りする「平成最後の もうすぐ新元号令和セール」(タイトルを変更しています)は、好評につき延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.3.10「平成最後のもうすぐ??新元号セール」を延長します

REN FONT が、日頃の感謝の気持ちをこめて「平成最後のもうすぐ??新元号セール」(タイトルを変更しました)は、好評につき引き続き延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.1.27「平成最後のニューイヤーセール」を延長します

REN FONT が、日頃の感謝の気持ちをこめて「平成最後のニューイヤーセール」は、好評につき延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.1.1「平成最後のニューイヤーセール」を開催しています

REN FONT が、日頃の感謝の気持ちをこめて「平成最後のニューイヤーセール」を、昨年12月25日〜平成31年1月31日まで全販売サイトで一斉に開催しています。20%〜最大50%offの「大安売り」です。この機会をお見逃しなく!

2018.12.25「カウントダウン&平成最後のニューイヤーセール」を開催します

REN FONT が、日頃の感謝の気持ちをこめ、「カウントダウン&平成最後のニューイヤーセール」を、12月25日より各販売サイトで一斉に開催します。正直言って「大安売り」です。この機会を、お見逃しなく!

2018.7.29サイトを引っ越ししました

ドメインも新規になっています
moji-blog.typoren.com は moji-blog.renfont.com に引っ越ししました。moji-blog.typoren.com にお越しの方は自動的に moji-blog.renfont.com の同じ記事にご案内しております。

おすすめ記事

  1. 私のデザイン変遷史 第18回 総合書体「和音」への挑戦
  2. 私のデザイン変遷史 第17回 さぁ、フォントを作ろう!
  3. 私のデザイン変遷史 第16回 遅すぎたMacとの出会い
  4. 第15回 一転、地獄に ーバブル崩壊への対策に忙殺ー
  5. 第14回 砂上の楼閣 ー面白いように稼げた時代ー

最近の記事

  1. 私のデザイン変遷史 第18回 総合書体「和音」への挑戦
  2. 私のデザイン変遷史 第17回 さぁ、フォントを作ろう!
  3. 私のデザイン変遷史 第16回 遅すぎたMacとの出会い
  4. 私のデザイン変遷史 第15回 一転、地獄に ーバブル崩壊への…
  5. 私のデザイン変遷史 第14回 砂上の楼閣 ー面白いように稼げ…
  1. タイポグラフィ7つのルール その❹ たす 強調・複合などを盛り込む「たす」要素

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素
  2. 書体の表情 9:macOSやiOSに標準搭載されている=ヒラギノ角ゴ

    TYPOGRAPHY SERIES 2

    書体の表情 9 macOSやiOSに標準搭載されている=ヒラギノ角ゴ
  3. デザインが100%うまくなるタイポグラフィ7つのルール:はじめに

    TYPOGRAPHY RULES

    デザインが100%うまくなるタイポグラフィ7つのルール Prologue
  4. タイポグラフィ7つのルール その❸ あける 息苦しいデザインの回避法は「あける」こと

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❸ 息苦しいデザインの回避法は「あける」こと
  5. タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある
PAGE TOP
%d人のブロガーが「いいね」をつけました。