個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

欧文/英語フォント選びでもう迷わない!「タイポグラフィ10の掟(The 10 commandments of typography)」

欧文/英語フォントを利用するときに、1つの判断基準というか参考になりそうだったのでご紹介。
海外のデザイン事務所「DesignMantic」が、制作してくれたインフォグラフィックスです。
簡単にいうと、フォントの組み合わせについてのルールが記されています。
欧文フォントが苦手で、デザインするときに、フォント選びでいつも悩んでているという方には参考になるかもしれません。
欧文選びで1つのご参考になれば幸いです。

font-infography
「タイポグラフィ10の掟(The 10 commandments of typography)」は、欧文フォントを利用する際の気をつけるポイントを10項目にまとめてくれたインフォグラフィックスです。
たとえば、項目6で、「フォントを使うときは2つにしろ」みたいなことが書かれていますが、項目2や3では具体的なフォントの組み合わせを、フォント名とともに掲げてくれています。
欧文を組版するときに、どうすればいいのかわかない!といった事態になっても、この「タイポグラフィ10の掟(The 10 commandments of typography)」に従えば、何かしらの形になるかもしれません。
いやなるでしょう。

フォントファミリーを知りなさい。GHOTMSって聞いたことある?

GHOTMSは、Geometric=ジオメトリック, Humanist=ヒューマニスト , Old Style=オールドスタイル, Transitional=トランジショナル, Modern=モダン, Slab Serif=スラブセリフのこと。
詳しい内容は欧文フォント関係の書籍を見ていただくとして、すごく簡単いえば、フォントの形です。
インフォグラフィックスの1に掲げられている”a”の文字が、それらの形を表しています。

サンセリフとセリフを組み合わせなさい

サンセリフとセリフを組み合わせるようにする。。

サンセリフ セリフ
Myriad Minion
AndrewGothic CASTELLAR
Ocean Sans Std Garamond
Segoe UI Lucida Fax
Futura Minion
Liberal Garamond

セリフとサンセリフを組み合わせなさい

セリフとサンセリフを組み合わせるようにする。

セリフ サンセリフ
Minion Myriad
CASTELLAR AndrewGothic
Garamond Ocean Sans Std
Lucida Fax Segoe UI
Minion Futura
Garamond Liberal

似通った2つのフォントを組み合わせるとダサい

似通った2つのフォントを組み合わせるとクールじゃなくなります。

Minion Novelty
Colonna MT CASTELLAR
Garamond Times New Roman
Agency FB Letter Gothic
Futura Franklin Gothic
MANDINGO Liberal

コントラストがカギ

コントラストを利用するのがキーポイントです。

Futura CASTELLAR
Liberal AndrewGothic
Myriad Ocean Sans Std
Novelty Advantage
OVERHAUL Angelina
GENEVA Futura

フォントを利用するときは2つまで、「どうしても」という場合でも3つまでに

フォントを使うときは2つまで。どうしても使用しなければならないときだとしても3つに抑える。

Monogly Arial Rounded AvantGarde
MANDINGO souvenir lt Arial
GENEVA Advantage Ocean Sans Std
Novelty CASTELLAR Time Roman
AKKA colonna MT dallas
Akka BIENVILLE Castellar

異なる印象のフォントを組み合わせなさい

異なる印象のフォントを組み合わせるようにする。

ROSEWOOD MANDINGO GENEVA
ADRESACK ? Genoa Roman
Black Chancey MASQUE Geometric light
AFRICAN MATISSE GildedCage
ALLENB MECHANICAL MELOBOLD
? MINION MULTISTROKES

?=判読不能でした…。どなたか教えてください。

雰囲気を補完するフォント、同時代のフォントを組み合わせなさい

組み合わせるフォントがもつ雰囲気を補完するようなフォント、同時代につくられたフォントを組み合わせるようにする。

Black Chancey ?
Amaze festus
ANDES bougan
Borealis calibri
GENEVA BLACK CHANCEY
Coronet Trebuchet

?=判読不能でした…。どなたか教えてください。

ウエイトが異なるフォントを使うときは同じファミリーのものを使用しなさい

ウエイトの異なるフォントを使う場合は、同じファミリーのフォントを使用するようにする。

Minion Garamond
Myriad Futura
GENEVA DALLAS
November Niagara
Valken VAGRounded
Trajan Sylfaen

最後に、こんなフォントは使わないでね……

次のようなフォントの使用は極力控えましょう。

Comic Sans
Papyrus
Curlz
Viner
Kristen
?

?=判読不能でした…。どなたか教えてください。

The 10 Commandments of Typography

欧文フォントを一からまじめに勉強したいなら、必読の2冊


当ブログでもフリーの欧文フォントをご紹介させていただいていますが、手軽に手に入る分、利用するときも結構適当だったりしませんか?
欧文フォントには文字を組むときにはいろいろなルールがあります。
素人ではまったくわからないけれど、プロが見たら「あちゃー」な組み方があるそうです。
そんな事態にならないために、「恥をかかないための欧文組版ルール」といった、踏み込んだ内容まで詳しく解説してくれているのが下記の書籍。
著者の小林章氏はモノタイプでNeue Frutigerなど、チョ~有名な欧文フォントをつくったりしているすごいお方です。
そんな小林氏が、わかりやすい解説で欧文をフォントを解説してくれています。
メジャーフォントの解説もたくさんあるので、欧文フォント自体にも詳しくなりますよ。
「The 10 commandments of typography」はあくまで悩む時間を短縮させるための1つの手段です。
やっぱり根本がわかったほうがいいですよね。

amazonの場合

欧文書体―その背景と使い方 (新デザインガイド)


欧文書体 2 定番書体と演出法 (タイポグラフィの基本BOOK)

楽天ショップの場合

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 3
  • 24

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

要チェク!2015年春の英語/欧文無料フリーフォント60+

かっこ良くて使える!2015年春の英語/欧文無料フリーフォント50+

かっこいい無料の英語/欧文フォントが目白押しの2015年春。 かっこいい上に即現場で使える英語/欧

記事を読む

デザインを華やかにする無料の英語/欧文デザインフォント30

デザインを華やかにする無料の英語/欧文デザインフォント50

デザインを華やかにする無料の英語/欧文デザインフォントをご紹介します。 ユニークにデザインされたフ

記事を読む

いまさら聞けない無料のアイコンフォントの導入の仕方・使い方

アイコンフォントを今頃になってようやく使ってみました。 最初は正直よくわからず、戸惑ってしまいまし

記事を読む

Googleフォントをフル活用!Googleフォントをさらに見つけやすく使いやすくするサービス9

Googleフォントのオススメがすぐわかる!Googleフォントを見つけやすく使いやすくするサービス10

GoogleフォントのオススメがすぐわかるGoogleフォントを見つけやすく使いやすくするサービスを

記事を読む

要チェック!最近公開されたかっこいい無料の英語フリーフォント38(2013.9-2014.2)

要チェックです。 2013年9月〜2014年2月ごろにかけて公開された無料フォントのうち、デザイン

記事を読む

美しい日本語フォントの組み合わせ!少ないフォントでも美しいデザインが可能になる「AcuCaseProject」がすごい!

美しい日本語フォントの組み合わせ!少ないフォントでも美しいデザインが可能になる「AcuCaseProject」がすごい!

美しい日本語フォントの組み合わせで、少ないフォントでも、より美しい日本語デザインを実現できる素晴らし

記事を読む

かすれ具合が人気のベストセラー英語/欧文フォント「Veneer」がセール&ディスカウント中

かすれ具合が人気のベストセラービンテージ風英語/欧文フォント「Veneer」がセール&ディスカウント中

かすれ具合が人気のベストセラービンテージ風英語/欧文フォント「Veneer」がセール&ディスカウント

記事を読む

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

好きなアイコンだけを選んでオリジナルのアイコンフォントにできる無料のサービスをまとめてご紹介します。

記事を読む

オリジナルな英語・欧文フォントを一瞬でつくれてしまう「modulator」

オリジナルな英語・欧文フォントを一瞬でつくれてしまう「modulator」

怖いほど簡単に、オリジナルの英語・欧文フォントを作れてしまうサービスをご紹介します。 作成できるの

記事を読む

「このフォントなんだろうなあ」がわかっちゃう!フォント利用者必読書「実例付き フォント字典」

「このフォントなんだろう?」がわかる!フォント利用者必読書「実例付き フォント字典」

フォント利用者必読の書が登場しました。 その名も「実例付きフォント字典」。 その名のとおり、実際

記事を読む