한 줄 길이

정의

한 줄 길이(measure)는 한 줄에 들어가는 글자의 수, 즉 텍스트 한 줄의 가로 폭을 말합니다. 한 줄이 너무 길면 눈이 줄 끝까지 갔다가 다음 줄의 시작점을 정확히 찾지 못해 자꾸 길을 잃고, 반대로 너무 짧으면 몇 글자 읽지도 않아 줄이 끝나 버려 읽는 리듬이 계속 끊깁니다. 화면이 넓다고 텍스트를 끝에서 끝까지 꽉 채우면 오히려 읽기 어려워지는 것이 바로 이 때문입니다. 그래서 한 줄 길이는 눈에 잘 띄지 않지만 긴 글의 가독성을 좌우하는 핵심 값입니다.

왜 중요한가

사람의 눈은 한 줄을 다 읽은 뒤 다음 줄의 시작으로 되돌아가는 동작을 반복하는데, 이 되돌아가는 거리가 너무 멀면 부담이 크고 실수도 잦아집니다. 한 줄이 지나치게 길면 다음 줄을 놓치거나 같은 줄을 다시 읽게 되고, 지나치게 짧으면 눈이 너무 자주 줄을 바꿔야 해서 피로해집니다. 적당한 한 줄 길이는 이 두 부담 사이에서 균형을 잡아 줍니다. 특히 블로그 글이나 문서처럼 오래 읽는 화면에서는 한 줄 길이만 잘 맞춰도 체감 가독성이 크게 달라집니다. 넓은 모니터에서 본문 폭을 적당히 제한하는 것이 왜 중요한지도 결국 이 원리로 설명됩니다. 신문이나 책이 페이지를 여러 단으로 나누는 것도 한 줄이 지나치게 길어지지 않게 하려는 오래된 지혜이며, 화면에서도 같은 원리가 그대로 통합니다.

흔한 실수

• 본문에 최대 폭을 두지 않아 큰 화면에서 한 줄이 끝없이 길어지는 것입니다. 데스크톱 전체 폭을 텍스트로 꽉 채우면 한 줄이 100자를 훌쩍 넘겨 읽기가 매우 힘들어집니다.
• 가독성을 위한 폭 제한을 카드나 사이드바 같은 좁은 요소에까지 그대로 적용하는 것입니다. 이미 충분히 좁은 영역에 폭을 더 줄이면 한 줄이 너무 짧아져 어색해집니다.
• 제목이나 목록 같은 요소에까지 본문용 폭 제한을 똑같이 거는 것입니다. 짧은 제목이나 한 줄짜리 항목은 애초에 줄바꿈이 거의 없어, 폭을 좁혀도 이득 없이 배치만 어색해집니다.

실무 팁

• 본문 한 줄은 45~75자 정도가 이상적입니다. CSS의 ch 단위나 max-width로 이 폭을 제어하며, 앞서 본 컨테이너 최대 너비가 바로 이 한 줄 길이를 지키기 위한 도구입니다.
• 폭은 고정 px보다 글자 폭 기준인 ch 단위로 지정해 보세요. 60ch처럼 잡으면 글꼴이나 글자 크기가 달라져도 한 줄에 들어가는 글자 수가 비슷하게 유지되어, 어떤 환경에서도 목표한 줄 길이를 안정적으로 지킬 수 있습니다.
• 한 줄이 길어지는 넓은 화면에서는 행간도 함께 조금 넉넉하게 주세요. 줄 길이와 행간은 서로 짝을 이뤄 움직여야, 줄이 길어져도 눈이 다음 줄의 시작점을 편하게 찾을 수 있습니다.

관련 개념