웹 디자인 시안을 만드는데 본문 자리가 비어 있으면 전체 레이아웃이 어떤 느낌인지 판단하기 어렵다. 실제 원고가 아직 없을 때 자리를 채워주는 게 더미 텍스트, 즉 로렘 입숨(Lorem Ipsum)이다.
로렘 입숨은 어디서 왔을까
"Lorem ipsum dolor sit amet..."으로 시작하는 이 문장은 기원전 45년경 키케로가 쓴 라틴어 철학서에서 따온 것이다. 1960년대부터 인쇄 업계에서 조판 샘플로 쓰기 시작했고, 지금은 웹/앱 디자인의 표준 더미 텍스트가 됐다. 라틴어라서 읽는 사람이 내용에 신경 쓰지 않고 디자인 자체에 집중할 수 있다는 장점이 있다.
라틴어 vs 한글 더미 텍스트
| 구분 | 라틴어 (Lorem Ipsum) | 한글 더미 텍스트 |
|---|---|---|
| 장점 | 내용에 시선이 안 가서 레이아웃 평가에 유리 | 실제 한글 폰트의 줄 간격, 자간을 정확히 확인 가능 |
| 단점 | 한글 폰트 렌더링 확인 불가 | 내용을 읽게 돼서 디자인 집중도 떨어짐 |
| 추천 상황 | 와이어프레임, 초기 시안 | 한글 타이포그래피 확인, 최종 시안 |
한글 웹사이트를 만든다면 최종 시안에서는 한글 더미 텍스트를 넣어보는 게 좋다. 한글은 라틴어보다 줄 높이와 자간이 다르기 때문에 실제 배포 후 느낌이 달라질 수 있다.
더미 텍스트를 빠르게 만드는 법
더미 텍스트 생성기에서 라틴어 또는 한글을 선택하고, 단락/문장/단어 중 원하는 단위와 개수를 정하면 바로 생성된다. 프리셋 버튼(1단락, 3단락, 5단락, 50단어, 100단어 등)이 있어서 클릭 한 번이면 끝이다.
TIP HTML <p> 태그 포함 옵션을 켜면 생성된 텍스트가 단락 태그로 감싸져 나온다. 퍼블리싱 작업 중이라면 이 옵션을 켜고 복사하면 코드에 바로 붙여넣을 수 있다.
어떤 작업에서 쓸까
- 웹 디자인 시안 — 피그마, 스케치에서 텍스트 영역을 채울 때
- 퍼블리싱 — HTML/CSS 코딩 중 본문 레이아웃을 테스트할 때
- 인쇄물 — 브로셔, 카탈로그 시안에서 텍스트 분량을 맞출 때
- 프레젠테이션 — 슬라이드 템플릿에 임시 텍스트를 넣을 때
원고가 나오기 전에 레이아웃부터 확인하고 싶다면 더미 텍스트를 쓰는 게 정답이다. 대충 "가나다라" 반복으로 채우는 것보다 실제 문장 구조를 가진 텍스트가 디자인 판단에 더 도움이 된다.