IT/Web業界 現場の言葉辞典
デザイン

【IT業界】「余白」とは?意味・使われ方・注意点

一言で言うと

IT業界において、要素間の空き(スペース)を意図して設計すること。
見やすさとヒエラルキーを作り、情報の理解速度と操作ミスを減らす。
現場目線ポイント

現場目線ポイント:余白は“無駄”じゃなく“情報の区切り”。余白がないと全部が同じ重要度に見えて、ユーザーは疲れる。

新人は余白を場当たりで決めず、8px等のスケールでルール化する。SPではタップしやすさ(誤タップ防止)にも効く。

実際の使われ方

この言葉は、主に以下のような場面で使われます。

  • カード間の間隔を統一する
  • フォームの項目間を広げる
  • CTA周りを目立たせる

そのまま使える例文

例文1

「余白詰めすぎて読みにくい。」

例文2

「余白のスケール、デザインシステムに合わせよう。」

例文3

「余白増やすとCTAが目立つ。」

関連ワード

次に読むと理解が深まる用語です(クリックで移動)

ニュアンス・温度感

同僚間・ややカジュアル / 日本語だと「スペース」

注意点・誤解されやすい点

余白を削って情報を詰め込むのは危ない。危ないのは可読性低下と誤操作。新人は優先度で削る情報を決め、余白は守る。