デザインにおいてタイポグラフィはとても重要な要素になります。良いデザインを目指すためにはタイポグラフィを極めることが不可欠であるということで、今回から複数記事にまたがりますが、タイポグラフィについて改めて学んでみたいと思います。第一回目は、まず欧文タイポグラフィにおける文字が持つ構成要素について深く掘り下げたいと思います。

ボディとフォーマット

文字には基準となるいろんな線が存在します。そしてそれらの線を元にいろんな高さの単位が決められています。なんとなく理解するというのではなく、それぞれの意味を正しく覚えておきたいですね。まずは文字の基準線について見ていきます。全部で5本の基準線が存在します。

これらの基準線は、文字の位置を揃えたりするなど重要な役割を果たします。そして、これらの基準線に合わせて次のようなタイポグラフィで用いられる高さの単位も存在します。

エックスハイトやキャップハイトはWebデザインをする上ではあまり意識する場面は少ないかもしれませんが、テキストサイズやラインハイトはCSSでも調整するケースも多々ありますね。

文字のエレメント

1つひとつの文字は直線、曲線、円などいろんなラインの要素が合わさって形になっています。それらの要素にはそれぞれ名前がついています。タイポグラフィをより理解するためにしっかりと押さえておきたいポイントですね。

書体によってはその形上、存在しない要素もあります。比較的、装飾要素の多いセリフ体が基準となっているようですね。

セリフの種類

後日記事でも詳しくまとめていきますが、書体はセリフの形によって大きくカテゴライズすることができます。セリフというのは上記でもまとめている通り、書体の装飾を目的とする、ひげの形をした要素の部分です。セリフの形によって与える印象は大きく変わりますので、デザインにおいても有効に活用できますね。

セリフの変化は書体の歴史とリンクします。書体の歴史とともにセリフが変化し、新たな書体が誕生してきました。現代ではいろんな書体があり、それぞれが持つセリフに注目してみるのも面白いですね。

今回は、欧文タイポグラフィについて基礎となる文字の構成要素について詳しく見ていきました。今回は書籍や専門サイトの情報を元にいろんな知識をインプットしてきましたが、同じような文字でも細かい部分でいろんな違いがあり、タイポグラフィを学ぶ上ではとても重要になるのではないでしょうか。次回も同じく欧文タイポグラフィで字体の種類についてまとめていきたいと思います。