デザイン
【IT業界】「余白」とは?
意味・使われ方・注意点
一言で言うと
IT業界において、要素間の空き(スペース)を意図して設計すること。
見やすさとヒエラルキーを作り、情報の理解速度と操作ミスを減らす。
見やすさとヒエラルキーを作り、情報の理解速度と操作ミスを減らす。
現場目線ポイント
現場目線ポイント:余白は“無駄”じゃなく“情報の区切り”。余白がないと全部が同じ重要度に見えて、ユーザーは疲れる。
新人は余白を場当たりで決めず、8px等のスケールでルール化する。SPではタップしやすさ(誤タップ防止)にも効く。
実際の使われ方
この言葉は、主に以下のような場面で使われます。
- カード間の間隔を統一する
- フォームの項目間を広げる
- CTA周りを目立たせる
そのまま使える例文
例文1
「余白詰めすぎて読みにくい。」
例文2
「余白のスケール、デザインシステムに合わせよう。」
例文3
「余白増やすとCTAが目立つ。」
関連ワード
次に読むと理解が深まる用語です(クリックで移動)
ニュアンス・温度感
同僚間・ややカジュアル / 日本語だと「スペース」
注意点・誤解されやすい点
余白を削って情報を詰め込むのは危ない。危ないのは可読性低下と誤操作。新人は優先度で削る情報を決め、余白は守る。