濃いマスほど、このテーマでその指標が高いことを示します。
明瞭90
説得70
密度50
制作コスト38
課題適合80
仕事適合86
低高
短い答え
タイポグラフィスケールはいつ選ぶ？
次の条件に合う。デッキ、配布資料、教室のポスター、履歴書のヘッダー
いつ避ける？
次の場合は別の形にする。共有比率を持たないスライドごとのランダムなポイント サイズ
誰が作り、広めた？
古典的なモジュラースケール。オープン フォント エコシステムにおける最新の UI ランプ
何を符号化する？
比率に基づく相対的なフォント サイズ (長 3 度、完全 4 度など)
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
タイポグラフィスケールは比率に基づく相対的なフォント サイズ (長 3 度、完全 4 度など)として値を載せます。古典的なモジュラースケール。オープン フォント エコシステムにおける最新の UI ランプ。
業務報告・広告・課題では「デッキ、配布資料、教室のポスター、履歴書のヘッダー」に向く。「共有比率を持たないスライドごとのランダムなポイント サイズ」のときは別の形を選ぶ。
ソフト
- Inter — 製品や資料の本文によく使用される可読性の高い UI フォントです。 · OFL-1.1 · github.com/rsms/inter
- Google Fonts catalog — OFL 顔を参照します。各ファミリーのライセンス ファイルを必ず確認してください。 · OFL (varies) · github.com/google/fonts
- IBM Plex — レポートやスライドに適したオープンな企業タイプのファミリー。 · OFL-1.1 · github.com/IBM/plex
- Recursive — 混合 UI とコード用のサンからモノまでの可変フォント。 · OFL-1.1 · github.com/arrowtype/recursive
- Utopia core — レスポンシブなレイアウトのための流体タイプとスペーススケール。 · MIT · github.com/trys/utopia-core
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
タイポグラフィスケール: 比率に基づく相対的なフォント サイズ (長 3 度、完全 4 度など)を守り、「共有比率を持たないスライドごとのランダムなポイント サイズ」のときは別の図を選ぶ。