2026, 새로운 도약을 시작합니다.

여백(Spacing)을 다루는 3가지 방법

· 5개월 전 · 464

요소 간 간격은 최소 8px 단위로 통일하기 (8px 그리드 시스템)
- 버튼, 카드, 텍스트 사이의 간격을 4px, 7px처럼 제각각 쓰면 디자인이 불안정해 보임
- 8px, 16px, 24px처럼 일관된 간격만 사용 → UI가 깔끔해짐

내부 여백(padding)과 외부 여백(margin)을 구분해서 쓰기
- padding: 안쪽 여백 (텍스트와 버튼 테두리 사이)
- margin: 바깥 여백 (다른 요소와의 간격)
→ 잘 구분해서 써야 레이아웃이 안정됨

여백이 많을수록 ‘고급스러움’이 생긴다
- 좁은 여백 = 촘촘하고 답답함
- 넓은 여백 = 여유 있고 세련된 느낌
→ 과감하게 공백을 주는 것도 디자인인것 같습니다.


 

|

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

디자이너팁

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
번호 제목 글쓴이 날짜 조회
377 2주 전 조회 59
376 3주 전 조회 108
375 1개월 전 조회 214
374 1개월 전 조회 182
373 3개월 전 조회 328
372 5개월 전 조회 368
371 5개월 전 조회 411
370 5개월 전 조회 483
369 5개월 전 조회 465
368 6개월 전 조회 499
367 6개월 전 조회 525
366 6개월 전 조회 406
365 7개월 전 조회 503
364 7개월 전 조회 502
363 11개월 전 조회 1,237
362 1년 전 조회 879
361 1년 전 조회 1,363
360 3년 전 조회 5,467
359 3년 전 조회 3,681
358 3년 전 조회 2,704
357 3년 전 조회 2,919
356 3년 전 조회 2,461
355 3년 전 조회 2,699
354 3년 전 조회 2,411
353 3년 전 조회 4,086
352 4년 전 조회 4,732
351 4년 전 조회 4,412
350 4년 전 조회 2만
349 4년 전 조회 4,970
348 4년 전 조회 4,217
🐛 버그신고