List

행간·자간이 읽기 속도에 미치는 영향

#웹가이드

Web Guide행간자간가독성
행간·자간이 읽기 속도에 미치는 영향
같은 글인데 어떤 화면에서는 술술 읽히고 어떤 화면에서는 답답합니다.
글자 사이와 줄 사이의 간격 차이입니다. 한글은 특히 이 설정에 민감합니다.
행간·자간이 읽기 속도에 미치는 영향 관련 사진
01행간이 가장 중요하다
줄과 줄 사이 간격입니다. 좁으면 줄이 뭉쳐 보여 다음 줄을 찾기 어렵고, 너무 넓으면 한 덩어리로 안 보여 흩어집니다.
한글은 영문보다 글자가 복잡해 조금 더 넉넉한 행간이 필요합니다.
행간이 좁을 때
줄이 뭉쳐 보임 · 다음 줄을 찾기 어려움 · 답답한 인상 · 긴 글에서 특히 피로
행간이 적절할 때
줄이 구분됨 · 시선이 자연스럽게 이동 · 여유로운 인상 · 긴 글도 읽힘
02용도별 기준
모든 텍스트에 같은 행간을 쓰면 안 됩니다. 긴 본문과 짧은 제목의 적정 행간이 다릅니다.
제목처럼 큰 글자는 행간을 좁게, 본문처럼 작은 글자는 넉넉하게 하는 것이 원칙입니다.
긴 본문
가장 넉넉하게. 글자 크기의 1.7~1.8배 정도.
일반 본문
1.5~1.7배. 대부분의 설명 텍스트.
제목
1.2~1.4배. 큰 글자는 좁게 해야 한 덩어리로 보입니다.
짧은 문구
버튼, 라벨. 한 줄이면 행간이 의미 없습니다.
목록
항목 사이 간격을 행간보다 넓게 해 항목을 구분합니다.
03자간은 조심해서
글자와 글자 사이 간격입니다. 한글에서 자간을 좁히면 세련되어 보이는 효과가 있어 자주 쓰이지만, 과하면 읽기 어려워집니다.
제목처럼 큰 글자는 조금 좁히는 편이 낫고, 본문은 기본값을 유지하는 것이 안전합니다.
1
제목
약간 좁히면 단정해 보입니다. 과하면 글자가 붙어 보입니다.
2
본문
기본값 유지. 좁히면 긴 글에서 피로가 커집니다.
3
작은 글자
오히려 조금 넓히는 편이 읽기 편합니다.
4
영문 혼용
한글과 영문의 적정 자간이 다릅니다. 섞이면 확인이 필요합니다.
5
확인 방법
실제 원고를 넣고 한 화면 분량을 읽어 봅니다.
04한 줄 길이도 함께 본다
행간을 잘 잡아도 한 줄이 너무 길면 다음 줄을 찾기 어렵습니다. 화면이 넓다고 본문을 화면 끝까지 늘리면 읽기 어려워집니다.
본문 영역에 최대 폭을 정해 두는 것이 원칙입니다.
적정 길이
한 줄에 한글 기준 30~45자 정도가 편합니다.
최대 폭 설정
화면이 넓어도 본문은 일정 폭 이상 늘어나지 않게 합니다.
이미지와 나란히
본문 폭이 좁아지면 행간을 조금 줄여도 됩니다.
모바일
화면이 좁아 자연스럽게 적정 길이가 됩니다. 좌우 여백만 확보합니다.
확인
실제 원고로 한 문단을 읽어 보는 것이 가장 확실합니다.
CHECK POINT
□  본문 행간이 글자 크기의 1.5배 이상인가
□  제목 행간이 본문보다 좁은가
□  본문 자간을 과하게 좁히지 않았는가
□  작은 글자의 자간이 답답하지 않은가
□  본문 한 줄 길이가 적정 범위인가
□  본문 영역에 최대 폭이 설정되어 있는가
□  실제 원고로 한 문단을 읽어 확인했는가
한글은 영문보다 넉넉한 행간이 필요합니다.
행간을 잘 잡아도 한 줄이 너무 길면 읽기 어렵습니다.
#행간#자간#가독성#타이포그래피#본문 폭#한글 조판#읽기 편의#홈페이지 디자인#웹비스타#홈페이지 제작
목록보기