웹 디자인 시안을 만들 때 텍스트 영역을 비워두면 전체 레이아웃이 어떻게 보이는지 파악하기 어렵다. 그렇다고 실제 콘텐츠가 완성될 때까지 기다릴 수도 없다. 이럴 때 자리를 채워 넣는 임시 텍스트가 로렘 입숨(Lorem Ipsum)이다.
로렘 입숨은 왜 라틴어인가
"Lorem ipsum dolor sit amet..."으로 시작하는 이 문장은 기원전 45년 키케로의 라틴어 문헌에서 따온 것이다. 의미 없는 텍스트를 쓰는 이유는 단순하다. 읽을 수 있는 글이 들어가면 사람들이 디자인보다 내용에 집중하기 때문이다.
참고 로렘 입숨은 인쇄 업계에서 1500년대부터 써왔다. 디지털 시대에도 웹, 앱, 인쇄물 시안에서 동일한 목적으로 쓰인다.
라틴어 vs 한글 더미 텍스트
라틴어 로렘 입숨은 국제적으로 통용되지만, 한글 프로젝트에서는 한계가 있다. 한글은 글자 폭이 영문과 다르고, 줄바꿈 위치도 달라져서 실제 콘텐츠와 레이아웃이 달라질 수 있다.
| 항목 | 라틴어 로렘 입숨 | 한글 더미 텍스트 |
|---|---|---|
| 글자 폭 | 좁음 (영문 기준) | 넓음 (한글 기준) |
| 줄바꿈 | 단어 단위 | 음절 단위 가능 |
| 적합한 용도 | 영문 사이트, 글로벌 시안 | 한국어 사이트, 국내 프로젝트 |
| 가독성 테스트 | 폰트 스타일 확인 | 한글 폰트 렌더링 확인 |
한국어 서비스를 디자인한다면 한글 더미 텍스트를 쓰는 편이 실제에 가까운 시안을 만들 수 있다.
더미 텍스트 생성하고 복사하는 법
- 언어 선택: 로렘 입숨 생성기에서 라틴어 또는 한글을 선택한다.
- 단위 설정: 단락, 문장, 단어 중 원하는 단위를 고른다. 블로그 본문 시안이면 단락 3~5개, 제목 시안이면 단어 5~10개가 적당하다.
- 개수 입력: 필요한 만큼 숫자를 넣고 생성 버튼을 누르면 바로 결과가 나온다.
- 복사: 결과를 클립보드에 복사해서 피그마, 스케치, HTML에 붙여넣으면 된다.
실무 활용 팁
- HTML 태그 옵션: <p> 태그를 자동으로 감싸주는 옵션이 있다. 퍼블리싱 작업 중이라면 이 옵션을 켜면 태그를 직접 쓸 필요가 없다.
- 분량 맞추기: 실제 콘텐츠의 예상 분량과 비슷하게 더미 텍스트를 넣어야 한다. 너무 짧거나 길면 레이아웃이 달라 보인다.
- 다양한 길이 테스트: 사용자가 입력하는 텍스트는 길이가 일정하지 않다. 짧은 텍스트와 긴 텍스트를 번갈아 넣어서 레이아웃이 깨지지 않는지 확인하자.
디자인 시안에 "여기에 텍스트가 들어갑니다"라고 쓰면 클라이언트가 그걸 실제 문구로 오해하기도 한다. 로렘 입숨을 쓰면 임시 텍스트라는 것이 명확하게 전달된다.