{3줄 요약}

긴 글은 쓰는 것만큼 설계하는 것도 중요해요. 구조와 리듬이 없으면 독자는 중간에 읽기를 포기해요.
사람들은 긴 글을 처음부터 끝까지 읽지 않아요. 먼저 스캔하고, 관심 있는 부분만 깊이 읽어요.
이 패턴에 맞게 설계해야 해요. 문단 길이, 소제목 위치, 강조 요소의 밀도 - 이 세 가지가 긴 글의 읽기 경험을 결정해요.

스크롤이 긴 기사·설명·FAQ를 화면에 올릴 때

긴 글 디자인은 콘텐츠가 800자를 넘거나, 여러 섹션으로 구성될 때 써요.

뉴스 기사, 블로그 포스트, 제품 설명 페이지, 고객센터 FAQ, 온보딩 가이드 - 이런 형태의 콘텐츠를 화면에 올릴 때 적용해요.

이 방법이 필요 없는 경우: 버튼 레이블, 짧은 안내 메시지, 카드 제목처럼 짧고 스캔용인 텍스트. 그건 UI Typography 기준으로 처리해요.

단계별 실행 방법

1단계: 독자의 스캔 패턴을 먼저 이해하기

Jakob Nielsen의 eyetracking 연구에 따르면 사람들은 웹 텍스트를 F자 패턴으로 읽어요.
첫 문단을 가로로 읽고, 두 번째 줄쯤에서 더 짧게 읽고, 이후에는 왼쪽 가장자리를 세로로 훑어요.

이 사실이 긴 글 설계에 주는 함의:

  • 중요한 정보는 앞에: 첫 문단, 각 섹션의 첫 줄이 가장 많이 읽혀요.
  • 소제목이 스캔의 닻이에요: 스캔하는 독자가 관심 있는 부분을 찾는 기준점이 돼요.
  • 왼쪽 정렬이 유리해요: 세로 스캔이 왼쪽 여백을 따라가기 때문이에요.

2단계: 문단 길이 조절하기

긴 문단은 읽기 장벽이에요.
빽빽한 텍스트 덩어리를 보면 독자는 "다 읽어야 해?"라는 부담을 먼저 느껴요.

모바일에서 문단 기준: 3~5줄.
데스크탑에서는 5~8줄.
이 이상 길어지면 쪼개는 걸 고려해요.

문단을 쪼갤 때 주의할 점: 단순히 줄만 바꾸는 게 아니라, 생각의 단위로 나눠야 해요.
억지로 자르면 오히려 흐름이 끊겨요.

카카오 브런치의 베스트 글을 보면 대부분 짧은 문단을 많이 씁니다.
"한 생각 = 한 문단" 원칙이 여기서도 통해요.

3단계: 소제목으로 지도 만들기

긴 글에서 소제목(H2, H3)은 독자에게 "지금 이 글의 어느 부분에 있다"는 지도를 줘요.

좋은 소제목의 조건:

  • 글 전체를 대표하는 제목이 아니라, 그 섹션에서 독자가 얻는 것을 말해요: "개요"나 "배경"이 아니라 "왜 이 방법이 필요한가"처럼요.
  • 스캔할 때 구별돼요: 소제목만 읽으면 글 전체의 흐름이 파악될 정도면 좋아요.
  • 너무 많지 않아요: 800자짜리 글에 소제목이 6개 이상이면 과해요.

네이버 블로그나 brunch의 긴 글 중 읽기 편한 것들을 보면, 소제목이 질문 형태거나 구체적인 행동·결과를 담고 있어요.

4단계: 강조 요소 전략적으로 쓰기

Bold, 인용 블록, 리스트, 이미지 - 이런 요소들이 긴 글에서 리듬을 만들어요.
하지만 남발하면 반대 효과가 나요.

Bold: 문단당 1~2개 핵심 어구만.
전체가 Bold이면 아무것도 강조 안 돼요.

리스트(불릿, 번호): 4개 이상의 항목을 나열할 때, 또는 순서가 있는 단계를 설명할 때 효과적이에요.
2~3개짜리 리스트는 그냥 문장으로 쓰는 게 나은 경우가 많아요.

인용 블록: 다른 출처의 인용, 또는 글 전체를 대표하는 핵심 문장에 써요.
남용하면 "이 글에서 정말 중요한 게 뭔지 모르겠다"는 느낌이 생겨요.

소제목 간격: 소제목 전후에 충분한 여백이 없으면 소제목이 위 섹션에 붙어 보여요.
소제목 위에 아래보다 더 많은 여백을 줘야 "새 섹션의 시작"이라는 신호가 돼요.

5단계: 읽기 환경 최적화하기

긴 글 컨테이너의 최대 너비: 700~760px (16px 본문 기준).
이보다 넓으면 한 줄이 너무 길어져요.

행간: 1.6~1.8.
긴 글일수록 행간이 넉넉해야 줄을 잃지 않아요.

배경색: 순백(#FFFFFF)보다 약간 따뜻한 색(#FAFAF8 정도)이 장시간 독서 피로를 줄여준다는 연구가 있어요.
브런치, Medium이 이런 배경을 써요.

하지 말아야 할 것

첫 문단에 배경·서론만 쓰지 마세요: 독자는 "이 글이 나에게 유용한가"를 첫 문단에서 판단해요.
배경 설명으로 시작하면 많은 독자가 이탈해요.

소제목을 생략한 긴 글을 쓰지 마세요: 아무리 잘 쓴 글도 소제목이 없으면 스캔이 불가능해요.

이미지를 텍스트 흐름과 관계없이 배치하지 마세요: 이미지는 텍스트가 설명하는 내용 바로 근처에 와야 해요.
이미지가 설명보다 멀리 있으면 독자는 이미지와 설명을 연결하지 못해요.

실행 후 확인하기

  • 글의 첫 문단에 핵심 내용이 들어 있나요?
  • 소제목만 읽어도 글의 흐름이 파악되나요?
  • 문단 길이가 모바일 기준 5줄 이내로 유지되나요?
  • 본문 컨테이너 너비가 700~760px 이하인가요?
  • 스마트폰에서 직접 읽어봤나요?

가독성의 기술적 기준은 가독성의 원리에서, UI 텍스트 작성 원칙과의 연결은 Interface 텍스트 디자인에서 다뤄요.

관련 아티클

참고 문헌

  • Sarah Richards, 《Content Design》(2017) - 독자 스캔 패턴에 맞게 콘텐츠를 구조화하는 방법의 핵심 레퍼런스예요.
  • Robert Bringhurst, 《The Elements of Typographic Style》(1992) - 긴 글 타이포그래피의 고전적 기준이에요.