여백(Spacing)을 다루는 3가지 방법
요소 간 간격은 최소 8px 단위로 통일하기 (8px 그리드 시스템)
- 버튼, 카드, 텍스트 사이의 간격을 4px, 7px처럼 제각각 쓰면 디자인이 불안정해 보임
- 8px, 16px, 24px처럼 일관된 간격만 사용 → UI가 깔끔해짐
내부 여백(padding)과 외부 여백(margin)을 구분해서 쓰기
- padding: 안쪽 여백 (텍스트와 버튼 테두리 사이)
- margin: 바깥 여백 (다른 요소와의 간격)
→ 잘 구분해서 써야 레이아웃이 안정됨
여백이 많을수록 ‘고급스러움’이 생긴다
- 좁은 여백 = 촘촘하고 답답함
- 넓은 여백 = 여유 있고 세련된 느낌
→ 과감하게 공백을 주는 것도 디자인인것 같습니다.
게시판 목록
디자이너팁
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 132 | 7년 전 | 3859 | ||
| 131 | 7년 전 | 3075 | ||
| 130 | 7년 전 | 2286 | ||
| 129 | 7년 전 | 2460 | ||
| 128 | 7년 전 | 1967 | ||
| 127 | 7년 전 | 2377 | ||
| 126 | 7년 전 | 1804 | ||
| 125 | 7년 전 | 3163 | ||
| 124 | 7년 전 | 5433 | ||
| 123 |
루돌프사슴코
|
7년 전 | 3303 | |
| 122 |
루돌프사슴코
|
7년 전 | 3010 | |
| 121 |
루돌프사슴코
|
7년 전 | 5802 | |
| 120 |
 janedoe |
7년 전 | 2780 | |
| 119 | 7년 전 | 4851 | ||
| 118 |
루돌프사슴코
|
7년 전 | 4849 | |
| 117 |
루돌프사슴코
|
7년 전 | 3186 | |
| 116 |
루돌프사슴코
|
7년 전 | 3014 | |
| 115 |
루돌프사슴코
|
7년 전 | 5503 | |
| 114 |
루돌프사슴코
|
7년 전 | 2972 | |
| 113 |
루돌프사슴코
|
7년 전 | 3522 | |
| 112 |
 엑스트라80 |
7년 전 | 1974 | |
| 111 |
루돌프사슴코
|
7년 전 | 2492 | |
| 110 |
루돌프사슴코
|
7년 전 | 3749 | |
| 109 |
루돌프사슴코
|
7년 전 | 3065 | |
| 108 |
루돌프사슴코
|
7년 전 | 2935 | |
| 107 | 7년 전 | 2519 | ||
| 106 |
루돌프사슴코
|
7년 전 | 2699 | |
| 105 |
koko123
|
8년 전 | 3565 | |
| 104 | 8년 전 | 4297 | ||
| 103 | 8년 전 | 2601 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기