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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
商用利用可!細字の英語・欧文フリーフォント74
商用利用可な細字の英語・欧文フリーフォントをご紹介します。 iOSのインターフェースには、やけに細
-
要チェック!最近公開されたかっこいい無料の英語フリーフォント38(2013.9-2014.2)
要チェックです。 2013年9月〜2014年2月ごろにかけて公開された無料フォントのうち、デザイン
-
ロマンチックな英語/欧文の無料フリーフォント19
ロマンチックな英語/欧文の無料フリーフォントをまとめてみました。 年に数回あるロマンチックなイベン
-
タイトルや見出しで活躍する無料の英語/欧文フリーフォント82
タイトルや見出しで活躍する無料の英語/欧文フリーフォントをご紹介します。 私たち日本人が英語/欧文
-
デザイナーは知ってて当然?なド定番の欧文/英語フォント22
デザイナーなら知っていて当然?なド定番の欧文/英語フォントをご紹介します。 もちろん、ここに掲載し
-
商用利用可能な無料のWEBフォントアイコンセット「360 Web Font Icons」
個人でも商用でも無料で利用できる360個のフリーアイコンセット「360 Web Font Icons
-
カリグラフィーの達人が描くカリグラフィーのロゴ制作動画がとにかくすげえ
カリグラフィーの達人が描くカリグラフィーのロゴ制作動画(タイムラプス)をご紹介。 カリグラフィーは
-
世界中のWEBデザイナーに愛される定番の英語フォントベスト10(フリー&有料)
世界中のWEBデザイナーに愛されるド定番の欧文フォントベストに関するインフォグラフィックスがあったの
-
「このフォントなんだろう?」がわかる!フォント利用者必読書「実例付き フォント字典」
フォント利用者必読の書が登場しました。 その名も「実例付きフォント字典」。 その名のとおり、実際
-
無料の四角く角張った英語/欧文フォント=フリースクエアフォント33
無料の四角く角張った英語/欧文フォント=フリースクエアフォントをご紹介します。 スクエアフォントは