「呼吸する」余白を取る
:LiTarget: 原則
要素同士は触れさせず、十分な余白で「息継ぎ」させる。
:LiAlertCircle: なぜ?
余白が広い = 視線誘導が明確 = 高級感。詰め詰め = 情報過多 = 安っぽい。
:LiCheckCircle: Do(良い例)
セクション間 80-120px、カード内余白 24-32px
:LiXCircle: Don’t(悪い例)
セクション間 16px、カード内余白 8px
要素同士は触れさせず、十分な余白で「息継ぎ」させる。
セクション間 80-120px、カード内余白 24-32px
セクション間 16px、カード内余白 8px
要素同士は触れさせず、十分な余白で「息継ぎ」させる。
余白が広い = 視線誘導が明確 = 高級感。詰め詰め = 情報過多 = 安っぽい。
セクション間 80-120px、カード内余白 24-32px
セクション間 16px、カード内余白 8px