デザイナー必読!『欧文書体 基礎知識と使い方』で学ぶフォントの歴史と使い方

タイプデザイナーの小林章さんによる著書『欧文書体 基礎知識と使い方』を購入しました。タイポグラフィの勉強になる、非常に良い本でしたので、感想をご紹介します。

欧文書体 基礎知識と使い方

欧文書体 基礎知識と使い方

小林 章
3,520円(05/21 20:19時点)
Amazonの情報を掲載しています

本の概要

本書は2005年に刊行された『欧文書体 その背景と使い方』を改訂したものです。私自身、旧版を愛読しており、デザイン業務に役立つ書体知識を多く得られた経験があります。今回、改訂版が出ると聞いて楽しみにしていました。

フォント基礎知識の解説

セリフ体、サンセリフ体、ステム、ボウル、カウンター、などの文字にまつわる用語解説がしっかり載っており、基礎から学べます。

Typography - Bowls

↑文字の曲線の部分を「ボウル(bowl)」と呼ぶ

私がよく悩む、イタリック体の使い方について詳細に解説されていて、実務でもすぐ役立てられそうだと感じました。

イタリック体の使い方の図
イタリック体は書名などに使用します

定番書体紹介

旧版までは、セリフ体とサンセリフ体が同じくらいのボリュームでしたが、改訂版は今の時代に合わせて、サンセリフ体が豊富に紹介されています。

定番書体の見本
Avenir Next, SemiBold

Web デザインや映像でもよく見かける書体が多く、時代のトレンドを反映していると感じました。

系統立てた書体紹介

「ゴシック様式」「ルネサンス」「バロック様式」など、歴史の流れに沿って適したフォントを順序立てて解説されています。

美術史の勉強にもなり、興味を以て読むことができました。

古風な書体の見本
Trajan Pro, Regular

国別書体紹介

イギリス、ドイツ、フランスなど、国ごとによく見られる書体を写真付きで紹介しています。

街中の看板や食品パッケージなど、実際の使用例写真が豊富に掲載されており、理解が深まります。

まるで各国を旅行している気分にもなり、ワクワクしました。

West Brompton

↑ロンドンの交通システムで用いられているJohnston書体

Berlin - S-Bahnhof Oranienburger Straße - Linien S1,S2,S25 (6796143052)

↑ブラックレター書体が使われているドイツの駅名看板

テクニカルな内容

デザイン時に悩む「合字」の使い方や「スクリプト体」の美しい組み方も紹介。

合字の見本
「ffi」がくっついているのが「合字」

スクリプト体コーナーでは、大文字や文末の文字を同系統の別フォントに変えるだけで、まるで手書きのような美しい文字組みが実現できるテクニックが紹介されていました。私には全く思いつかない手法でしたので、感動しました。

スクリプト体の見本
スクリプト体のZaphino

スペーシングの解説

文字と文字の間のスペーシングについてもしっかり解説されており、デザイン初心者にも分かりやすい内容です。

レタースペーシング調整の見本
タイトルやロゴタイプでは特に必須となるレタースペーシング

まとめ

『欧文書体 基礎知識と使い方』は内容が非常に充実しており、読み込むほどに書体への理解と運用スキルが向上する予感があります。文字を扱うデザイナーやタイプデザイナーを目指す方には必携の一冊と言えるでしょう。

この記事を読んで興味を持たれた方は、ぜひ手に取ってみてください!

欧文書体 基礎知識と使い方

欧文書体 基礎知識と使い方

小林 章
3,520円(05/21 20:19時点)
Amazonの情報を掲載しています

👇️関連記事ピックアップ

どう使う?DINフォント|人気サンセリフ書体の使用事例と入手ガイド

日本でも人気のサンセリフ体「DIN(ディン)」フォント。シンプルで視認性が高く、工業的で無駄のないデザインが特徴です。

本記事では、DINフォントの成り立ちから使用事例、入手方法、そしてフリーフォントの代替案までを幅広く紹介します。


1. フォントの成り立ち

  1. ドイツ工業規格(DIN 1451)として誕生

1936年、ドイツ規格協会(Deutsches Institut für Normung)が交通標識や官公庁の表示用に制定しました。
工業標準として、均一な線幅と角張った字形で高い可読性を追求しています。

DIN-Logo

↑ドイツ規格協会のロゴ

  1. シンプル&機能的なデザイン

当時の手書き標識に代わる機械印刷向けフォントとして開発。
装飾を排除し、数字や英字が一目で読める設計になっています。

  1. 民間への広がり

近年、ユニバーサルデザインの潮流とともに商用フォントとしても注目されています。
2000年代以降、多くの書体ブランドからリデザイン版がリリースされ、多くのデザイナーに愛用されています。


2. フォントの具体的な使用事例

2.1 ロゴデザイン

Sage Group: 1996年以降、エンタープライズソフトウェア企業Sage GroupはロゴにDIN由来の書体を採用しています。 (en.wikipedia.org)

Sage logo

Datto, Inc.: サイバーセキュリティ企業Dattoは、企業フォントとしてD-DIN(DIN 1451をベースにした書体)を使用しています。 (en.wikipedia.org)

Datto logo

New York City Ballet: 芸術団体ニューヨーク・シティ・バレエのロゴにはFF DINが用いられています。 (en.wikipedia.org)

New York City Ballet Logo

jetBlue Airways: アメリカの航空会社ジェットブルーは、コーポレートアイデンティティにFF DIN Boldを採用。 (en.wikipedia.org)

JetBlue Airways Logo

日本でのDINフォントロゴ使用事例

日本では、以下の企業/イベントロゴにDIN1451をベースとしたフォントが使われています。(ja.wikipedia.org

ユニクロ

Uniqlo logo Japanese

2020年東京オリンピック・パラリンピック大会ロゴ

2020 Summer Olympics text logo

東京地下鉄(東京メトロ)

Tokyo Metro combined logo

2.2 出版物・Webメディアでのフォント使用

The Wolf of Wall Street: 映画「ウォール街 狼 大逆転(The Wolf of Wall Street)」のポスターではFF DINが採用されました。 (en.wikipedia.org)

logo of the 2013 film The Wolf of Wall Street

↑映画のタイトルロゴにもDINが使用されています

ETH Zurich: スイス連邦工科大学チューリッヒ校は、ポスターやパンフレットなど印刷物にFF DIN Proを使用しています。 (en.wikipedia.org)

WebサイトにもDINが使用されています(引用:https://ethz.ch/en.html

2.3 サインデザイン・環境デザインでのフォント使用

ドイツ道路標識: DIN 1451は鉄道や高速道路の標識、ハウスナンバーなどで標準書体として採用され、高い可読性を誇ります。 (myfonts.com)

Ortseingangstafel Selb-Wildenau

↑1971年から1981年の間に作られた、古いDINフォントの町の入口標識

Stempel-blankenburg1993

↑消印スタンプ

LA Metro: ロサンゼルスの地下鉄・バス路線のサインシステムや車両・駅標識にFF DINが使われています。 (en.wikipedia.org)

Los Angeles Metro System Map

↑路線図やロゴにもDINが使用されています

International Aerobatic Club: 国際アクロバット飛行協会のロゴやブランディングにFF DINが用いられています。 (en.wikipedia.org)

引用:IAC’s New Brand: Blue Sky and a Fresh Start | International Aerobatic Club

3. 入手方法:Adobe Fontsとフリーフォント

Adobe Fonts

Adobe Creative Cloud契約者であれば、`DIN Next LT Pro`などのDIN系フォントを追加料金なしで利用可能。

Webフォントとしても提供され、サイトデザインに組み込みやすいです。

Adobe Fontsで「DIN」とつくフォントはいくつかあります。

引用:https://fonts.adobe.com/search?query=DIN

私のオススメは以下のフォントです。

DIN 1451 Pro: 最もオーソドックスなDIN 1451フォント。Adobe Fontsでは2ウェイトのみとなっています。(https://fonts.adobe.com/fonts/din-1451-pro

DIN 1451 LT Pro, Mittelschrift

FF DIN Paneuropean: DIN 1451を忠実に復刻したフォント。(https://fonts.adobe.com/fonts/ff-din-paneuropean#fonts-section

FF DIN Paneuropean, Medium

URW DIN: ドイツの歴史あるフォント制作会社、URW Type Foundry GmbHによるDIN。(https://fonts.adobe.com/fonts/urw-din

URW DIN, Medium

フリーフォント

DIN 1451 Mittelschrift: Peter Wiegel氏による「Alte DIN 1451 Mittelschrift」はSIL Open Font License (OFL) の下で配布されています。

公式サイトhttp://www.peter-wiegel.de/alteDin1451.htmlからダウンロード可能 (en.wikipedia.org, fontlibrary.org)。

商用利用時や日本語グリフの充実度は限定的なため、用途に応じてライセンスを必ずご確認ください。

Alte DIN 1451 Mittelschrift

4. DIN代替のフリーフォント

DINフォントそのものは商用利用では有償の場合が多いため、以下の、似ているフリーフォントで代替を検討してみましょう。

Oswald(Google Fonts): 幅広いウェイトを備えたコンデンスドサンセリフ。見出し用途に最適。(https://fonts.google.com/specimen/Oswald?query=Oswald

Oswald, Medium, DINのコンデンス体の替わりに

Roboto Condensed(Google Fonts): 近代的かつ読みやすいデザイン。バリアブルフォント版もあり柔軟に調整可能。(https://fonts.google.com/specimen/Roboto+Condensed?query=Roboto+Condensed

Roboto Condensed, Medium, DINより丸みがあります

Public Sans(U.S. Web Design System): US政府が公開するオープンソースフォント。均一な線幅で視認性が高い。(https://public-sans.digital.gov/

Public Sans, SemiBold, DINより丸みがあります。ウェイトがかなり豊富なので使い勝手が良さそうです

Libre Franklin(Google Fonts): モダンでバランスの良い字形。英数字主体のテキストに。(https://fonts.google.com/specimen/Libre+Franklin?query=Libre+Franklin

Libre Franklin, SemiBold

まとめ

DINフォントは、その機能美と可読性からロゴやサイン、雑誌見出しなど幅広いデザインシーンで活躍します。

Adobe Fontsでの利用はもちろん、フリーフォント代替も豊富にあるため、予算や用途に合わせて選んでみてください。

まずは小さな見出しや数字部分で使ってみて、そのクリーンな印象をデザインに取り入れてみましょう!

👇️関連記事ピックアップ

【2024-2025年最新版】プロが選ぶ合成フォント10選|設定・制作レシピ完全ガイド

グラフィックデザインの現場で私が実際に制作・活用した合成フォントをご紹介いたします。設定画面や実際に使用した媒体についても具体例を交えながら解説していますので、ぜひ制作の参考にしていただければ幸いです。

【補足事項】

  • 複数ウェイトで制作した合成フォントもございますが、今回の記事では1ウェイトのみをご紹介しています。
  • 設定画面は業務で使用したそのままのものであり、必ずしも同様の設定が必要であるとは限らない点をご理解ください。
  • HelveticaやUniversなどの有名フォントは、販売しているメーカーによってデザインが異なる場合があります。本記事での設定例は、あくまで私自身の設定に基づくものであることをご承知おきください。
  • 設定画面はInDesignのものとなります。

明朝体の合成フォント

[和字]本明朝新がなBook + [欧数字]Adobe Garamond

設定画面

用途

写真集の本文書体として使用。

コンセプト

写真集の本文書体として読みやすい合成フォントを使いたいと思い、作成しました。

写真が主役として映えるようにしたかったので、明朝体としてクセが少ない本明朝新がなBookを選びました。

本明朝新がなBookは書籍用に設計された読みやすく、美しい書体です。欧文には活字の趣を残したAdobe Garamond Proを使用。欧数字は110%拡大して和字とサイズ感を合わせています。

[和字]秀英明朝 + [欧数字]Adobe Garamond

設定画面

用途

学校案内パンフレットの本文書体として使用。

コンセプト

文学系の歴史を学べる学校案内の本文書体として制作しました。

秀英明朝はかな文字(特に「に」や「は」などのひらがな)に流麗な筆の名残が反映されているデザインなので和風の雰囲気が出ます。そこにAdobe Garamondを組み合わせました。

横組のパンフレットだったので、可読性の点からも秀英明朝は優れていると感じます。

本文用書体としてより読みやすくしたかったので、カギ括弧やローマ数字にリュウミンを設定しています。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]本明朝 + [英数字]Carmina

設定画面

用途

学校案内パンフレットの本文、および見出し書体として使用。

コンセプト

和字はオーソドックスで読みやすい本明朝新がなを使用。欧数字にはより、活字の雰囲気を出したかったのでCarminaを使用しました。

Carminaは多少クセがある欧文書体なので見た人の印象に残りやすい合成フォントになりました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

ゴシック体の合成フォント

[和字]こぶりなゴシック + [欧数字]OpenSans

設定画面

用途

学校案内パンフレットの本文書体として使用。

コンセプト

Open SansはGoogle fontsから無料でダウンロードできるフォントです。2011年にリリースされた比較的新しい書体。

Open Sans – Google Fonts
https://fonts.google.com/specimen/Open+Sans

こぶりなゴシックには普段、FrutigerやUniversを合わせることが多いのですが、この時は現代的な印象にしたかったので欧文にOpen Sansを使用しました。

[和字]こぶりなゴシック + [欧数字]Helvetica

設定画面

用途

写真展告知チラシの本文、および見出し書体として使用。

コンセプト

チラシの表面をスイスタイポグラフィっぽいデザインにしたかったので、フォント名がそのまま「スイス」を意味するHelveticaを使用。

和文はニュートラルなこぶりなゴシックと合わせました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]こぶりなゴシック + [欧数字]DIN

設定画面

用途

ビジネス書籍の本文、見出し、表紙書体として使用。

コンセプト

教育機関によるマーケティング理論をまとめた書籍のデザインのために制作した合成フォントです。

英文が多く登場するので、ややコンデンス気味で読みやすいDINを欧数字に使用しました。

Adobe fontに搭載されているURW DINはウェイトが非常に豊富なので、様々な場面で使用できます。

URW DIN | Adobe Fonts
https://fonts.adobe.com/fonts/urw-din#recommendations-section

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

本文レイアウトは以下のAmazonリンクより、数ページ分のデザインをご覧いただけます。

デザインアート思考 使い手のニーズとつくり手のウォンツを同時に実現する10のステップ

[和字]こぶりなゴシック + [英数字]Myriad

設定画面

用途

学校案内パンフレットの本文書体として使用。

コンセプト

本文ではなく、コラムや表組み、データ部分で使用しました。

FrutigerをベースにしたMyriadは文字サイズが小さくなっても読みやすく、視認性が高いです。

実際のデザイン作例(Behanceより)

二度目の紹介となりますが、以下パンフレットのデータ部分で使用しています。

秀英角ゴシック金 + Avenir

設定画面

用途

イベントチラシのキャプションテキストとして使用。

コンセプト

歴史にまつわるイベントチラシの、情報などのキャプションテキストとして、読みやすく、かつ、少し趣がある印象にしたかったため、活字のエッセンスを取り入れた秀英角ゴシックを使用。

秀英角ゴシックには金と銀がありますが、横組の際は金の方が読みやすい印象があるのでこちらの使用しました。

タイトルのフォントなどにクセがあるので、キャプション用の英数字にはニュートラルなAvenirを組み合わせました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]あおとゴシック + [英数字]Univers

設定画面

用途

写真展告知チラシのタイトルと本文に使用。

コンセプト

特殊詐欺をテーマした写真プロジェクトの展覧会チラシで使用。 ”痕跡を消す”ということをデザインコンセプトに、限りなくクセがないモリサワのあおとゴシックと、多彩なウェイトを持つ変幻自在なフォントであるUniversを組み合わせた合成フォントを作成しました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]くれたけ銘石 + [英数字]Ferryman

設定画面

用途

イベント告知チラシのタイトル、見出しとして使用。

コンセプト

悲劇的な事件にまつわる追悼式のチラシデザインに使用。重厚さと古風な印象を出したかったので、和字にはくれたけ銘石を使用しました。和字のデザインに合いつつ、さらに日付などの数字にインパクトを持たせたかったので英数字にはAdobe fontsのFerrymanというフォントを合わせました。

Ferryman | Adobe Fonts
https://fonts.adobe.com/fonts/ferryman

重厚でありながら現代的な雰囲気もある、良い合成フォントになったと思います。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

まとめ

今回ご紹介した合成フォントは以上です。

合成フォント機能は、組み合わせや設定に手間がかかりますが、丁寧に作り込むことで、デザインにオリジナリティを加えることができます。

本記事を参考に、ぜひ皆様もオリジナルの合成フォント作りに挑戦してみてください。

合成フォントの作例が紹介されているオススメのデザイン書

文字組デザイン講座: 雑誌・書籍・ポスターにおける巧みな文字の使い方をリアルな指定紙から解説

バリアブルフォントとは?-メリット・デメリットからIllustratorでの使い方まで解説!

近年、ウェブやデジタルデザインの世界で注目を集めている「バリアブルフォント(Variable Font)」は、従来の静的なフォント表現を革新する新しいタイポグラフィのアプローチです。

バリアブルフォントは、ひとつのフォントファイル内で幅広いウェイトやスタイルを自由に調整できるため、デザインの柔軟性とパフォーマンス向上を実現します。

本記事では、バリアブルフォントの基本的な仕組みから、そのメリット・デメリットまで、詳しく解説していきます。

バリアブルフォントの基礎知識

バリアブルフォントは、従来のフォントが持つ複数のスタイル(例えば、レギュラー、ボールド、イタリックなど)をひとつのファイルに統合し、デザインパラメータを数値で細かく制御できるフォント技術です。

軸(Axis):

バリアブルフォントでは、フォントの見た目を変化させるパラメータを 「軸(Axis)」 と呼びます。軸を使うことで、1つのフォントファイル内でさまざまなバリエーションを生み出すことが可能になります。主な軸には以下のようなものがあります。

  • Weight(ウェイト)-フォントの太さを調整する軸(例:Thin から Black までの範囲で滑らかに変化)。
  • Width(ウィズ)-フォントの横幅を調整する軸(例:Condensed(狭い)から Expanded(広い)まで)。
  • Italic(イタリック)-通常のスタイルから斜体への変化を滑らかにコントロールする軸。
  • Slant(スラント)-イタリックとは異なり、角度だけを傾ける軸。
  • Optical Size(オプティカルサイズ)-フォントを使用するサイズに応じて、可読性を最適化するためのデザイン調整軸(例:小さいサイズでは太め、大きいサイズでは細めになる)。

技術的背景:

OpenType仕様の拡張として登場し、複数のフォントバリエーションを滑らかに補完できる機能を持っています。

普及状況:

最新のWebブラウザやAdobeのデザインソフトウェアは、バリアブルフォントのサポートが進んでおり、今後さらに利用が拡大すると予想されます。

メリット

バリアブルフォントには、以下のようなメリットがあります。

柔軟なデザイン調整:

単一ファイルで複数のスタイルをカバーできるため、細かなデザイン調整が容易です。

パフォーマンス向上:

Webデザインにおいては、必要なスタイルを個別に読み込む必要がなく、ファイルサイズの削減やロード時間の短縮に寄与します。

一貫性のある表現:

同一ファミリー内での連続性のある変化が可能なため、ブランドやプロジェクト全体での統一感を保てます。

クリエイティブな可能性:

デザイナーは、従来の決まりきったスタイルにとらわれず、動的なタイポグラフィ表現を実現できるため、インタラクティブなWeb体験を提供できます。

デメリット

一方で、バリアブルフォントにはいくつかのデメリットも存在します。

互換性の問題:

古いブラウザや一部のデザインツールでは、バリアブルフォントに対応していない場合があり、表示や編集に問題が生じることがあります。

実装の複雑さ:

パラメータを自由に調整できる反面、過剰な設定や不適切な利用が原因で、デザインが崩れたり、ユーザビリティに悪影響を与える可能性があります。

制作コスト:

従来のフォントに比べ、制作や調整に専門的な知識が求められるため、開発コストや学習コストが増大することがあります。

Adobe Illustratorでの使用方法

Adobe Illustratorでバリアブルフォントを使用する方法をご紹介します。

1.バリアブルフォントを選ぶ

今回はAdobe fontsに収録されている「百千鳥 VF」を使います。(※VFはVariable Fontsの頭文字です。)

Screenshot

百千鳥 | Adobe Fonts
https://fonts.adobe.com/fonts/momochidori

2. バリアブルフォントボタンでフォントの見た目を調整する

バリアブルフォントの場合、文字ウィンドウのウェイト表示の隣に下図の様なバリアブルフォント調整ボタンが表示されます。

バリアブルフォント調整ボタン(バリアブルフォントの場合のみここに表示される)

こちらをクリックすると、字幅、太さ、欧文イタリックを調整できるバーが表示されます。

このスライダーを動かすことでフォントのデザインを直感的に変更することができます。

字幅を細く、太さを太く
直感的にフォントの見た目を変更できる

欧文でも、下図のように調整が可能です。

「百千鳥 VF」では、欧文イタリックのバーは動かしても変化無しだった

*「百千鳥 VF」にはイタリック体は収録されていないようなので、ここは変化なしでした。

バリアブルフォントの探し方

Adobe Fontsのバリアブルフォント

Adobe Fontsでは、サイドバーに「バリアブルフォント」というボタンがあるのでこちらをクリックすることで、バリアブルフォントの一覧を表示させることができます。

バリアブルフォントを検索 | Adobe Fonts
https://fonts.adobe.com/fonts?browse_mode=japanese&cc=true&languages=ja&min_styles=1&max_styles=26&font_technology=vf

Adobe Fontsでのバリアブルフォント画面

Google Fontsのバリアブルフォント

Google Fontsでは以下のリンクにバリアブルフォントの一覧がまとめられています。

Variable fonts – Google Fonts
https://fonts.google.com/variablefonts#font-families

こちらはすべて無料で使用できるフリーフォントとなります。


まとめ

バリアブルフォントは、これまでのフォント設計の常識を覆す革新的な技術です。
日本語フォントにおいてはまだ発展途上の部分もありますが、幅や太さを自在に調整できるフォントが増えており、デザインの可能性を広げています。
今後の進化にも注目しながら、ぜひバリアブルフォントを実際のデザインプロジェクトで試してみてください。

Header: Shubham DhageによるPixabayからの画像

【厳選】世界のグラフィックデザイナー20選!多彩なポスター&ビジュアルアートの魅力

ポスターは情報伝達と芸術が融合した魅力的なメディアですが、多くのクリエイターはその枠を超え、グラフィックデザイン全体で革新的な表現に挑戦しています。

本記事では、ポスターをはじめロゴやパッケージなど多彩な作品を手がける、歴史的巨匠から現代の革新者まで、世界をリードする20名のグラフィックデザイナーをご紹介します。


1. アルフォンス・ミュシャ (Alphonse Mucha):1864-1901

背景と特徴:
アール・ヌーヴォーの巨匠として知られるミュシャは、装飾的な曲線や自然モチーフ、繊細な装飾パターンが特徴です。

代表作・影響:
彼の作品は、女性像や植物のモチーフが緻密に描かれており、19世紀末から20世紀初頭の美術や広告に大きな影響を与えました。特に「ジスモンダ」シリーズは、今日もなお高い評価を受けています。

Alphonse Mucha - Zodiac

2. アンリ・ド・トゥールーズ=ロートレック (Henri de Toulouse-Lautrec):1864-1901

背景と特徴:
パリの下町、特にモンマルトルの芸術シーンを舞台に、夜の歓楽街やキャバレーの雰囲気を鋭い観察眼で切り取った画家・イラストレーターです。

代表作・影響:
「ムーラン・ルージュのラ・グーリュ」。彼のポスターは、豪華な装飾よりもシンプルな線と色使いで人物の個性や情景を捉え、印象派やポスト印象派の潮流に影響を与えました。

(Albi) Le Divan japonais 1893 lithographie - Toulouse-Lautrec MTH.A3

3. カッサンドル (A.M. Cassandre):1901-1968

背景と特徴:
20世紀初頭に活躍した彼は、幾何学的な構成と大胆なタイポグラフィーを駆使し、モダンな感覚を前面に押し出したデザインで注目を集めました。

代表作・影響:
「ノルマンディー」「北方急行」。彼が手がけた航空会社や商品広告のポスターは、シンプルでありながらも視覚的インパクトが強く、現代グラフィックの基礎を築いたといわれています。

A.M. Cassandre : Oeuvres graphiques modernes 1923-1939

4. ミルトン・グレイザー (Milton Glaser):1929-2020

背景と特徴:
アメリカのグラフィックデザイン界を代表する存在で、アイコニックなシンボルやシンプルなビジュアルが特徴です。

代表作・影響:
「I ♥ NY」ロゴは、都市ブランドの再構築に成功した好例として知られ、彼の作品は社会的・文化的アイデンティティの形成に大きな影響を与えました。

I Love New York

5. ソール・バス (Saul Bass):1920-1996

背景と特徴:
映画業界との関わりが深いバスは、タイトルシーケンスや映画ポスターでシンプルかつ物語性豊かなデザインを追求しました。

代表作・影響:
「黄金の腕」「サイコ」。映画の印象を左右する作品を多数手がけ、視覚的なストーリーテリングの手法を確立しました。

ヒッチコックの名作スリラー「サイコ」のオープニングシークエンスはソール・バスによるデザイン

6. 横尾 忠則 (Tadanori Yokoo):1936-

背景と特徴:
1960年代から活動する日本の革新的なアーティストで、サイケデリックな色彩や独創的なレイアウトで知られています。

代表作・影響:
「腰巻お仙」「Y字路シリーズ」。彼のポスターは、日本独自のポップカルチャーや伝統美を現代風にアレンジし、国内外のデザイナーに多大な影響を与えています。

[復刻版]横尾忠則遺作集

7. 福田 繁雄 (Shigeo Fukuda):1932-2009

背景と特徴:
ユーモアとウィットを盛り込んだデザインで、見る者に思わず笑みを誘う作品が多いのが福田の魅力です。

代表作・影響:
反戦ポスター「VICTORY」。一見シンプルながら、見る角度や解釈によって複数の意味を持つ作品は、アイロニーやパロディを交えた独特のアプローチが評価されています。

福田繁雄偉作集 新装

8. レスター・ビール (Lester Beall):1903-1969

背景と特徴:
ニューディール時代のアメリカで活躍したビールは、シンプルでありながらも強いメッセージ性を持つビジュアルを追求しました。

代表作・影響:
「米国農務省の農村電化局宣伝ポスター」

その大胆な形と色使いは、広告や公共キャンペーンの分野で先駆的な役割を果たし、後のミニマリズム運動に影響を与えました。

Radio – Rural Electrification Administration – Lester Beall作 ビンテージ広告ポスター

9. エドワード・マックナイト・コーファー (Edward McKnight Kauffer):1890-1954

背景と特徴:
英国とアメリカをまたに活躍した彼は、動きのある構図と独創的な色使いで、ポスターに生き生きとしたダイナミズムをもたらしました。

代表作・影響:
「ロンドン交通局のために制作した140枚のポスター」

Poster, The North Downs, London Underground, 1915 (CH 18447297-2)

交通機関や展示会のために制作された作品は、見る者に一瞬で物語を感じさせる力があり、広告デザインの進化に貢献しています。

Poster, Godstone, London Underground, 1915 (CH 18447275)

10. ジャン・カルー (Jean Carlu):1900-1997

背景と特徴:
シンプルながらも大胆なレイアウトが特徴のカルーは、商業広告の世界で革新的な表現を追求しました。

代表作・影響:
「モンサヴォン」「ピガール劇場」のポスター。「シャトー・ムートン・ロートシルト」のラベル

彼のポスターは、視覚的なバランスとメッセージ性の両立を実現し、消費者に強い印象を与えるデザインとして評価されています。

JeanCarluProduction

11. シーモア・クワスト (Seymour Chwast):1931-

背景と特徴:
プッシュピン・スタジオの共同創設者として知られるクワストは、手書き風のタイポグラフィーとイラストで、親しみやすさと遊び心を表現しました。

代表作・影響:
絵本「Just Enough Is Plenty」、隔月刊雑誌「The Push Pin Graphic」

Just Enough Is Plenty: A Hanukkah Tale (Viking Kestrel picture books) 
The Push Pin Graphic: A Quarter Century of Innovative Design and Illustration

彼の作品は、堅苦しい広告デザインに対する柔らかいアプローチとして、多くのクリエイターにインスピレーションを与え、今なお高い支持を得ています。


12. ヴォルフガング・ワインガート (Wolfgang Weingart):1941-2021

背景と特徴:
スイスのモダンデザインに革命をもたらしたワインガートは、従来のグリッドシステムに挑戦し、実験的なタイポグラフィーを展開しました。

代表作・影響:
雑誌「Typographische Monatsblätter」編集委員。

30 Years of Swiss Typographic Discourse in the Typografische Monatsbltter: TM RSI SGM 1960-90

彼のグラフィックデザインは、自由な発想と構成の破壊を通して、現代デザインの新たな方向性を示し、多くの後進デザイナーに影響を与えています。

Typography: My Way to Typography

13. ウィム・クラウウェル (Wim Crouwel):1928-2019

背景と特徴:
オランダ出身のクラウウェルは、機能性と美しさを兼ね備えたモダニズムを体現。クリアなレイアウトとシンプルなフォルムが特徴です。

代表作・影響:
彼の作品は、情報の伝達性を高めるためのデザイン戦略として評価され、公共機関や企業のブランディングにおいても多大な影響を及ぼしました。

1967年に発表した書体「New Alphabet」は最も良く知られているクラウウェルデザインの書体です。ロック・バンド、ジョイ・ディヴィジョンのアルバム『Substance』(1988年)のジャケットに用いられています。

NewAlphabetSpec2

14. デビッド・カーソン (David Carson):1955-

背景と特徴:
従来のルールを打ち破る実験的なアプローチで知られるカーソンは、グランジや不規則なレイアウトで独自の世界観を表現しました。

代表作・影響:
雑誌「Ray Gun」アートディレクション。

彼の作品は、雑誌や音楽業界のビジュアルに革新をもたらし、直感的かつ感覚的なデザイン表現が若い世代のデザイナーに刺激を与え続けています。

David Carson

15. アイヴァン・チャーマイエフ (Ivan Chermayeff):1932-2017

背景と特徴:
シンプルでありながら強いインパクトを持つ表現を追求したチャーマイエフは、ミニマリズムの美学を確立しました。

代表作・影響:
「チェース・マンハッタン銀行」のロゴマーク、「ノース・カスケード国立公園」のポスターなど。

Logo For Company A poster for North Cascades National Park from 1972 by the US government.

企業ロゴやブランディングの分野で活躍した彼のポスターは、視覚的に洗練されたメッセージを伝え、グローバルなブランド戦略の基礎を築いたと評価されています。


16. マッシモ・ヴィニェッリ (Massimo Vignelli):1931-2014

背景と特徴:
モダンな美学と合理性を重視するヴィニェッリは、洗練されたラインとシンプルな構成で、永続的なデザインの魅力を追求しました。

代表作・影響:
ニューヨーク市地下鉄路線図」、「ステンディグ社のカレンダー(Stendig Calendar)」など。

2019 StendigCalendar / Massimo Vignelliのオリジナルデザイン

彼の作品は、交通機関のサインから企業ブランディングに至るまで幅広く採用され、そのクリーンでタイムレスな美意識は今も多くのデザイナーに影響を与えています。

Manuals: Design and Identity Guidelines

17. バーバラ・クルーガー (Barbara Kruger):1945-

背景と特徴:
写真と大胆なテキストを組み合わせ、社会批評やフェミニズム、消費社会への風刺を展開するクルーガーは、強いメッセージ性で知られています。

代表作・影響:
彼女の作品は、広告やメディアに対する批判精神を反映しており、視覚的なインパクトと知的なメッセージが、現代アートとしても高い評価を受けています。

Barbara Kruger: Thinking of You. I Mean Me. I Mean You

18. ステファン・サグマイスター (Stefan Sagmeister):1962-

背景と特徴:
コンセプチュアルなアプローチを徹底し、視覚的な実験や驚きを追求するサグマイスターは、伝統に囚われない自由な発想で知られています。

代表作・影響:
ルー・リード、ローリング・ストーンズ、デヴィッド・バーン、エアロスミス、パット・メセニーのCDジャケットデザインなど。

BRIDGES TO BABYLON-200
Nine Lives

彼のデザインは、しばしば日常の常識を覆す斬新なアイデアとユーモアを含み、観る者に新たな視点を提供するとともに、クリエイティブ業界に革新をもたらしました。


19. ネヴィル・ブロディ (Neville Brody):1957-

背景と特徴:
1980年代の雑誌デザインを中心に活躍したブロディは、タイポグラフィーとレイアウトの革新者として知られ、エッジの効いた視覚表現を追求しました。

代表作・影響:
『THE FACE』『Arena』誌のアートディレクション。タイポグラフィ雑誌「FUSE」の刊行。FFフォントの開発、など。

Fuse 1-20

彼の作品は、実験的なフォントの使用と大胆なグラフィック表現で、情報伝達とアートの融合を実現。特に若い世代のデザイナーに対する影響は絶大です。

The Graphic Language of Neville Brody (3)

20. シェパード・フェアリー (Shepard Fairey):1970-

背景と特徴:
ストリートアートとグラフィック表現を融合させ、政治的・社会的メッセージを発信するフェアリーは、現代のプロテストアートの象徴的存在です。

代表作・影響:
バラク・オバマの大統領選挙運動を支援した「HOPE」ポスターは、アメリカ大統領選挙において一大ムーブメントを生み出し、視覚的なアイコンとして政治や社会運動に大きな影響を及ぼしました。

Covert to Overt: The Under/Overground Art of Shepard Fairey

まとめ

以上、世界各国で活躍する20名のグラフィックデザイナーをご紹介しました。

彼らの作品は、単なる広告や情報伝達の枠を超え、アートとしての可能性を広げています。各デザイナーの独自の視点や表現技法に触れることで、現代のデザインの多様性と奥深さを感じ取ることができるでしょう。

今後も、彼らの足跡を辿りながら、新たなクリエイティブの波に触れてみてください。

Header: Anna LysenkoによるPixabayからの画像