• aboutabout
  • servicesservices
  • worksworks
  • mediamedia
  • contactcontact
  • homeサイトトップ
  • about会社概要
  • services業務内容
  • works実績紹介
  • mediaメディア
  • contactお問い合わせ
ja/

media

メディア

  1. サイトトップ
  2. メディア
  3. デザインの記事
  4. 欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】

欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】

  • 2019.11.15
  • デザイン
  • タイポグラフィ
Updated: 2019.11.15
第3回目の本記事でも、引き続き欧文のタイポグラフィについて学んでいきたいと思います。今回はフォントの見た目となる書体についてまとめていきたいと思います。この書体にはいろんな種類が存在し、フォントの歴史とともに大きく形も様々に変化してきました。その移り変わりを書体と合わせて紹介していきます。  
書体の種類を分類別に見てみる
欧文フォントには、それぞれ見た目の特長や誕生した時代別に下記のように分けることができます。デザインに活用するときも、この種類を覚えておくことで、効果的に使い分けることができるので、是非頭に入れておきたいですね。 1. セリフ体(ローマン体)   - ベネチアンローマン   - オールドローマン   - トラディショナル・フェイス   - モダン・フェイス 2. サンセリフ体   - グロテスク・サンセリフ   - ネオグロテスク・サンセリフ   - ヒューマニスティック・サンセリフ   - ジオメトリック・サンセリフ 3. タイニーセリフ体 4. スラブセリフ体 5. ブラックレター体 6. スクリプト体   - フォーマル・スクリプト   - カリグラフィック・スクリプト   - カジュアル・スクリプト 7. ハンドライト体 8. ディスプレイ体   それでは、これらの分類について詳しく色んな書体を見ていきます。  
【セリフ体】ベネチアンローマン
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 まずは、文字の要素にセリフと呼ばれるヒゲの装飾がついたセリフ体のグループです。中でも「ベネチアンローマン」と呼ばれる種類は、古代の石碑に書かれた文字をモチーフにされており、古く歴史のある印象を与えるものが多いです。この書体は「e」や「o」が右上を向いた少し傾いたデザインが特徴的で、文字の要素もどこか荒っぽく直線的な形になっています。神秘的な印象もあり、デジタルよりはポスターなどの印刷物に相性がいいのではないでしょうか。  
【セリフ体】オールドローマン
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 ベネチアンローマンからの系譜を受け継いだ「オールドローマン」の種類では、無骨な印象を残しながらも細部のディティールがより洗練され少し曲線的に描かれるものが増えてきました。この書体は伝統や歴史のあるイメージを与えるのに効果的で、ブランディングのデザインに採用されるケースもよく見られます。  
【セリフ体】トラディショナル・フェイス
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 続いては「トラディショナル・フェイス」と呼ばれる分類です。セリフ体の中ではいわゆるスタンダードなものになり、文字自体の形も曲線的な構成で、視認性や可読性にも優れたバランスの良い書体になります。ベネチアンローマンや、オールドローマンと比較すると、より柔らかく品のある印象を感じるようになります。ボディコピーだけでなく、見出しやキャッチコピーなど使いどころは万能です。  
【セリフ体】モダン・フェイス
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 トラディショナル・フェイスからさらに形が代わり、「モダン・フェイス」と呼ばれるものが誕生しました。セリフの要素は持ちながらも、大きな変化として、セリフの形がブラケットセリフからヘアラインセリフと呼ばれるものに変わりました。(参考記事「欧文タイポグラフィについて学んでみる【文字の構成】」)縦方向のラインは太く、水平方向のラインは細く、よりメリハリのあるデザインになります。この種類のフォントは女性らしい上品でエレガントな印象を与えるのに効果的です。  
【スラブセリフ体】
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 セリフ体がもつセリフの形が、より太く大きく変化したのが「スラブセリフ体」と呼ばれる種類になります。見た目の印象もガッチリと安定感や迫力が増す印象を受けます。男性的であったり、カジュアルさやレトロな雰囲気を持っている書体になり、ロゴデザインや広告のキャッチコピーなどでもよく使われます。  
【タイニーセリフ体】
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 セリフ体に似ていますが、セリフがとても小さく控えめな形になっているのが「タイニーセリフ体」です。後述するサンセリフ体とセリフ体の中間のような印象を受けます。スタイリッシュな雰囲気に加えて、セリフ体の上品なイメージを持ち合わせた書体です。飲食店のロゴなどでよく見かけたりしますね。  
【サンセリフ体】グロテスク・サンセリフ
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 これまでのセリフ体とは大きく異なり、セリフが一切ないものが「サンセリフ体」と呼ばれるグループになります。その中でも初期に現れたのが「グロテスク・サンセリフ」という種類になります。文字の形が直線的で無骨な印象を受けます。細部のディティールもフォントによって異なりますが、どこか荒っぽいイメージを感じますね。  
【サンセリフ体】ネオグロテスク・サンセリフ
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 先ほどのグロテスク・サンセリフ体がより洗練されたのが「ネオグロテスク・サンセリフ」になります。曲線が強調されるようになり、細部の要素も収まり良く、スマートな印象を与えます。文字としても視認性よく完成度の高い形になり、キャッチコピー、ボディコピー、ロゴタイプなどいろんな場面で採用されています。  
【サンセリフ体】ヒューマニスティック・サンセリフ
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 これまでのサンセリフ体から、より曲線が強調され温かみのあるデザインへと変わっていったのが「ヒューマニスティック・サンセリフ」と呼ばれる種類のものです。フォントによって様々なデザインがあり、幅広い種類がある分類でもあります。企業のブランディングによく使われることが多く、文字の形が持つイメージを主張された書体が多いのも特徴です。また、女性らしいイメージを持つフォントもよく見かけます。  
【サンセリフ体】ジオメトリック・サンセリフ
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 文字の形が図形のような幾何学的に変化していったものが「ジオメトリック・サンセリフ」という種類になります。近未来的でクリエイティブな印象を与えるものが多く、特徴的な形を持つ文字もたくさん増えています。デザイン要素が強いので、ロゴタイプにも相性がよく、業種問わず採用されているケースも多いですね。  
【ブラックレター体】
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 中世のヨーロッパで使われた書体で、独特な形をしている「ブラックレター体」です。その名の通り、黒色の文字色で書くと全体が黒く見えるくらいに要素が占める割合も多く、他の書体と比べてインパクトが強い特徴があります。ゴシック的な世界観でブランドロゴに採用されているのもよく見かけますね。  
【スクリプト体】フォーマル・スクリプト
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 続いてはいわゆる筆記体の書体となる「スクリプト体」のグループです。その中にある「フォーマル・スクリプト」は中でもクラシックな印象を持つ、美しい形の書体で、流れるような筆の運びで書かれたような特徴があります。その名の通り、格式高い場面での相性がよく、高級で洗練された雰囲気を作り出すことができます。  
【スクリプト体】カリグラフィック・スクリプト
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 フォーマル・スクリプトを少し崩した形になるのですが、文字の要素でハライの部分がその名の通りカリグラフィーの技法で書かれたのが「カリグラフィック・スクリプト」と呼ばれる種類です。文字の要素が植物の蔦のようで柔らかく曲線的な大きい筆運びが特徴です。少しカジュアルな雰囲気を感じながらも、上品な印象を与えられる書体です。  
【スクリプト体】カジュアル・スクリプト
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 筆記体であるスクリプト体の中でも、デザイン性に富み、個性的な形を持つものが「カジュアル・スクリプト」という種類になります。フォントによって様々なバリエーションや形が存在し、与える印象や書体がもつ雰囲気もそれぞれ異なります。装飾的に用いられることが多く、表現したデザインにマッチした書体を選択するのがポイントです。  
【ハンドライト体】
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】 文字自体が手書きで書かれたような形をしているのが「ハンドライト体」という種類です。その名の通り、手書きで書かれた不規則な形をしているものもあれば、クレヨン、チョーク、マーカー、鉛筆といった、素材感を持った書体など様々なバリエーションがあります。デザイン性の高い書体なので、キャッチコピーなどに使われたり、一部のデザイン素材として採用されることもあります。  
【ディスプレイ体】
デザインの世界観や目的に合わせて、独自のデザインを施された書体が「ディスプレイ体」という種類になります。基本的にはこれまでのカテゴリに含まれないものは全てこのディスプレイ体に分類されるということになります。その分、様々な種類があり、特徴的な書体がたくさん存在します。ディスプレイ体の中でも、デザインのタイプ別にいくつか区分けもできるのですが、こちらについてはまた後日別記事にて詳しくまとめていきたいと思います。  
  今回は、欧文タイポグラフィの様々な書体の種類について、書体の変化の移り変わりと共にまとめていきました。ここに登場した中でも50種類近いものがあり、デザインにマッチした書体や自分の好みの書体を探してみるのも楽しいですね。これら書体の分類を理解しておくことで、デザイン制作においても、より効率的で完成度の高いデザインを作ることができるのではないでしょうか。ぜひ覚えておきたい知識ですね。   (こちらの記事もどうぞ) 欧文タイポグラフィについて学んでみる【文字の構成】 欧文タイポグラフィについて学んでみる【フォントファミリー】
XでシェアLINEで送るはてブに追加

この記事を書いた人オガワ シンヤ

合同会社デザインサプライ代表兼CEO / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はダイエットコーラとチョコレートが欠かせないアラフォーWebクリエイター。

Sponsored Link

  • Showcase
  • Startify UI
  • Functional Gradation Generator
  • Coloooors

keyword search

categories

  • デザイン(30)
  • Photoshop(26)
  • ワークショップ(24)
  • コーディング(18)
  • Sketch(16)
  • Illustrator(12)
  • カラースキーム(10)
  • タイポグラフィ(8)
  • Adobe その他(8)
  • フォトグラフィ(7)
  • Lightroom(4)
  • WordPress(4)
  • ナレッジ(4)
  • サイト運営(3)
  • Figma(2)
  • AfterEffects(2)
  • InVision(1)
  • Premiere(1)

recent articles

  • Figmaで柔らかな印象のメッシュグラデーションを作成する
    read more

    Figmaで柔らかな印象のメッシュグラデーションを作成する

    2022.12.09/Figma
  • Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する
    read more

    Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する

    2022.09.23/Photoshop
  • Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する
    read more

    Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する

    2022.06.10/Photoshop
  • デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)
    read more

    デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)

    2022.06.03/デザイン
  • 【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点
    read more

    【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点

    2022.04.22/デザイン
  • 安さやチープな印象を強調させるデザインを考えてみる
    read more

    安さやチープな印象を強調させるデザインを考えてみる

    2022.04.01/デザイン
  • 次の記事
  • 一覧に戻る
  • 前の記事

まだ依頼内容が決まっていなくても、ご相談ください。

課題の整理や小さな検証、UI/UX・フロントエンドの部分的な支援から始められます。

お問い合わせやご相談はこちらから

Webサイト・プロダクトの企画設計/UI・UXデザイン/フロントエンド開発合同会社デザインサプライ(DesignSupply. LLC)

Office:大阪府大阪市天王寺区清水谷町3-22
Email:info@designsupply-web.com
home
  • サイトトップ
about
  • 3つのポリシー
  • 経営理念
  • 代表・クリエイター紹介
  • 会社概要
services
  • ビジネス・プロダクト支援
  • UI/UX・フロントエンド開発支援
  • プロジェクトの進め方・支援体制
  • エデュケーション事業
works
  • 開発プロジェクト支援
  • クリエイティブ制作
  • 自社プロダクト
media
  • デザイン
  • プログラミング
  • マーケティング
  • Web開発
  • 写真・動画制作
contact
  • お問い合わせ
news
  • インフォメーション
privacy
  • プライバシーポリシー

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

© 2013 - 2026 DesignSupply.LLC
サイトトップへ
contact