2025年5月7日

こんにちは。
ラフデザイン後藤（弟）です。

今回は「フォントのジャンプ率とは？初心者でもわかるデザインの基本」についてご紹介しようと思います。

「ジャンプ率ってなに？」
WEBデザインをされている方なら、一度は聞いたことがあるかもしれません。

今回は初心者の方でもわかるように、やさしく解説します。

ジャンプ率とは？

文字サイズの差のことです。

たとえば、

• 見出し：32px
• 本文：16px

このように、サイズにしっかり差をつけることを「ジャンプ率が高い」と言います。

逆に、

• 見出し：20px
• 本文：18px

のように差がほとんどない状態は「ジャンプ率が低い」と言います。

とてもシンプルですね。

なぜジャンプ率が大事なの？

人は文章を上から順番に読んでいません。

まず目に入るのは、

• 大きい文字
• 太い文字
• 色が違う文字

です。

ジャンプ率が低いと、

• どこが見出しか分からない
• 何が重要なのか分からない
• 全体がのっぺりして見える

という状態になります。

ジャンプ率をしっかりつけることで、

• 情報の優先順位がはっきりする
• 視線の流れが作れる
• 読みやすくなる

という効果があります。

ジャンプ率が低いとどうなる？

初心者デザインでよくあるのが、

「全部なんとなく同じくらいの大きさ」

という状態です。

これだと、

• メリハリがない
• 情報が整理されていない
• どこを読めばいいか分からない

という印象になります。

ホームページでは特に、
読みにくさは離脱につながります。

ジャンプ率が高すぎるとどうなる？

では、差をつければつけるほど良いのでしょうか？

実は、ジャンプ率が高すぎるのも問題です。

例えば、

• 見出し：48px
• 本文：14px

のように差が極端すぎると、

• 見出しだけが浮いて見える
• 全体のバランスが崩れる
• 子どもっぽい印象になる

ことがあります。

ジャンプ率は「強弱をつける」ためのものですが、
やりすぎると逆効果になります。

どれくらいがちょうどいい？

初心者の方におすすめなのは、

「思っているより少し大胆に、でもやりすぎない」

です。

目安としては、

• 見出しは本文の1.5倍〜2倍
• 本文は読みやすいサイズを基準に

例えば、

• 見出し：28〜36px
• 本文：14〜18px

このくらいが、WEBではバランスが取りやすいです。

まとめ

いかがでしたでしょうか？

今回は『フォントのジャンプ率とは？初心者でもわかるデザインの基本』についてご紹介させていただきました。

ジャンプ率とは、文字サイズの差のこと。

低すぎると、のっぺりして読みにくい。
高すぎると、バランスが崩れる。

大切なのは、

• 情報の優先順位を意識すること
• 強弱をつけること
• やりすぎないこと

デザインはセンスだけではなく、
こういった基本の積み重ねです。

まずは自分のサイトや資料を見直して、
ジャンプ率をチェックしてみてください。

それだけで印象が大きく変わることもあります。

いつもラフデザインのブログを見ていただきありがとうございます。

引き続きよろしくお願いいたします。

check

あわせてチェック

制作を依頼したい方へ

テンプレじゃない「御社専用のWebサイト提案」を無料で作成します。
まずはお気軽にご相談ください。

Webデザインやコーディングスキルを学びたい方へ

転職・副業・社内スキルアップに。作れる力が身につく実践型スクール。
まずは無料体験で雰囲気を確認できます。