긴 글을 읽게 만드는 본문 레이아웃

긴 글을 읽게 만드는 본문 레이아웃

같은 글인데 어떤 화면에서는 끝까지 읽히고 어떤 화면에서는 몇 줄 만에 나갑니다.

내용의 차이가 아니라 배치의 차이입니다.

화면이 넓다고 본문을 끝까지 늘리면 한 줄이 너무 길어집니다. 다음 줄로 넘어갈 때 눈이 길을 잃어 읽기가 힘들어집니다.

본문 영역에 최대 폭을 정하고 가운데 정렬하는 것이 기본입니다.

종이에서는 긴 문단이 자연스럽지만, 화면에서는 부담스럽습니다. 문단이 길면 덩어리처럼 보여 읽기 전에 포기합니다.

종이의 한 문단이 화면에서는 두세 문단이 되는 것이 적당합니다.

글만 계속 이어지면 지칩니다. 중간중간 다른 형태의 요소를 넣으면 호흡이 생깁니다.

이미지, 인용, 박스, 구분선 같은 것들입니다.

PC에서 적당해 보이는 문단이 모바일에서는 화면을 가득 채웁니다. 한 화면에 문단 하나가 겨우 들어가는 경우도 있습니다.

긴 글일수록 모바일에서 확인하는 것이 중요합니다.