文字サイズとジャンプ率で優先順位を作る｜はじめてのデザイン講座 DAY 31

文字をすべて大きくしても、読む順番は生まれません。見出しと詳細の大きさの比率である「ジャンプ率」を使い、情報の強弱を作ります。

ジャンプ率が高いと主役を強く発見しやすく、低いと落ち着いた連続性を作りやすくなります。ただし、小さい側を読めない大きさにしてはいけません。

大きさは重要度を伝える手がかりです。ただし、小さい文字にも日時や申込条件など必要な情報があります。優先順位を下げても、読める大きさを守ります。

目的によって順番は変わります。講座の存在を知らせるなら講座名、開催日を再通知するなら日時が最初になる場合があります。

実務では二案を同じ条件で比較する

読書会の新規参加者募集なら、講座名を32、詳細を16とした差の大きい案と、講座名を24、詳細を16とした差の小さい案を作ります。数値は正解ではなく、比較のための仮設定です。

差の大きい案はSNSで講座名に気付きやすい一方、見出しが強すぎると落ち着いた読書会の印象から離れる場合があります。差の小さい案は静かに見えますが、スクロール中に主役を見落とす可能性があります。

今回は「初めて見た人に講座名を発見してもらう」ことを優先し、差を明確にした案を採用します。ただし、詳細を小さくすることで差を作らず、講座名を大きくして差を作ります。行動に必要な日時や締切の可読性を守るためです。

サイズ以外の要素との重複を確認する

文字サイズ、ウェイト、色、位置、余白はすべて階層へ影響します。見出しを大きく、太く、強い色にし、さらに囲むと、強調が重なりすぎる場合があります。

どの要素が何の役割を持つかを決めます。サイズで主役を作れたなら、色やウェイトは世界観や視認性の調整へ使う方法があります。

今日の10分課題

講座名、説明、日時、場所、参加費、締切へ順位を付け、差の小さい案と大きい案を作ります。色、フォント、ウェイトをそろえ、サイズ比だけを比較してください。

3つの自己確認

1. 主役が最初に見つかりますか。

2. 三段階を区別できますか。

3. 詳細も読めますか。

次回は、ウェイトで重要度と声の強さを調整します。

64歳からデザインを学び始め、現在はWebと印刷物のデザインを制作しています。このシリーズでは、デザイン経験がない方にも分かる言葉で、デザインの基本と作り方をお伝えします。

ハッシュタグ

デザイン初心者　Canva　文字サイズ　タイポグラフィ　デザインの基本