한글 타이포그래피에서 가독성을 높이는 5가지 원칙

목차

• 서체 선택이 가독성에 미치는 영향
• 자간과 글자 간격 조정 기준
• 줄간격과 행간의 적정 범위
• 문단 구성과 줄바꿈 규칙
• 명도 대비와 색상 활용 방법
• 도구별 추천 설정과 실전 체크리스트

서체 선택이 가독성에 미치는 영향

한글 가독성의 출발점은 본문에 적합한 서체를 고르는 일입니다. 2026년 현재 Noto Sans KR, Pretendard, Spoqa Han Sans와 같은 무세리프 계열이 웹 본문에서 널리 쓰이며, 특히 Pretendard는 숫자 정렬과 한글·라틴 혼용 시 안정감이 뛰어납니다. 세리프 계열은 장편 인쇄물에서 피로도를 낮추는 데 유리하지만, 화면 해상도가 낮은 환경에서는 자간이 좁아 보일 수 있어 주의가 필요합니다.

서체를 선택할 때는 x-height와 획 대비를 함께 확인해야 합니다. 획이 너무 가는 서체는 밝은 배경에서 글자가 떠 보이고, 반대로 획이 과도하게 두꺼우면 답답한 인상을 줍니다. 최근 디자인 시스템에서는 본문용과 제목용을 명확히 분리해 사용하며, 본문은 16–18px, 제목은 24px 이상으로 설정하는 경우가 일반적입니다.

자간과 글자 간격 조정 기준

한글은 자소가 모여 글자를 이루기 때문에 자간이 너무 좁으면 글자가 뭉쳐 보입니다. 웹에서는 letter-spacing: -0.01em ~ -0.03em 범위를 가장 많이 사용하며, 인쇄물에서는 -0.05em 이하로 내려가는 경우도 있습니다. 다만 과도한 음수 자간은 오히려 가독성을 해치므로, 실제 출력 미리보기를 통해 확인하는 과정이 필수입니다.

단어 간격은 자간과 별도로 관리해야 합니다. 한글은 띄어쓰기가 명확하기 때문에 단어 사이에 0.2–0.3em 정도의 여유를 두면 문장이 자연스럽게 읽힙니다. 표나 데이터가 많은 페이지에서는 숫자 정렬을 위해 tabular figures를 지원하는 서체를 선택하고, 자간은 0으로 고정하는 것이 안정적입니다.

줄간격과 행간의 적정 범위

줄간격은 가독성을 결정하는 가장 중요한 요소 중 하나입니다. 한글 본문의 경우 글자 크기의 1.6–1.8배가 가장 읽기 편한 범위로 평가받고 있습니다. 16px 본문이라면 26–29px 줄간격을 기준으로 삼고, 모바일에서는 1.7배 이상으로 조금 더 여유를 주는 것이 좋습니다.

줄간격이 너무 좁으면 줄이 겹쳐 보이고, 너무 넓으면 문단이 산만해집니다. 긴 문서에서는 문단 사이에 추가 여백을 0.5em 정도 더 주는 방식으로 계층을 구분하면 독자가 피로 없이 읽을 수 있습니다. 인쇄물에서는 종이 재질과 잉크 번짐을 고려해 디지털보다 0.1–0.2배 더 넓게 설정하는 경우가 많습니다.

문단 구성과 줄바꿈 규칙

한글 문장은 주로 35–45자 내외에서 줄바꿈을 하는 것이 가장 자연스럽습니다. 이보다 짧으면 호흡이 끊기고, 길어지면 눈이 쉽게 피로해집니다. 웹에서는 CSS의 max-width를 65ch 정도로 제한하고, text-wrap: pretty를 활용하면 자동 줄바꿈 품질을 높일 수 있습니다.

인용구나 강조 문장은 별도의 들여쓰기나 좌측 여백을 주어 시각적 구분을 명확히 합니다. 목록 항목이 길어질 때는 각 항목 끝에 마침표를 붙여 문장 단위로 인식하게 하는 것이 좋습니다. 줄바꿈이 부자연스러운 경우에는 강제 줄바꿈 대신 문장을 다듬는 편이 전체 가독성에 유리합니다.

명도 대비와 색상 활용 방법

텍스트와 배경의 명도 차이는 WCAG 2.1 기준 AA 등급(4.5:1 이상)을 충족하는 것이 기본입니다. 2026년 현재 대부분의 디자인 시스템은 본문에 #1f2937 또는 #111827 계열의 어두운 회색을 사용하며, 배경은 #ffffff 또는 #f8fafc를 조합합니다. 밝은 배경에 밝은 텍스트를 쓰는 경우는 거의 없습니다.

색상을 사용할 때는 본문에는 채도가 낮은 색을, 링크나 강조에는 채도가 높은 색을 배정하는 것이 효과적입니다. 다크 모드에서는 배경을 #0f172a, 텍스트를 #e2e8f0 수준으로 높여 대비를 유지해야 합니다. 색각 이상자를 고려해 색상만으로 정보를 전달하지 않고, 굵기나 밑줄을 함께 사용하는 것이 권장됩니다.

도구별 추천 설정과 실전 체크리스트

자주 묻는 질문

한글 타이포그래피에서 가장 먼저 조정해야 할 요소는 무엇인가요?

자간과 줄간격을 동시에 확인하는 것이 가장 효과적입니다. 두 요소를 먼저 다듬으면 전체적인 호흡이 살아나며, 이후 대비와 서체를 세부 조정하면 완성도가 높아집니다.

모바일과 데스크톱에서 동일한 설정을 사용해도 될까요?

권장하지 않습니다. 모바일은 화면 폭이 좁기 때문에 줄간격을 0.1–0.2배 더 넓히고, 최대 줄 길이를 40자 내외로 제한하는 것이 읽기 편합니다.

무료 서체로도 충분한 가독성을 확보할 수 있나요?

Pretendard, Noto Sans KR, IBM Plex Sans KR 등 검증된 무료 서체는 상업용 프로젝트에서도 충분히 사용 가능합니다. 다만 라이선스와 숫자 정렬 품질은 반드시 확인해야 합니다.

인쇄물과 웹에서 줄간격 기준이 다른 이유는 무엇인가요?

인쇄물은 종이 재질과 잉크 번짐 때문에 디지털보다 여유를 더 두는 것이 일반적입니다. 웹은 픽셀 단위로 정확히 제어할 수 있어 상대적으로 촘촘한 설정이 가능합니다.

색각 이상자를 고려한 대비 설정은 어떻게 하나요?

색상 대비 외에 텍스트 굵기나 밑줄을 함께 사용하는 것이 가장 확실합니다. 또한 색상만으로 의미를 전달하지 않고, 아이콘이나 패턴을 보조로 활용하는 것이 좋습니다.

결론

한글 타이포그래피 가독성은 서체 선택부터 자간, 줄간격, 대비까지 여러 요소가 유기적으로 작용할 때 극대화됩니다. 위에서 소개한 다섯 가지 원칙을 실제 프로젝트에 적용해 보면 독자가 훨씬 편안하게 콘텐츠를 소비할 수 있습니다. 타이포그라피 노트에서는 실무에 바로 쓸 수 있는 체크리스트와 템플릿을 지속적으로 업데이트하고 있으니, 구체적인 적용이 필요하시면 언제든 문의해 주세요.