여백(Spacing)을 다루는 3가지 방법
요소 간 간격은 최소 8px 단위로 통일하기 (8px 그리드 시스템)
- 버튼, 카드, 텍스트 사이의 간격을 4px, 7px처럼 제각각 쓰면 디자인이 불안정해 보임
- 8px, 16px, 24px처럼 일관된 간격만 사용 → UI가 깔끔해짐
내부 여백(padding)과 외부 여백(margin)을 구분해서 쓰기
- padding: 안쪽 여백 (텍스트와 버튼 테두리 사이)
- margin: 바깥 여백 (다른 요소와의 간격)
→ 잘 구분해서 써야 레이아웃이 안정됨
여백이 많을수록 ‘고급스러움’이 생긴다
- 좁은 여백 = 촘촘하고 답답함
- 넓은 여백 = 여유 있고 세련된 느낌
→ 과감하게 공백을 주는 것도 디자인인것 같습니다.
게시판 목록
디자이너팁
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 72 | 9년 전 | 4601 | ||
| 71 |
 weblife |
9년 전 | 3957 | |
| 70 | 9년 전 | 5018 | ||
| 69 | 9년 전 | 3802 | ||
| 68 | 9년 전 | 3752 | ||
| 67 | 9년 전 | 3604 | ||
| 66 | 9년 전 | 4452 | ||
| 65 | 9년 전 | 3797 | ||
| 64 | 9년 전 | 5166 | ||
| 63 | 9년 전 | 3325 | ||
| 62 | 9년 전 | 2859 | ||
| 61 | 9년 전 | 3221 | ||
| 60 | 9년 전 | 4165 | ||
| 59 | 9년 전 | 4024 | ||
| 58 | 9년 전 | 4448 | ||
| 57 |
씨에이치넷
|
9년 전 | 6515 | |
| 56 |
 ABC디자인 |
9년 전 | 4349 | |
| 55 |
ABC디자인 |
10년 전 | 4878 | |
| 54 |
ABC디자인 |
10년 전 | 3750 | |
| 53 |
씨에이치넷
|
10년 전 | 4912 | |
| 52 | 10년 전 | 3763 | ||
| 51 |
프로그램은어려워
|
10년 전 | 4819 | |
| 50 |
잘살아보자
|
10년 전 | 3437 | |
| 49 |
잘살아보자
|
10년 전 | 3639 | |
| 48 |
잘살아보자
|
10년 전 | 4765 | |
| 47 | 10년 전 | 5806 | ||
| 46 | 10년 전 | 8249 | ||
| 45 |
 iwebstory |
10년 전 | 5341 | |
| 44 |
iwebstory |
10년 전 | 3968 | |
| 43 | 10년 전 | 3978 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기