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

TYPOGRAPHY RULES

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

タイポグラフィルール ❹ たす
▼第1回(通算第12回)

前章 “タイポグラフィ7つのルール その❸ 息苦しいデザインの回避法は「あける」こと” では、デザインをする上で、「心地よさ」を演出する重要な要素、「ホワイトスペース」をさまざまな角度から語ってきました。

この章では、タイポグラフィのテクニックの部分に重点を置き、お話ししていきます。キーワードは「メリハリ」です。

デザインにはメリハリが絶対的に必要です。「メリハリ」は、漢字で書くと「減り張り」となり、強弱・緩急・伸縮・抑揚などの意味があります。デザインに限らず、価値を高めたり、物事を円滑に進めていくための生活の法則と呼んでもいいかもしれません。

メリハリは、「メリカリ」が転じた言葉。もともとは邦楽用語のひとつで、低い音を「減り(めり)」、高い音を「上り・甲(かり)」と呼んでいました。

「減り」は「減り込む」など、一般的に使われていましたが、「上り・甲」は邦楽用語の域を出なかったため、一般的には意味が近い「張り」が使われるようになったようです。

この章と次の章では、それぞれ、「たす」を「張り」、「ひく」を「減り」になぞらえてお話していきます。この2つは、実際に行おうとすると、かなりの勇気が必要になります。どうか、勇気をふり絞って挑戦してみてください。

第1回:通算第12回
もくじ
4.1 文字(文字列)サイズを大きくする
4.2 文字に変形をかける
  4.2.1 ●欧文のItalicは単なる「斜体」ではない
  4.2.2 ●安易に乱用すべきでない長体・平体

4.1 文字(文字列)サイズを大きくする

ここでは “タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと” の冒頭で使用した(figure2-1)を再び登場させます。

「未来は君たちのものだ!」これを見出しとしてデザインするとき、あなたはどのように使うでしょうか。
(figure4-1)「左図」は普通にベタ組みで配置したもの。これはこれでアリかも知れませんが、インパクトに欠けますよね。でも、「右図」のように、文字を大きくすると、よりインパクトが増すはずです。これが「張り」です。

わかりやすくするため、下段に、行った手順を大きく載せてみました。

❶は詰め組みをしたもの、これだけ詰まります。その分大きくできます。
❷全体を拡大して、左右を「ベタ組み」のものと合わせました。これだけ大きくすることができました。さらに、「は」と「の」の助詞を小さくして、「未来」と「君たち」を目立たせています。これが「メリハリ」(減り張り)ということです。

(figure4-1)
詰め処理をした上にサイズを大きくする

4.2 文字に変形をかける

変形には、3種類のバリエーションがあります。すなわち、長体・平体・斜体です。いずれも上手に使うとインパクトは大きなものがあります。しかし、使いかたを間違えると、一気に安っぽいデザインになってしまう、恐ろしいアイテムでもあります。

4.2.1 ●欧文のItalicは単なる「斜体」ではない

結論からいうと、和文で「斜体」を使うときは、ワンポイントにとどめるべきでしょう。つまり、それ以外に用途はないということです。

WordPress テーマの CSS で、要約文や引用文を {font-style:italic;} にしてあるのをよく見かけますが、非常にみっともないので、私は {font-style:normal;} に直しちゃいます。和文の文章に「斜体」は根本的に合わないのです。
なぜ WordPress テーマにイタリックの指示が多いのか。それは WordPress テーマの作者が欧米人が圧倒的に多いことに起因していると思います。

欧文圏では、抜粋文や引用文は「イタリック」にします。これが、とても他と区別しやすく、きれいで見やすいんですね。

欧文の Italic は、単に斜体にしてあるわけではありません。きちんとした法則にのっとって正体(Normal Style)とは別の独立したデザインになっているのです。手間暇かけている、だから美しいんですね。

(figure4-2)
欧文のItalicは単なる「斜体」ではない

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

「G」の左は、Illustratorの機能で斜体にしたもの。右はItalic。斜体をかけると、「左上」と「右下」の線が細くなり、ふところが狭くなる。機械的な計算では、このゆがみの補正は不可能である。

それに対して、デザイナーが一文字ひともじ丹念に描き起こしたItalicは、当然ながらゆがみはなく、自然で美しい。

「イタリック」とは、単に斜体をかけただけのものではないのです。単なる斜体と理解しているのは、日本を含む漢字圏の人たちだけかも知れません。

英文の雑誌・新聞

4.2.2 ●安易に乱用すべきでない長体・平体

さて、長体・平体ですが、これを、横幅や縦幅のスペースが少ないときに使用するもの、というふうに理解していませんか? 確かにそうなんですが、困った状況でもないのに乱用されているように感じます。たとえば、こんなとき、あなたはどうするでしょうか。

(figure4-3)
安易に乱用すべきでない長体・平体

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

手前味噌だが、私の書体「和音」で、組み見本を作ってみた。
2番目の見出しだけ文字が多い。コピーまで依頼された場合は文字数を合わせるので、こんなアンバランスな見出しはあり得ないが、支給された原稿の場合はこれがままある。柔軟な対応が必要である。

上図は、2番目の見出しが他より文字数がかなり多い例ですが、下部にスペースがあるにもかかわらず、見出しに長体をかけて無理に1行に収めています。この場合は下図のようにすべきでしょう。1行に収めなくてはならない理由はないのです。

長体は、縮まるのは左右だけのはずですが、目の錯覚で上下も縮まって見えます。つまり、正体(デフォルトの状態)の文字サイズより小さく見えます。これは、平体にも同じことがいえます。

このように、長体・平体は、どうしようもない場合を除き、安易に使用すべきではありません。デザインの全体の雰囲気を壊すだけでなく、デザインが安っぽく、素人っぽくなります。
「変形」は、明確なデザイン意図に基づいて、効果的に使いましょう。

(figure4-4)
「長体」の使用例

(figure4-4)のキャプション

「長体」の使いかたをいくつか示した。

❶は行長が長い場合の見出し。正体だと大きすぎるが、「長体」にしてトラッキングで広げると、かわいくおしゃれになる。この使用法では長体60〜65%の間で良い効果が得られる。

❷見出しも本文も同率の「長体」にする。この場合は長体80〜85%で良い効果が得られる。行間は広めが合う。

❸縦書きの例。和文はもともと縦書きに適している。ひらがなは縦長の文字種が多いので、「長体」に適応する。特に明朝体は「長体」に向き、和の雰囲気が良くでる。長体95%で最良の効果が得られる。行間は広めが良い。

なお、「平体」はデザインには不向きだと思う。私はほとんど使うことはない。

● ● ●

次回(第2回:通算第13回)は、フォントの「ウェイト」に重点を置き、「サイズ」との相関関係を明らかにしていきます。予告下ページャ[2]のをクリックを。

第2回:通算第13回
予告
4.3 フォントのウェイトを上げる
4.4 ウェイトとサイズの関係
ページ:

1

2 3 4

関連記事

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

    TYPOGRAPHY RULES

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

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

  2. タイポグラフィ7つのルール その❻-4 和文・英文が混在することで起きるさまざまな厄介なこと
  3. デザインが100%うまくなるタイポグラフィ7つのルール:はじめに

    TYPOGRAPHY RULES

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

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

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

    TYPOGRAPHY RULES

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

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

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

    TYPOGRAPHY RULES

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

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

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

コメント

    • MASAHIRO YAMANAKA
    • 2019年 4月 29日

    メイクアップ(化粧)の理論も同じような「整える」事からはじまっているのでしょう⁉ 人間が美しいと感じる事は自然の理(振動・波)によってキリンやゼブラフィッシュなどの紋様が出来ている事からも推察できると思っております。 そしてそれは文字の世界でも同じで、整える事からはじまっていくと思います。 これからもよろしくお願いします。

    • MASAHIRO YAMANAKA さん、コメントありがとうございます。
      おっしゃるとおり、「整える」ことはデザインの基本中の基本です。
      そしてタイポグラフィはデザイン万般に通用する極めて重要なものだと思っています。
      この特集は大変長編ですが、お付き合いいただければ幸いです。
      こちらこそよろしくお願いいたします。

    • works014
    • 2017年 10月 10日

    私の書き方が悪かったと思いますが…
    基本的にベースラインで揃えられることと字送りピッチとは無関係です…
    ともあれ、大き過ぎる仮名、あるいは小さく見える仮名などをベタ組みで使いたい際には、「中央から〜」が必須なのはご理解いただけると思います…これをすることによって「欧文ベースライン」の縛りから解放されますので…

      • KAZ
      • 2017年 10月 11日

      大石さん、ありがとうございます。
      まったく、言葉が足りていませんでした。追記、加筆修正しました。

    • KAZ
    • 2017年 10月 04日

    大石さん、いつもありがとうございます。
    早速、追記します。

    • works014
    • 2017年 10月 04日

    合成フォントは基本的に欧文ベースラインを元に揃えられます
    なので、仮名などの比率を変更し字送りピッチを維持したい場合は、
    中心から拡大/縮小をチェックする必要があります

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

CAPTCHA


NEWS

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. 第6回 種字彫刻師とベントン彫刻機
  2. 第5回 デザインへのコンプレックス
  3. 第4回 レタリングで旺文社賞!

最近の記事

  1. 私のデザイン変遷史 第7回 笑えない話 その1(活版編)
  2. 私のデザイン変遷史 第6回 種字彫刻師とベントン彫刻機
  3. 私のデザイン変遷史 第5回 デザインへのコンプレックス
  4. 私のデザイン変遷史 第4回 レタリングで旺文社賞!
  5. 私のデザイン変遷史 第3回 中学生期 ーガリ版からタイポグラ…
  1. タイポグラフィ7つのルール その❻-6 書体には「性格」や「表情」、そして「適性」がある

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❻-6 書体には「性格」や「表情」、そして「適性…
  2. 第5回 デザインへのコンプレックス

    MOJI ESSAY

    私のデザイン変遷史 第5回 デザインへのコンプレックス
  3. タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある
  4. 書体の表情 6:ワンポイントに独特の雰囲気を醸し出す=A1明朝

    TYPOGRAPHY SERIES 2

    書体の表情 6 ワンポイントに独特の雰囲気を醸し出す=A1明朝
  5. 勢蓮のはなし

    MOJI ESSAY

    勢蓮のはなし
PAGE TOP
%d人のブロガーが「いいね」をつけました。