【フォント】Proxima Novaの魅力に迫る:現代デザインにマッチする理由とは?ーおすすめの合成フォントも紹介!【オススメ】

最近、欧文フォントの「Proxima Nova」にすっかりハマっています。

今回は、この美しいフォントについて少し詳しくまとめてみたいと思います!

Proxima Nova / Bold

Proxima Novaってどんなフォント?

Proxima Novaは、サンセリフ書体のひとつで、見た目はモダンでありながら、どこか幾何学的な印象も残しています。手掛けたのはデザイナーのMark Simonsonで、彼がこのフォントの開発を始めたのは1981年のことです。

Proxima Novaの特徴として、クラシックなHelveticaやAkzidenz Groteskのような、オーソドックスなプロポーションやストローク(線)のバランスを取り入れつつ、FuturaやKabel、Copperplate Gothicのような幾何学的なディティールも持っています。

そうして誕生したのが、このハイブリッドなフォント、Proxima Novaです。

1994年には「Proxima Sans」という名前で6つのスタイルをリリース。

その後、2005年にOpenTypeフォーマットへの対応とともにデザインを改良し、字数も大幅に増やして「Proxima Nova」として再リリースされました。

このフォントは非常に汎用性が高く、BuzzFeed、NBC、TikTok、Wiredなどのメディアでも広く使用されています。

引用:BuzzFeed – バズフィードジャパン
引用:NBC News – Breaking News & Top Stories – Latest World, US & Local News | NBC News
引用:TikTok – もっと世界を好きになる
引用:Business | WIRED.jp | WIRED.jp

Proxima Novaと日本語フォントを組み合わせた、おすすめの合成フォント

Proxima Novaと日本語フォントを組み合わせる際のおすすめの合成フォント設定をご紹介します。

こぶりなゴシックW3 + Proxima Nova Regular

モリサワフォンツに搭載のこぶりなゴシックW3との組み合わせ。本文などに使用できます。

Proxima NovaはRegularを使用。

こぶりなW3に対して110%拡大してベースラインを-2に下げています。

こぶりなゴシックW6 + Proxima Nova Semibold

小見出し等で使用できる中太字の合成フォント。

こぶりなゴシックW6にProxima NovaのSemiboldを合わせます。

W3と同様にProxima Novaを110%拡大してベースラインを-2に下げています。

凸版文久見出しゴシック + Proxima Nova Bold

大見出し等で使用できる太字の組み合わせ。

凸版文久見出しゴシックにProxima NovaのBoldを組み合わせます。

Proxima Novaは115%拡大にしてサイズを合わせます。ベースラインは-2%のまま。

Proxima Novaを無料で使える方法は?

残念ながら、Proxima Novaは無料で利用できるフォントではありません。

しかし、Adobe Fontsのライブラリに収録されているため、Adobe Creative Cloudのサブスクリプションを契約している方ならば、追加料金なしで利用できます。

https://fonts.adobe.com/fonts/proxima-nova#about-section

デザインに活用する際は、ぜひAdobe Fontsでチェックしてみてください!


Proxima Novaのクリーンでモダンな魅力は、さまざまなデザインにフィットしやすく、プロジェクトにスタイリッシュさを加えてくれること間違いなしです。

皆さんも、機会があればぜひ一度試してみてください!

参考サイト

Proxima Nova | Adobe Fonts https://fonts.adobe.com/fonts/proxima-nova#about-section
Mark Simonson – Wikipedia https://en.wikipedia.org/wiki/Mark_Simonson

フォントの勉強におすすめの書籍

タイポグラフィ・ハンドブック 第2版

タイポグラフィ・ハンドブック 第2版

小泉 均, akira1975
4,620円(02/07 09:20時点)
Amazonの情報を掲載しています

A P-OTF、Std、Pr6、Pr6Nなど…モリサワのフォントについている英数字の意味をまとめました

A P-OTFA-OTFStdPr6Pr6N、など、モリサワのOpenTypeフォントについている英数字について、いつも何だか良くわからずにインストールしたり使用したりしているので、その意味を調べてまとめてみました。

モリサワのOpenTypeフォントについている英数字とは?

IllustratorやInDesignでフォントを選ぶ際にフォント名の前後についている英数字です。

Illustratorでのフォント選択画面

例えば以下のような、パターン

A P-OTF A1ゴシック Std

A1ゴシック」がフォント名なのでその前についている「A P-OTF」 や 後ろについている「Std」 という英数字です。

モリサワのWebサイトやnoteなどを参考に英数字の意味をまとめてみます。

フォント名の“前”についている英数字について

A P-OTF

  • OTFはOpenTypeフォントを意味する
  • A P-OTF で始まる書体は「AP版書体」を表す
  • 「AP版書体」とは、和文・欧文のペアカーニングと最新のIVSに対応している書体のこと
  • 2015年に登場。以降のOpenTypeフォントは全てこの「AP版書体」となっている

ペアカーニングとは、隣り合う文字の組み合わせごとに設定されている「文字詰め情報」のこと。

IVSとは異体字をより正確に表示する技術のこと。

適切な文字詰めと異体字の表示ができるフォント、ということになります。

A-OTF

  • Adobe規格の文字セットのフォント
  • A P-OTFフォントとの互換性は無い

「A-OTF リュウミン」と「A P-OTF リュウミン」は、文字の形は似ていても互換性は無いということです。

U-OTF

  • UはU-PRESSを意味する
  • U-PRESSとは、共同通信社による文字コードのセット
  • おもに報道関係に使われる

新聞や週刊誌、テレビ報道などに使われるイメージでしょうか。

報道以外のデザイン業務で選ぶ必要は無さそうですね。

UD-OTF

  • UDは「ユニバーサルデザイン書体」を表す
  • 「ユニバーサルデザイン書体」とは「読みやすさ」や「読み間違えの少なさ」を目指した書体
  • 高い視認性と可読性

企業のパンフレットや官公庁の書類など、多くの方に読まれる媒体に適している「ユニバーサルデザイン書体」。

私も良く使います。

フォント名の“後”についている英数字について

Std

  • 文字セットの仕様を表す
  • Std仕様(Adobe-Japan 1-3準拠)は9,354文字を収録

Pro

  • 文字セットの仕様を表す
  • Pro仕様(Adobe-Japan 1-4準拠)は15,444文字を収録

StdN

  • 文字セットStdにNが追加された形式
  • Nは“漢字の字形が2004年に改定されたJIS規格に対応している”ことを表す
  • Nあり、とNなし、では同じ文字でも字形が異なる場合がある

Pr5

  • 文字セットの仕様を表す
  • Adobe-Japan1-5準拠、2,0317文字を収録

Pr6

  • 文字セットの仕様を表す
  • Adobe-Japan1-6準拠、23,058文字を収録

Pr6N

  • 文字セットがPr6、かつ、字形がN(漢字の字形が2004年に改定されたJIS規格に対応)であることを表す

Min

  • コミック等での使用に適したポップな装飾書体の文字セット
  • 収録字数が5,000字以下と少ない
  • MinとMin2がある(収録字数の違い)

まとめ

  • 基本的には文字詰めや異体字が豊富なA P-OTFを使用する
  • 文字セットが多いフォントがあればそれを使う(Pr6など)
  • N付きのフォントとN無しのフォントは、字形が異なる場合があるので注意
  • Stdは収録文字数が少ない替わりに、独特な凝ったデザインのフォントがある

記事に間違っている箇所があればコメントなどで教えていただけたら助かります。

参考サイト

AP版書体について – Home https://mp-support.morisawa.co.jp/hc/ja/articles/26935103784857-AP%E7%89%88%E6%9B%B8%E4%BD%93%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6(2024/07/02アクセス)

A-OTF?Pr6? メニュー名からわかる! フォントの仕様と選び方|モリサワ note編集部 https://note.morisawa.co.jp/n/n1221b67fd50f(2024/07/02アクセス)

Std、Pro、Pr6、Nってなに?意味を知って賢くフォントを選ぶ!フォント名による違いと使い分け徹底解説|ヒラギノフォント公式note https://note.screen-hiragino.jp/n/n677df9b54262(2024/07/02アクセス)

ゼロから学ぶ「フォントのしくみ」③:Std、Pro、Pr5、Pr6……フォントの文字セットとは?|フォントワークス × Monotype 公式note https://note.fontworks.co.jp/n/nac674af6beb1?gs=c353c9fc7e39(2024/07/02アクセス)

表現・特徴で見つけるフォントBOOK

表現・特徴で見つけるフォントBOOK

表現・特徴で見つけるフォントBOOK

モリサワ
1,320円(02/07 05:12時点)
Amazonの情報を掲載しています

タイポグラフィーの歴史: グーテンベルク印刷機から Google Fonts まで

タイポグラフィとは、文字を読みやすく、読みやすく、視覚的に魅力的にするために活字を配置する芸術および技術であり、何世紀にもわたる豊かな歴史があります。

ヨハネス・グーテンベルクによる印刷機の発明から Google Fonts によるデジタル革命に至るまで、タイポグラフィーは時代の変化と技術の進歩を反映して継続的に進化してきました。

この記事では、タイポグラフィーの興味深い旅、そのマイルストーン、そしてデザインとコミュニケーションへの影響について探っていきます。

グーテンベルク革命

近代タイポグラフィーの歴史は、ドイツの鍛冶屋、金細工師、印刷業者、出版者であったヨハネス・グーテンベルクが 1440 年頃にヨーロッパに活版印刷機を導入したことに始まります。

Gutenberg

PrintMus 038

グーテンベルクの可動活字印刷の発明は書籍の製造に革命をもたらし、書籍をより入手しやすく、手頃な価格になりました。

彼の最も有名な著作であるグーテンベルク聖書は 1455 年に印刷され、可動活字を使用して印刷された最初期の主要書籍の 1 つと考えられています。

Gutenberg Bible on display at the U.S. Library of Congress

グーテンベルクの印刷機は、単語や文章を形成するために配置できる個々の金属文字、つまり活字を使用していました。 この革新によりテキストの大量生産が可能になり、ルネサンス期の知識と読み書き能力の爆発的な増加につながりました。

Metal movable text

金属活字

初期の印刷本で使用されていた書体は、当時の手書きの書体、特にブラックレターに基づいており、濃く、暗く、ややゴシック的な外観が特徴でした。

Gutenberg Bible B42 Genesis cropped

ルネッサンスと新しい書体の誕生

印刷がヨーロッパ全土に広がるにつれ、より読みやすい新しい書体の需要も高まりました。

ルネッサンス時代、書体デザイナーは古典的なローマの碑文にインスピレーションを得た書体を開発し始めました。

Garamond

この時代の最も重要な人物の 1 人は、16 世紀に Garamond 書体を作成したフランスの書体デザイナー、クロード・ガラモンです。

Garamond-claude

Garamond の書体は、その優雅さ、読みやすさ、バランスの良さで有名であり、今でも人気があります。

Claude Garamond Gros Canon image basic characters

18 世紀には、トランジショナルおよび モダン書体の開発により、タイポグラフィーにさらなる革新が見られました。

Baskerville

イギリスの印刷業者兼タイポグラファーのジョン・バスカヴィルは、太いストロークと細いストロークの間のより大きなコントラストと、より直立した文字形を特徴とするトランジショナル・スタイルを作成しました。

John Baskerville (1706–1775) by James Millar

Baskerville font sample

Bodoni と Didot

これに続いて、イタリアのジャンバティスタ・ボドニ

Bodoni portrait

Bodoni mostres

フランスのフィルミン・ディドットが、

Early Master Printers, Ambroise Firmin Didot, by R H Summer

Firmin Didot (7242027998)

ストロークの太さの極端なコントラストと、より機械的で幾何学的なデザインを特徴とするモダンなスタイルを開発しました。

産業革命と広告の台頭

産業革命はタイポグラフィーに大きな変化をもたらしました。

蒸気動力の印刷機などの新しい印刷技術の出現により、印刷はより速く、より効率的になりました。 この時期には、大胆で注目を集める書体が必要となる広告も隆盛しました。

これらのニーズに応えて、書体設計者は、スラブセリフやサンセリフなどの新しい表示書体を作成しました。

Two-Line Great Primer Antique No. 1

スラブセリフ書体は、19 世紀初頭にヴィンセント・フィギンズによってデザインされたものと同様、太いブロック状のセリフが特徴で、広告で広く使用されました。

Figgins Two-Line Great Primer Antique No. 1

Two Lines English Egyptian

サンセリフ書体はセリフをまったく持たず、すっきりとしたモダンな外観を提供しました。 最も初期かつ最も有名なサンセリフ書体の 1 つは、1816 年にウィリアム・カスロン 4 世によって作成されました。

William Caslon painting from Caslon specimen of 1915

Caslon Two Lines English Egyptian

デジタル時代とデスクトップ パブリッシング(DTP)

20世紀後半には、デジタル テクノロジーとデスクトップ パブリッシングの出現により、タイポグラフィーに新たな革命が起こりました。

パーソナル コンピュータと、Adobe IllustratorQuarkXPress などのソフトウェアの導入により、デザイナーは前例のない簡単さと精度で活字を作成および操作できるようになりました。

Apple II IMG 4214

Adobe Illustrator CC icon

Font Manager Palette in QuarkXPress 2024

この時代の重要な発展の 1 つは、Adobe Systems によって開発されたページ記述言語である PostScript の作成でした。

Adobe PostScript logo

PostScript により、テキストやグラフィックの高品質印刷が可能になり、デジタル フォント開発の基礎が築かれました。 TrueType および OpenType フォント形式の導入により、デジタル タイポグラフィの機能と多用途性がさらに強化されました。

Web タイポグラフィと Google フォントの台頭

インターネットが日常生活の至る所に浸透するにつれて、タイポグラフィーは新しいデジタル環境に適応しました。

初期の Web デザインは、ほとんどのコンピューターで使用できるフォントの数が少ないために制限されており、多くの Web サイトの外観が均一になってしまいました。 しかし、Web フォントの導入により状況は一変しました。

Google Fonts

2010 年に発売された Google Fonts は、Web タイポグラフィーの民主化において重要な役割を果たしました。

Google Fonts logo

https://fonts.google.com/

Web サイトに簡単に統合できるオープンソース フォントの膨大なライブラリを提供する Google Fonts により、デザイナーは幅広い書体を試して実装することができます。

これにより、Web サイトの美的品質が向上しただけでなく、読みやすさとユーザー エクスペリエンスも向上しました。

まとめ

タイポグラフィーの歴史は、人間の創意工夫と、書き言葉を通じてより良いコミュニケーション方法を絶え間なく追求してきた証です。

グーテンベルクの印刷機から Google Fonts のデジタル イノベーションに至るまで、タイポグラフィは新しいテクノロジーや文化の変化に適応しながら進化し続けてきました。

現在でも、タイポグラフィーはデザインの重要な側面であり、書籍や広告からウェブサイトやモバイルアプリに至るまで、あらゆるものに影響を与えています。

未来に目を向けると、タイポグラフィがどのように進化し続け、私たちが世界を読み、世界と交流する方法を形作るのかを想像するのはとても楽しいことです。

参考サイト

欧文書体の基本的な歴史と知識から学ぶことサンセリフ体編 | Swings
https://bulan.co/swings/sanselif_basic-knowledge_history
(2024年5月16日アクセス)

Toshi Omagari | ゴシックという名称の由来
https://tosche.net/jp/blog/origin-of-gothic
(2024年5月16日アクセス)

書体について学べる本

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

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

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

小林 章
2,750円(02/07 05:20時点)
Amazonの情報を掲載しています

Emigre(エミグレ)|デジタルタイポグラフィーにおける伝説的なデザインスタジオ!その書体と文化についてご紹介します

アメリカの歴史的に有名な書体制作会社「Emigre(エミグレ)」についてご紹介します。

https://www.emigre.com/

Emigreとは

Emigreは、アメリカ合衆国カリフォルニア州バークレーに拠点を置く、デジタル タイポグラフィーとグラフィック デザインの分野で重要な役割を果たした、有名な独立系活字鋳造所およびデザイン スタジオです。

1984年にRudy VanderLans(ルディ・バンダーランス)とZuzana Licko(ズザーナ・リッコ)によって設立された Emigre は、従来の写植からデジタル テクノロジーへの移行が起こっていたデスクトップ パブリッシング(DTP)の初期に登場しました。

Emigreは、書体デザインとデジタル フォントの作成に対する革新的なアプローチで有名になりました。 共同創設者で書体デザイナーのZuzana Lickoは、エミグレの最も有名な書体のいくつかの開発に貢献しました。

画期的な書体「Lo-Res」

彼らの初期の成功の 1 つは、Licko がデザインした「Lo-Res」書体を 1985 年にリリースしたことです。 これは、伝統的なタイポグラフィーの限界を押し広げる、一連の画期的な活字デザインの始まりとなりました。

Lo-Res

Lo-Res(Emigre 公式サイトより)

コンピューターが誕生した当初、今のような高解像度での出力は難しかった。

Lo-Resはそれを逆手に取り、あえて低解像度のビットマップのような書体をデザインすることで、従来の伝統的な書体と差別化を測り、新しい時代を象徴する書体デザインとなりました。

同社は、しばしば従来のデザイン基準に挑戦する、実験的かつ前衛的な書体で知られるようになりました。

Emigre フォントはグラフィック デザイン コミュニティで広く使用され、1980 年代と 1990 年代の視覚美を形作る役割を果たしました。

Emigreの有名な書体

Emigreの有名な書体をいくつかご紹介します。

Template Gothic

Template Gothic(Emigre 公式サイトより)

Senator

Senator(Emigre 公式サイトより)

Mr Eaves

Mr Eaves(Emigre 公式サイトより)

Triplex

Triprex(Emigre 公式サイトより)

Hypnopaedia

Hypnopaedia(Emigre 公式サイトより)

このようなパターンや記号を組み込んだ書体も開発している。

雑誌「Emigre」

Emigre は、タイプ デザインに加えて、1984 年から 2005 年まで「Emigre」というタイトルのデザイン雑誌も発行しました。(Emigre Magazineと呼ばれることも多いです。)

https://www.emigre.com/Magazine

この雑誌は、記事、インタビュー、さまざまなデザイナーの作品を特集し、デザインの問題について議論するための影響力のあるプラットフォームでした。

毎号ガラッと異なる表紙デザイン、紙面のエディトリアルデザインや使用されているEmigreの書体など、斬新なデザインの手法が詰まっていました。

本誌は、業界の変革期におけるテクノロジーとデザインの交差点に関する議論に貢献しました。

まとめ

Emigre がデザイン界に与えた影響は、単なる書体デザインにとどまりません。

同社の影響力は、デザイン思考、テクノロジー、従来のメディアとデジタル メディアの関係といった幅広い文脈で見ることができます。

Emigre は現在積極的にフォントを制作していませんが、その遺産はデジタル タイポグラフィーとデザインの歴史の不可欠な部分として残っています。

Emigreの書体や思想に触れる方法

Adobe Fonts

Emigre | Adobe Fonts
https://fonts.adobe.com/foundries/emigre

Adobeのサブスクリプションサービスを契約していれば、追加料金無しでEmigreの代表的な書体をデジタルフォントとして利用することができます。

Emigre Magazine

Search Online Archive at Letterform Archive
https://oa.letterformarchive.org/?dims=Periodical&vals0=Emigre%20magazine

こちらのオンラインアーカイブサイトで、かなりの冊数(網羅しているかはわかりませんが)を中身まで読むことができます。

また、以下のiPhone用アプリでも雑誌を読むことができます。

Emigre Fonts
Emigre Fonts
開発元:Emigre Inc.
無料
posted withアプリーチ

Emigreの書体が気になった方はぜひ、フォントを使ったり雑誌を読んでみてください!

私の“推しフォント”3選(2023年6月16日版)

グラフィックデザイナーの最近の私が最近、仕事やプライベートワークで良く使っている推しのフォント3選をご紹介します。

I’m a graphic designer and I’d like to introduce three of my favorite Japanese fonts that I’ve been using a lot recently for both work and personal projects.

Avenir next

欧文サンセリフ体の推しはこちら、Avenir nextです!迷ったらこれを使っています。

Helveticaより特徴を出したくて、Universよりも親しみやすさや新しさを感じるデザインだと個人的には感じています。

Macにデフォルトで入っているフォントという点もデータの受け渡しに気を使わなくて良いのでかなりポイントが高いです。

あおとゴシック

以前本ブログでも、気になるフォントとして取り上げたモリサワの新しいゴシック体。

2020年に登場したフォントですが、良い意味で「透明」といえるニュートラルさ、そして、豊富にウェイトを展開しているので本文から見出しまでデザイントーンを揃える事ができます。

モリサワのゴシック体でウェイト展開が多いフォントは、これまで、新ゴ(UD含む)やMB101くらいでした。

これらのフォントは悪くないのですが、昔からあるフォントなのでさすがに、古さを感じていました。

そんな中、登場したこちらのあおとゴシック。

モリサワ純正のフォントなので、字形の追加や、バージョンアップなど、将来への安心度も高いです。

今後もガンガン使っていきたいと思います。

ヒラギノUD角ゴシック

UDのゴシック体ではこちらが推しです。

あおとゴシックが出る前は汎用性の高いフォントとして、本文や小見出しなどに使っていました。

和文はヒラギノベースなのでMacユーザーには見慣れた字形。それに加えて、このフォントは欧文が良いと思っています。

FrutigerやMyriad系列のデザインなので、洗練された印象が出ます。

合成フォントをしなくても和文と欧文の組み合わせが美しいので、プレゼンテーションボードや、デザインの解説文などに使用しています。


今回ご紹介する推しフォントは以上です。

もちろん案件に応じて非常にたくさんのフォントを使い分けするのですが、今回紹介した3つは、私が良く使うフォントといえば、、すぐに名前があがる3書体です。

フォント選びの参考になれば幸いです。