여백
2026-10-12 12:48:40 domdom
| [[박스 모델]]의 `margin`과 `padding`은 여백을 다루지만 서로 다른 위치에 적용된다. 줄 높이는 한 문단 안에서 글줄 사이의 간격을 조정하고 본문 너비는 한 줄에 머무는 글의 양을 바꾼다. 이런 값들은 각각 따로 보기보다 제목과 문단과 구획이 만드는 전체 관계 안에서 살펴야 한다. 좁은 화면에서는 바깥 공간을 줄이고 넓은 화면에서는 본문의 최대 너비를 제한하는 식으로 조정할 수 있다. 목표는 모든 화면에서 같은 숫자를 유지하는 것보다 내용의 구분과 읽는 순서를 유지하는 데 있다. 여백을 설계하는 일은 [[디자인]]의 장식을 더하기 전에 문서에 읽을 수 있는 리듬을 주는 일이다. | |
| + | |
| + | ## 간격 하나만 바꿔보기 |
| + | |
| + | - 같은 글을 두 벌 준비하고 문단 사이 간격 하나만 달리한다. 글자 크기와 본문 너비까지 동시에 바꾸면 차이의 까닭을 짚기 어렵다. |
| + | - 좁은 화면과 넓은 화면에서 다음 문단의 시작을 찾기 쉬운지 살핀다. 널찍해 보인다는 감상과 구분이 쉬워졌다는 관찰을 따로 적는다. |
| + | - [[간격 비교의 작은 표]]에는 좋아하는 쪽만 표시하지 말고 헷갈린 곳도 남긴다. 수치는 다음 글에서도 시험할 출발점이지 모든 문서의 정답은 아니다. |
| #개념 #타이포그래피 |