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

欧文/英語フォントを利用するときに、1つの判断基準というか参考になりそうだったのでご紹介。
海外のデザイン事務所「DesignMantic」が、制作してくれたインフォグラフィックスです。
簡単にいうと、フォントの組み合わせについてのルールが記されています。
欧文フォントが苦手で、デザインするときに、フォント選びでいつも悩んでているという方には参考になるかもしれません。
欧文選びで1つのご参考になれば幸いです。
「タイポグラフィ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)
楽天ショップの場合
![]() 【楽天ブックスならいつでも送料無料】欧文書体 [ 小林章 ] |
![]() 【楽天ブックスならいつでも送料無料】欧文書体(2) [ 小林章 ] |
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
世界中のWEBデザイナーに愛される定番の英語フォントベスト10(フリー&有料)
世界中のWEBデザイナーに愛されるド定番の欧文フォントベストに関するインフォグラフィックスがあったの
-
-
必見!欧文/英語フォントがよくわかる欧文/英語フォントの実例付きサイト「Fonts In Use」
欧文/英語フォントの実例付きサイトご紹介します。 実例数、実に5346! ものすごい数です。
-
-
2015年の英語/欧文無料フォントは即戦力!2015年フリーフォントベストヒット93
気がつけば2015年も早11月。 ここ関西では木枯らし1号が吹き荒れました。 そこで今回は、20
-
-
商用利用可能な無料の筆記体英語・欧文フォント(スクリプトフォント)65
エレガントなデザインや、ガーリーテイストのデザインに欠かせないのが、筆記体のフォント、いわゆるスクリ
-
-
Googleフォントをタグで検索!目的のGoogleフォントをすぐに見つけられる「Font Library」
Googleフォントをタグで検索できて、目的のGoogleフォントをすぐに見つけられる便利なライブラ
-
-
プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18
プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい
-
-
フォント名で検索すると使用例のサイトが表示される「FontReach」が便利!
フォント名で検索すると使用例のサイトが表示される「FontReach」をご紹介。 検索対象は英語/
-
-
Googleフォントを使った組み合わせを次々提案してくれる「Font Flame」
Googleフォントを使った組み合わせを次々提案してくれる「Font Flame」。 提案された組
-
-
【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント114
フリーフォントを探すのは時間と手間がかかります。 これまでは、必要になったときだけググってフォント
-
-
有名フォントも!GitHub上のフォントを検索・ダウンロードできる「Get the Font」
GitHub上のフォントを検索・ダウンロードできてしまう「Get the Font」をご紹介。 検