TYPOGRAPHY RULES

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

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

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

前回は、[合成フォント]についてさまざま語ってきました。[合成フォント]は、意外なほど知られていないので、初めて聞くかたも多かったかも知れません。便利なので、どんどん使っていただければと思います。

今回は、こまごまとしたタイポグラフィのテクニックを図解を交えてまとめました。したがって、項目はたくさんあります。この第4回で、『タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素』は終わりになりますが、最後にやらないで欲しいこと、やってはならないことをお話ししました。

テクニックも大事ですが、やってはならないことを知っておくのも大切なことです。どうぞご参考に。

第4回:通算第15回
もくじ
4.6 約物(記号類)のサイズを上げる
4.7 役割を逆転させる
4.8 一文字ずつばらす
4.9 ほとんどのグラフィック作品は、明朝とゴシックでできている
4.10 縦書きの有効さを知る
4.11 文字修飾をやたらに使わない
  4.11.1 ●文字修飾には中毒性がある
  4.11.2 ●素材の良さを引き出す

 

4.6 約物(記号類)のサイズを上げる

約物とは、漢字、ひらがな、カタカナ、数字以外の各種記号類の総称です。句読点、カッコ類、疑問符、感嘆符、引用符、アクセントなど、たくさんの種類があります。

これらは、いずれも発音しないものです。音が存在しないがゆえに、いろいろと遊べる要素があるといえます。ブログなどでよく見かける引用文を表す部分の両サイドに使われている、ダブルクォーテーションなどは良い例といえましょう。一目で引用文だとわかりますね。(引用以外の、目立たせるための用途に使っている例がほとんどのような気がしますが。)

ここも、くどくど説明するより例をあげてみましょう。どれもとても効果的です。鍵かっこは、文字でなくパスに切り替え、極細の線(0.1~0.2mmくらい)で大胆に書くと効果てきめんです。

(figure4-11)
約物(記号類)のサイズを調整する

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

カギ括弧は、文章組みでは目立たないが、文字サイズが大きくなると、とたんにダサイ感じになる。通常はカギ括弧のサイズを落とすが、❶のように細めのパス(0.15〜0.25mmくらい)で大きめに書くと、とてもおしゃれになる。

ほとんどの書体は、疑問符や感嘆符が小さめにできている。これは組み込まれた「セット欧文」のサイズに合わせているためで、ある意味、宿命的なもの。したがって、他の文字とのバランスをとるため、❷のように少し大きくしなくてはならない。

約物は、アクセントやワンポイントとして使う場合は、❸大きくするだけでなく、❹傾けたり、斜体をかけたりするのも効果的である。

 

4.7 役割を逆転させる

これは、「減り」と「張り」の2つの要素を兼備しつつ、一般的で常識的な役割を逆転させた手法といえるでしょう。
一般的には見出しは太いウェイト、文章は細いウェイトと相場が決まっていますが、これを逆転させると面白い効果がでます。

(figure4-12)
役割を逆転させる

普通は、見出しは太いウェイトのゴシック系を使いますが、この例は、細めの明朝を使っています。また文章は、普通は細いウェイトのゴシックか明朝を使いますが、ここでは太いウェイト(なんとボールド!)を使っています。下段は、見出しに細めのゴシック、文章に太い(なんとウルトラ!)明朝を使いました。

この場合の文章は、短め(20~30字詰め・3行から5行くらい)がいいでしょう。簡潔で箇条書きに近いパンフレットの項目や、ウェブサイト・バナーの商品説明などに効果的です。

 

4.8 一文字ずつばらす

文字列を一文字ずつばらして、大きさに抑揚を与えていく技法があります。これも「メリハリ」の要素を利用したデザイン処理です。実例で見てみましょう。

稲生物怪録絵巻集成の表紙

この表紙の装丁「稲生物怪録絵巻集成(いのうもののけろくえまきしゅうせい)」(国書刊行会刊)は、私の制作した仮名フォント、「勢蓮明朝仮名Old-M」(仮名書体)を使用し、著名なエディトリアル・デザイナー、工藤強勝(くどう・つよかつ)さんがデザインしたものです。

(figure4-13)の左図は、普通に縦組みにしたものに文字詰めを施してあります。右図は、工藤さんの文字配置を参考に、再現したもの。左図よりも格段に良くなっているのは一目瞭然です。サイズに「メリハリ」を与えただけでなく、左右に揺らして、あたかも筆で書いたように一文字ひともじを配置しています。

(figure4-13)
一文字ずつばらし、サイズや位置の調整をする

工藤さんも、この作品は大変気に入られていると聞きました。以後、「勢蓮明朝仮名Old-M」は、工藤さんのデザインの必須書体になっているそうです。(このエピソードは手前味噌でしたね。)

このコーナーに使用した写真・画像・文章の掲載については、書籍の刊行元・国書刊行会さん、装丁デザインをされた工藤強勝さんから掲載の快諾をいただいています。

 

4.9 ほとんどのグラフィック作品は、明朝とゴシックでできている

デザイン初心者に共通することをいくつか述べてきましたが、明朝体を敬遠する傾向があるのもその一つと、私は感じています。目立つデザインをと意識するから仕方がないのですが、その結果として、ゴシック体を多用するようになっていきます。

ただ、ゴシック体ばかり使っていると、マンネリ化はすぐ訪れてきます。ゴシック体は、文字形状そのものに特徴が乏しく、没個性になりがちだからです。

書体の選定は、仕事の内容によって左右されるので、一概にゴシック体だけでは良くないともいい切れませんが、やはりバランスよく、明朝体・ゴシック体が使われていると、デザインは引き締まったものになります。

ほとんどのグラフィック作品は、明朝とゴシックでできています。それがわかれば、明朝体を使う勇気もでてくるでしょう。デザインは、結局、臆病な心との戦いなのです。

デザインには挑戦し、一歩踏み出す勇気が必要である

 

4.10 縦書きの有効さを知る

もう一つ。縦書きも敬遠されます。縦書きは、使い方を間違うと古臭いイメージになってしまうため、使うのをためらうようです。しかし、効果的な縦組みの混在は、紙面に変化とリズムを与え、デザイン性も向上します。

これも、かなりの勇気を伴います。でも、良いデザインをしていくための、重要なポイントです。ぜひ挑戦してみてください。

(figure4-14)
縦書きの効果的な例

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

左は、縦書き、横書き、写真を複雑にからめた例。横書きのみでレイアウトしても、ここまでのリズムは生まれない。
中央の丸い写真の輪郭にに縦書きの文章を沿わせた。この、「沿わせる」手法は、人物や動物などの「切り抜き写真」に応用すると、良い結果が得られる。

右は、小見出しの横書きに対して大見出しを縦書きにした例。やはり、独特のリズムが生じる。

この章も、終わりに近づきました。かなり長い章になってしまいました。
最後に、あまりお勧めできないこと、というより、やらないで欲しいことを挙げておきます。この章は、「たす」ことが目的でした。この「たす」を、勘違いすると、次のことが起こります。

 

4.11 文字修飾をやたらに使わない

デザイン初心者が陥りやすいことの上位を占めるもの、それが「文字修飾」です。文字修飾とは、文字をもう一重、あるいは二重に囲みをつける「袋文字」や、文字に影をつける「影文字」など、文字を飾りたてることをいいます。これは、「たす」行為といえます。

ひとつの紙面に、3か所も4か所も袋文字や影文字を使っているのを、本当によく見かけます。その用途が、たとえばスーパーの売り出しチラシや、ウェブページの商品や売り出しバナーなどのように、デザインよりも目立たせることを優先の仕事なら話はわかります。でも、結構固い内容のお知らせなどにも、これでもかというくらい使っている。目立たせたい一心で行うのでしょうが、これは大変良くないことです。

(figure4-15)
文字修飾はやたらに使ってはならない

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

私は、文字修飾そのものを否定しているわけではない。ここに挙げた例は、Illust AC 登録:“のりのり”さん作のものだが、どれもかわいく、愛に溢れていて機会があれば使わせていただきたいと思う。

だた、用途を間違わないように、といいたい。

このタイトルが「PTA総会のお知らせ」や「緊急理事会招集のお知らせ」など、硬い内容の見出しに使ったらと想像して欲しい。明らかにそぐわない。でも、巷では平気でこのようなシチュエーションで使っている例が目立つ。そして、それがあまりに多いのだ。

 

4.11.1 ●文字修飾には中毒性がある

文字修飾の怖いところは、中毒性があること。つまり、使わずにいられなくなることです。これは、デフォルトの書体が信用できない、自分のデザインに自信が持てない心理状態からきています。
「文字を大きくする」「違う書体を使ってみる」「書体のウェイトを上げてみる」といった、本来のデザイン手法から遠ざかる逃げの行為です。勇気をもってやめてください。

 

4.11.2 ●素材の良さを引き出す

料理では、一流のシェフは、素材の活かしかたを良く知っています。同じことです。素材、つまりデフォルトの書体の良さを知ってください。書体デザイナーが精魂込めて作っています。寒くないのにどてらを着せないでください。紳士・淑女のフォーマルな集まりに、カジュアルな洋服で参加させないでください。

(picture4-6)
素材の良さを引き出すのもデザイナーの資質である

書体は、デザインされた文字の骨格に、さまざまなタイプの洋服や和服を着せたものです。デフォルトの状態で、じゅうぶん主義・主張をもっています。それを引き出す努力と感性を磨いてください。

あとがき

以上で、この章『タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素』は終了します。この章では、デザインに欠くことのできない、大法則「メリハリ」の「張り(ハリ)」要素をお話ししてきました。この要素は、使いすぎると「うるさい」デザインになる恐れがあります。くれぐれも「適切」に。

● ● ●

次章 “タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない” では、その反対の法則「減り(メリ)」についてお話ししていきます。ご期待ください。

次回予告 その❺ ひく 「ひく」ことは、すべてがマイナスではない

1 2 3

4

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

タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない次のページタイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

関連記事

  1. タイポグラフィ7つのルール その❻-3 文字組みを見やすくする[行頭・行末・分離禁則]、しかし…
  2. タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと

    TYPOGRAPHY RULES

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

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

  3. タイポグラフィ7つのルール その❻-4 和文・英文が混在することで起きるさまざまな厄介なこと
  4. タイポグラフィ7つのルール その❻-2 取りあえずこれだけ知っておこう、組版上の推奨事項
  5. タイポグラフィ7つのルール その❸ あける 息苦しいデザインの回避法は「あける」こと

    TYPOGRAPHY RULES

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

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

  6. タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

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

コメント

  • コメント (6)

  • トラックバックは利用できません。

    • MASAHIRO YAMANAKA
    • 2019年 4月 29日 1:03pm

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

      • KAZ
      • 2019年 4月 29日 11:15pm

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

    • works014
    • 2017年 10月 10日 10:34pm

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

      • KAZ
      • 2017年 10月 11日 12:05am

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

    • KAZ
    • 2017年 10月 04日 7:42pm

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

    • works014
    • 2017年 10月 04日 3:05pm

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

NEWS

2025.5.27フォントワークスLETSに提供中のREN FONT全書体に「奔行2かな-L」追加!

LETSに提供中のREN FONT全書体に「奔行2かな-L」追加!

5月27日㈫、Monotype株式会社が運営するフォントワークスLETSで、すでに提供を開始したREN FONT82書体に「奔行2かな-L」が加わりました。
WebフォントサイトFONTPLUSでは、和音Pro9書体を好評提供中。どうぞ、ご利用ください。



おすすめ記事

  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. タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない
  3. MOJI ESSAY

    ようこそ「令和」
  4. 書体の表情 7:普遍的なしっかりとした力を持っている=AXIS

    TYPOGRAPHY SERIES 2

    書体の表情 7 普遍的なしっかりとした力を持っている=AXIS
  5. 第15回 一転、地獄に ーバブル崩壊への対策に忙殺ー

    MOJI ESSAY

    私のデザイン変遷史 第15回 一転、地獄に ーバブル崩壊への対策に忙殺ー
PAGE TOP
%d人のブロガーが「いいね」をつけました。