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アソシエイト・プログラムの参加者です。
	    
この記事を読んだ人はこんな記事も読んでいます
-  
                            
                              - 
              
いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法
アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当
 
-  
                            
                              - 
              
チョークで黒板に書いたような無料のフリー欧文/英語フォント36
黒板に手書きで書かれたタイポグラフィは、授業を受けるという原体験があるのか、見ている人を自然と引きつ
 
-  
                            
                              - 
              
人気フォントブログ「Typewolf」が選ぶGoogleフォントベスト30(2015年版)
人気フォントブログの「Typewolf」が、2015年までのGoogleフォントベスト30を発表しま
 
-  
                            
                              - 
              
英語/欧文フォントの使用例をサイトで紹介!英語/欧文フォントの実例集「Fonts that go together」
英語/欧文フォントの使用例をサイトで紹介してくれる英語/欧文フォントの実例集「Fonts that
 
-  
                            
                              - 
              
商用利用可!細字の英語・欧文フリーフォント74
商用利用可な細字の英語・欧文フリーフォントをご紹介します。 iOSのインターフェースには、やけに細
 
-  
                            
                              - 
              
【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント114
フリーフォントを探すのは時間と手間がかかります。 これまでは、必要になったときだけググってフォント
 
-  
                            
                              - 
              
ロゴデザインや見出しに最適!無料で使える欧文/英語フリーフォント83
ロゴをデザインするとき、既存のフォントをベースに作成することになるケースが多いと思います。 しかし
 
-  
                            
                              - 
              
いちど食べたらやめれない!美味(ウマ)すぎるフードタイポグラフィがコレクションされた「FOOD TYPE」
食べることもタイポグラフィも大好きです。 では、その2つが同時に体感できるとしたら? それはも
 
-  
                            
                              - 
              
かっこ良くて様になる!商用無料で使える欧文/英語フリーWEBフォント54選
WEBフォントは便利で美しいから大好きです。 欧文のWEBフォントはGoogle Fontsをはじ
 
-  
                            
                              - 
              
欧文/英語フォントのベストマッチ組み合わせを実例付きで教えてくれる「Type Genius」
欧文/英語フォントを組み合わせて利用する場合、日本語に比べて、結構難しくはないですか? どのフォン
 
