HesapHanem

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

ベースサイズと選んだ比率から、5段階の調和の取れたタイプスケールを構築します。

使い方

  1. 上のフィールドに値を入力します。
  2. 「計算」を押すと結果がすぐに表示されます。
  3. 「共有」ボタンで結果へのリンクをコピーできます。

この計算ツールについて

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

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

このページは役に立ちましたか？

リアクションは最大3つまで選べます。

コメント

  • 最初のコメントを投稿しましょう。

人気の計算機

ローン計算機

月々の支払い、総利息、および完全な返済スケジュール。

パーセント計算機

パーセント変化、ある値の何パーセント、比率計算。

割引計算機

最終価格、節約額、割引額を計算。

BMI 計算機

身長と体重から体格指数 (BMI) を計算（メートル法またはヤード・ポンド法）。

年齢計算機

生年月日から年・月・日単位で正確な年齢を計算します。

複利計算機

複利による最終金額と獲得利息を計算します。

すべての計算ツール