TYPOGRAPHY RULES

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

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

タイポグラフィ7つのルール ❶ そろえる
▼第4回

前回は、行頭揃えの説明を中心に、行末揃え・中心揃えのポイントを述べてきました。文字の奥深さを実感していただけたのではないかと思います。

今回は、主に「目の錯覚」についてお話しします。脳が勘違いや、先回りした判断で、実態と異なる見かたをすることを「錯視」といいます。私たちの生活には「錯視」があふれています。タイポグラフィはまさに厄介な「錯視:目の錯覚」との戦いなのです。

第4回もくじ 1.11 揃え処理の大敵、目の錯覚
  1.11.1 ●万人に共通の「目の錯覚」
  1.11.2 ●環境や個人差で異なる「見えかた」
1.12 書体デザイナーの苦悩
  1.12.1 ●文字も広い意味では「図形」
  1.12.2 ●書体の揃え処理は、デザインの原点

1.11 揃え処理の大敵、目の錯覚

揃えを行う場合の便利な方法として、ガイドを使用することは、“1.3 ガイドは必要、でも頼りすぎない” でお話ししました。また、それに頼りすぎてはいけないことにも触れました。あくまで、数値ではなくみた目で揃えなくてはならないということです。これは意外に難しく、繊細な感覚を要求されます。
なぜ、揃えがこんなに難しいのか、それは、前の項でも少し触れた、万人に共通の「目の錯覚」が原因しています。

(figure1-18)
おなじみの目の錯覚図形

上の図は、よく知られている目の錯覚を説明する、一番わかりやすいものでしょう。
左側は一般的な図。横線の長さは同じですが、どう見ても下のほうが長く見えます。
右側は、私が少し手を加えたもの。下の横線を短くしてあります。どうですか、同じに見えませんか?

1.11.1 ●万人に共通の「目の錯覚」

目の錯覚は万人に共通ですが、見えかたには個人差があるので、私はほぼ同じに見えるように設定したつもりですが、皆さんにはどう見えるでしょうか。でも、少なくとも左側の図ほどの長さの差は感じないと思います。

さて、文字は(特に和文では)、大別すると以下のような図形にあてはまる形状をしています。バラエティに富んでいますね。

(figure1-19)
和文漢字のさまざまな形

こんな感じでしょうか。

これらは全て一定のボディ(ここでは1辺1000emの正方形)に収まっています。なお、この図形は、目の錯覚をはっきりと示すためにオブジェクトで描画しています。(三角形は正三角形。底辺より高さが短いため、完全に正方形に収まっているとはいえません)
見た目の大きさが、ひどくバラバラなのがわかります。

ちなみに、大きく見える順に並べてみましょう。

(figure1-20)
大きく見える順にならべると…

1.11.2 ●環境や個人差で異なる「見えかた」

この順番に見えると思います。(ただ、三角形は、その形状や周囲の空白スペースに大きく左右されます。ですので、見えかたはその環境によりさまざまに変わります。また、人によって感じ方は異なるかも知れません)

不揃いの図形を同じに見えるようにする作業が、実は、揃え処理の原点なのです。

同じに見えるようにそれぞれの大きさの調整をしてみましょう。
いかがですか?

(figure1-21)
大きさの調整をして同じに見えるように…

ここでも、いいわけをしておきます。見えかたには個人差があります。私はほぼ同じに見えるように設定したつもりですが、皆さんにはどう見えるでしょうか。

1.12 書体デザイナーの苦悩

図形での説明が長くなりましたが、これは紛れもなく文字(字体:タイプフェイス)を説明するための序章でした。

1.12.1 ●文字も広い意味では「図形」

さきほどの図形を、こんどは書体を使って表現してみましょう。使用したのは「小塚ゴシックPro M」です。右向き・左向きの三角形は少し平べったく設計されています。(これはほとんどの書体がそうです)

大きさの調整がされているのがわかります。

(figure1-22)
小塚ゴシックの調整具合

この書体の場合は、【●】を、字面枠いっぱいに設計しています。【●】は、閉鎖的・求心的で小さく見えるためです。したがって、これらの図形の中では大きめの、漢字のサイズに一番近い字面枠のサイズになっています。
大きく見える【■】を小さめに、小さく見える【◆】をボディ(仮想ボディ)いっぱい近くまで大きくしています。そして、三角形は高度な空間処理がされています。

【▲】と【▼】を使って説明しましょう。「底辺」の先端が、文字サイズの基準として存在している字面枠より出っ張っているのがわかります。先の細い部分は周りの空間に〔浸食〕されて存在が薄れるため、わざと出っ張らせています。そうしないと小さく見えるからです。

そして、「高さ」の先端にも同じことがいえるので、三角形全体を【▲】の場合は上に、【▼】の場合は下に下げています。少し極端に感じますが、これは三角形どうしを並べているからで、他の文字と並べたときちょうど良いのです。

(figure1-23)
三角形の高度な調整

1.12.2 ●書体の揃え処理は、デザインの原点

私を含めた書体デザイナーは全員、全ての文字をこれらの法則にのっとって設計しています。単純にボディ、字面枠に当てはめているわけではありません。
この地道な作業があるから、文章として組んだとき、整った大きさできれいに見えるのです。
これはまさに、書体デザイナーの苦悩の産物といえるでしょう。

でも、書体デザイナーがこれだけ苦労しても、実際、商業デザインに使用するとなると、グラフィックデザイナーであるみなさんの力を借りなければなりません。
違う書体との組み合わせ、さまざまな文字サイズとの同居、写真やイラストなどとの配置関係、文字を取り巻く空間の度合い、などの複雑な要素によって、“1.11 揃え処理の大敵、目の錯覚”での冒頭にお話しした、難しい揃え処理を必要とするのです。

デザイン上の揃え処理は、書体の揃え処理がベースであり、原点といってもいい過ぎではなのです。

あとがき

いかがでしたか? 揃えることの重要性をわかっていただけたら、こんなに嬉しいことはありません。この『タイポグラフィ7つのルール』は、始まったばかりです。長編であるがゆえに、執筆や図表の制作に相応の時間がかかることから、一度に掲載することはできません。でも、1回1回をマスターしていけば大丈夫なようにしてあります。

少しずつ、取り入れていってください。この「講座(?)」が終わるころには、タイポグラフィの腕は確実に上がっています。それを信じてついてきてくださいね。

● ● ●

次回は、“タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと” をお話しします。ご期待ください。

次回予告 その❷ つめる 和文の美しさのカギは「つめる」こと

1 2 3

4

デザインが100%うまくなるタイポグラフィ7つのルール:はじめにデザインが100%うまくなるタイポグラフィ7つのルール Prologue前のページ

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

関連記事

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

    TYPOGRAPHY RULES

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

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

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

    TYPOGRAPHY RULES

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

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

  3. タイポグラフィ7つのルール その❻-6 書体には「性格」や「表情」、そして「適性」がある
  4. デザインが100%うまくなるタイポグラフィ7つのルール:はじめに

    TYPOGRAPHY RULES

    デザインが100%うまくなるタイポグラフィ7つのルール Prologue

    はじめにタイポグラフィ文字表現のデザイン処理のことをいいます。情報…

  5. タイポグラフィ7つのルール その❼ 「ひらく」ことは読者の目と心への思いやり

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❼ 「ひらく」ことは読者の目と心への思いやり

    ▼1回完結(通算第24回)前回までは、タイポグラフィに関す…

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

    TYPOGRAPHY RULES

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

    ▼第1回(通算第9回)この章での「あける」は、主に「行間」…

コメント

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

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

CAPTCHA


NEWS

2021.10.12新フォントをリリースしました

新フォント「清明(せいめい)かな」をリリース。当社直営ストア、STORES, BOOTH で販売を開始しました。
design pocket / imagenavi / Font Garage / Font Factory も追随して販売予定です。 試用版の「清明かな Free(Book)」もダウンロードできます。お試しください。



2021.6.7仮名フォント・欧文フォント料金統一のお知らせ

このたび、仮名フォント・欧文フォントの料金統一のため、靜呉竹・Amabileの料金を6月7日より値下げいたします。 詳細は、オフィシャルサイトをご覧ください。
https://www.renfont.com/



2021.4.20業務提携のお知らせ

中国・上海锐线创意设计有限公司(REEJI)との業務提携により、和音Pro中国語版(GREETYPE 和音体:簡体・繁体)の、中国地域(中国大陸・香港・マカオ・台湾)での販売を開始しました。なお、日本国内での販売はいたしません。
GREETYPE 和音体紹介Webサイト:http://geetype.cn/he_yin_ti/
●和音pro中国語版ご購入の連絡方法 Webサイト:http://geetype.cn 連絡メール:geetype@reeji.com

兹因与锐线上海创意设计有限公司(REEJI)业务合作,和音pro中文版(GEETYPE和音字体:中文简、繁体)已经在中国地区(中国大陆、香港、澳门、台湾)开始销售了。另外注意,GEETYPE和音字体:中文简、繁体不会在日本国范围内销售。
●和音pro中文版销售联系方式 网址:http://geetype.cn 联系邮箱:geetype@reeji.com



2021.2.22MyFonts にファウンドリー "REN FONT" を開設

REN FONT が MyFonts にファウンドリー "REN FONT" を開きました。新しい欧文フォント "Amabile" と、ロングセラーの日本語フォント "和音Pro" をリリース。Amabile は Regular をフリーフォントにしました。
2月25日まで 30%OFF の記念セールをやっています。どうぞお立ち寄りください。



2021.1.25新フォント、好評発売中!

新フォント「靜呉竹(しずかゴシック)」が好評発売中です。当社直営ストア、STORES, BOOTH で販売中です。
design pocket / imagenavi / Font Garage / Font Factory も販売を開始しました。
試用版の「靜呉竹トライアル-R」もダウンロードできます。お試しください。



2021.1.1新年のごあいさつ

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



2020.12.21REN FONT 年末年始お休みのお知らせ

12月26日(土)から新年1月5日(火)まで、お休みをいただきます。
フォントは休業期間中でもSTORESまたはBOOTHで通常通りお買い求めいただけます。また、design pocket / imagenavi / Font Garage / Font Factory も通常通り販売いたします。ご利用ください。



2020.11.10REN FONT が新フォントをリリースしました

新フォント「靜呉竹(しずかゴシック)」をリリース。当社直営ストア、STORES, BOOTH で販売を開始しました。
design pocket / imagenavi / Font Garage / Font Factory も追随して販売予定です。 試用版の「靜呉竹トライアル-R」もダウンロードできます。お試しください。



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 の同じ記事にご案内しております。

写真素材素材【写真AC】

おすすめ記事

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

最近の記事

  1. 私のデザイン変遷史 第18回 総合書体「和音」への挑戦
  2. 私のデザイン変遷史 第17回 さぁ、フォントを作ろう!
  3. 私のデザイン変遷史 第16回 遅すぎたMacとの出会い
  4. 私のデザイン変遷史 第15回 一転、地獄に ーバブル崩壊への…
  5. 私のデザイン変遷史 第14回 砂上の楼閣 ー面白いように稼げ…
  1. 書体の表情 12:作者の文字への情熱がほとばしる=小塚明朝

    TYPOGRAPHY SERIES 2

    書体の表情 12 作者の文字への情熱がほとばしる=小塚明朝
  2. 書体の表情 3:正統派なのにどこか素朴であたたかい=セザンヌ

    TYPOGRAPHY SERIES 2

    書体の表情 3 正統派なのに、どこか素朴であたたかい=セザンヌ
  3. MOJI ESSAY

    私のデザイン変遷史 第2回 幼少期から小学生期
  4. MOJI ESSAY

    私のデザイン変遷史 第11回 笑えない話 その2(写植編)
  5. タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない
PAGE TOP
%d人のブロガーが「いいね」をつけました。