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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18
プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい
-
ロゴ制作などに役立つ無料の英語フリーグリッドフォント29
グリッドフォントというフォントは日本ではなじみのないフォントですが、海外のフリーフォント公開サイトで
-
デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」
デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」を
-
かっこ良くて様になる!商用無料で使える欧文/英語フリーWEBフォント54選
WEBフォントは便利で美しいから大好きです。 欧文のWEBフォントはGoogle Fontsをはじ
-
ダウンロードしたい素晴らしき無料の手書きフリー英語フォントベスト86
手書きフォントは、独創的なプロポーションから、デザインに個性的な味わいをもたらします。 遊び心を入
-
タイトルや見出しで活躍する無料の英語/欧文フリーフォント82
タイトルや見出しで活躍する無料の英語/欧文フリーフォントをご紹介します。 私たち日本人が英語/欧文
-
スタンプのようなクールな英語/欧文フォント!無料ステンシルフリーフォント48
今回ご紹介するステンシルフォントは、欧米で広く使われている「型染め」を模したフォントを指します。
-
商用利用可能な無料の筆記体英語・欧文フォント(スクリプトフォント)65
エレガントなデザインや、ガーリーテイストのデザインに欠かせないのが、筆記体のフォント、いわゆるスクリ
-
かっこ良くて使える!2015年春の英語/欧文無料フリーフォント50+
かっこいい無料の英語/欧文フォントが目白押しの2015年春。 かっこいい上に即現場で使える英語/欧
-
フォント名で検索すると使用例のサイトが表示される「FontReach」が便利!
フォント名で検索すると使用例のサイトが表示される「FontReach」をご紹介。 検索対象は英語/