はじめての欧文書体
- 1. 第二回 プログラマ向けデザイン勉強会 March 16, 2013 はじめての欧文書体 伊藤庄平@9d
- 4. はじめに
- 5. デザインにおいて書体の役割はとても重要で、 書体の選択を間違えると…
- 8. ですので、少しでも多くの書体を知って、 用途に応じた書体を 使っていただければと思います。
- 10. 欧文書体の種類
- 11. 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書 体、ディスプレイ書体、スラブセリフ書体などの種類があります。 Aaセリフ書体 Aa Aa サンセリフ書体 スクリプト書体 Aa ブラックレター書体 Ab Aa ディスプレイ書体 スラブセリフ書体
- 12. セリフ書体 Aa Aa Didot LT Std Roman Garamond Regular 文字の先端にセリフ（端にある小さな飾り）がついた書 体のことをセリフ書体と言います。ローマン体とも呼ば れます。
- 14. 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書 体、ディスプレイ書体、スラブセリフ書体などの種類があります。 Aaセリフ書体 Aa Aa サンセリフ書体 スクリプト書体 Aa ブラックレター書体 Ab Aa ディスプレイ書体 スラブセリフ書体
- 15. サンセリフ書体 Aa Aa Univers Lt Std 55 Roman Futura Std Medium セリフがない書体のことをサンセリフ書体と言います。 国内ではゴシック体とも呼ばれます。
- 17. 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書 体、ディスプレイ書体、スラブセリフ書体などの種類があります。 Aaセリフ書体 Aa Aa サンセリフ書体 スクリプト書体 Aa ブラックレター書体 Ab Aa ディスプレイ書体 スラブセリフ書体
- 18. スクリプト書体 Aa Linoscript Std Medium Aa ! 手書きのストロークに基づいた書体をスクリプト書体と 言います。筆記体とも呼ばれます。
- 20. 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書 体、ディスプレイ書体、スラブセリフ書体などの種類があります。 Aaセリフ書体 Aa Aa サンセリフ書体 スクリプト書体 Aa ブラックレター書体 Ab Aa ディスプレイ書体 スラブセリフ書体
- 21. ブラックレター書体 Aa Aa Linotext Std Regular Goundy Text MT Std Regular 図のような黒みが強い書体をブラックレター書体と言い ます。海外ではこちらをゴシック体と呼びます。
- 23. 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書 体、ディスプレイ書体、スラブセリフ書体などの種類があります。 Aaセリフ書体 Aa Aa サンセリフ書体 スクリプト書体 Aa ブラックレター書体 Ab Aa ディスプレイ書体 スラブセリフ書体
- 24. ディスプレイ書体 Ab AB prism medium rosewood Std Regular サインや看板などに用いるために作られた書体をディス プレイ書体と言います。
- 26. 欧文書体には、セリフ書体、サンセリフ書体、スクリプト書体、ブラックレター書 体、ディスプレイ書体、スラブセリフ書体などの種類があります。 Aaセリフ書体 Aa Aa サンセリフ書体 スクリプト書体 Aa ブラックレター書体 Ab Aa ディスプレイ書体 スラブセリフ書体
- 27. スラブセリフ書体 Aa Aa Aachen Std Bold Clarendon LT Std Roman 縦線と横線が同じくらいの太さの書体をスラブセリフ書 体と言います。
- 31. （そんなに覚えられない）
- 33. 文字の太さと字幅
- 34. 欧文書体には、 ウェイト（太さ）とセット（字幅）の ファミリーがあります。
- 35. Helvetica Neue LT Std 27 Ultra Light Condensed ウェイトが細くて字幅が狭い。 Helvetica Neue LT Std 93 Black Extended ウェイトが太くて字幅が広い。
- 36. 細い Ultra Light Condensed Ultra Light Ultra Light Extended Thin Condensed Thin Thin Extended Light Condensed Light Light Extended Roman Condensed Roman Roman Extended 狭い 広い Medium Condensed Medium Medium Extended Bold Condensed Bold Bold Extended Heavy Condensed Heavy Heavy Extended Black Condensed Black Black Extended 太い
- 38. あとイタリック体があります。 Helvetica Neue LT Std 46 Light Italic Didot LT Std Italic
- 39. 蛇足
- 40. こっちがイタリック体で、 Helvetica Neue LT Std 46 Light Italic こっちがオブリーク体。 Helvetica LT Std Light Oblique
- 42. （蛇足いらなかったかも）
- 45. 作られた時代や国
- 46. 当たり前ですが、一つ一つの書体は、 過去にどこかの国の 誰かによって作られています。
- 47. 例
- 48. trajan pro regular 古代ローマに建てられた「トラヤヌス帝の碑文」 の文字をもとに作られた書体です。TRAJAN PROは1989年にCarol Twomblyによって制作 されました。
- 50. Adobe Garamond Pro Regular 16世紀にフランス人のClaude Garamondに よって製造されました。なお、Garamondは各 社から様々なバリエーション（ギャラモン系、 ジャノン系）がリリースされています。
- 52. Helvetica Regular 1957年、Neue Haas Groteskとして発売され たものが原型で、Max MiedingerとEduard Hoffmannによって発表されました。 ※Helveticaはラテン語でスイスを意味します。
- 54. Frutiger LT Std 55 Roman 1976年、シャルル・ド・ゴール国際空港（パ リ）のサインシステム設計を依頼されたAdrian Frutigerが制作しました。国内でもJR東日本や東 京メトロなど多くの場所で目にする書体です。
- 56. 蛇足
- 58. 「Neue」は英語で「New」の意味。 つまり 「Neue Helvetica」は「Helvetica」の 改訂版ということ。
- 59. 「LT」は「Linotype」のことで、 フォントファンダリー名を示しています。 MT=Monotype FF=FontFont ITC=International Typeface Corporation などがあります。
- 61. 書体には見た目の特徴以外にも 制作時期や制作理由など 様々な背景があることが分かりました。
- 62. 書体が持つ雰囲気
- 63. さて、ようやく見た目の話です。 欧文書体は、 高級感や暖かみ、近代的イメージなど、 様々な雰囲気を持ち合わせています。
- 64. 例
- 65. 高級感
- 66. trajan pro regular Didot LT Std Roman Shelley Script LT Std Regular
- 67. インパクト
- 68. Bahhaus Std Heavy Giddyup Std Regular Cooper Std Black
- 69. スマート
- 70. Akko Pro Regular Helvetica Neue LT Std 25 Ultra Light ITC Kabel Std Book
- 71. やさしい
- 72. Neo Sans Pro Light Avenir Next Pro Thin Myriad Pro Light
- 73. ただし、 文字の大きさ、詰め具合などで 雰囲気は変わりますので （あと個人の感覚もありますし） あくまでも一例ということでご参照ください。 そのため、この資料では特に文字詰めをしていません。
- 75. 実践編
- 78. その次から DIN Next LT Pro Didot LT Std Clarendon LT Std Prism Medium Avenir Next Pro の順番で適用してみます。
- 80. DIN Next LT Pro
- 81. Didot LT Std
- 82. Clarendon LT Std
- 83. Prism Medium
- 84. Avenir Next Pro
- 86. 蛇足
- 91. まとめ
- 95. 参考文献
- 96. 参考文献 ・小林 章『欧文書体―その背景と使い方』株式会社美術出版社 ・小泉 均『タイポグラフィ・ハンドブック』研究社 ・高岡昌生『欧文組版 組版の基礎とマナー』美術出版社 ・組版工学研究会『欧文書体百花事典』朗文堂 引用 ・「欧文書体の種類」で利用した画像は MyFonts（myfonts.com）と H&FJ（typography.com）から引用しております。
- 97. おわりに
- 98. 過不足があったかと思いますが、 以上になります。
- 99. もっと詳しく知りたい方は 先の参考文献や 年2回刊行の文字デザイン専門誌『TYPOGRAPHY』、 フォント全般の総合情報サイト『フォントブログ』、 『Typecache』などを見ると楽しめると思います。
- 100. ありがとうございました。