モジュラータイプスケール計算ツール

この計算ツールについて

モジュラースケールは、基準サイズに一定の比率を繰り返し掛けて一連のフォントサイズを生成します。サイズ(n) = 基準 × 比率^n で、スケール上で1段上がるごと、下がるごとに、サイズが隣のサイズと比例関係になり、恣意的に選ばれることがなくなります。音楽や古典的な比例から借りた一般的な比率には、短3度（1.2）、長3度（1.25）、完全4度（1.333）、黄金比（1.618）があります。比率が小さいと、密度の高いUIテキストに適した、控えめで間隔の狭いサイズになり、比率が大きいと、編集記事やマーケティングの見出しに向いた、劇的なコントラストが生まれます。

タイプデザイナー、UI/UXデザイナー、フロントエンド開発者は、デザインシステムのタイポグラフィの一貫性を保つためにモジュラースケールを使います。見出し、小見出し、本文のすべてが、1サイズずつ目分量で決めるのではなく、同じ数学的な比率で関係づけられます。これは多くのデザインシステムがタイプスケールに適用している原則と同じです。