웹 디자인 시안을 만들 때 본문 영역에 뭔가를 채워야 한다. 실제 원고가 아직 없으니 아무 글이나 넣어야 하는데, "여기에 텍스트가 들어갑니다"를 반복하면 레이아웃 확인이 어렵다. 이럴 때 쓰는 게 로렘 입숨(Lorem Ipsum)이다.
로렘 입숨이 뭔가
"Lorem ipsum dolor sit amet, consectetur adipiscing elit..."로 시작하는 라틴어 더미 텍스트다. 인쇄 업계에서 1500년대부터 레이아웃 샘플용으로 써왔고, 지금은 웹/앱 디자인 시안의 표준 채움 텍스트로 쓰인다.
실제 라틴어 문장이 아니라 키케로의 문헌에서 일부를 발췌해 변형한 것이다. 의미가 없기 때문에 디자인 리뷰 시 텍스트 내용에 신경 쓰지 않고 레이아웃에만 집중할 수 있다는 장점이 있다.
라틴어 vs 한글 더미 텍스트
한글 사이트를 디자인한다면 라틴어 로렘 입숨보다 한글 더미 텍스트가 현실적이다. 한글과 영문은 글자 폭, 줄간격, 줄바꿈 위치가 다르기 때문이다.
| 구분 | 라틴어 로렘 입숨 | 한글 더미 텍스트 |
|---|---|---|
| 글자 폭 | 좁음 (가변폭) | 넓음 (균등폭에 가까움) |
| 줄바꿈 | 단어 단위 | 글자 단위 |
| 적합한 용도 | 영문 사이트, 해외 클라이언트 | 국내 사이트, 한글 레이아웃 확인 |
| 내용 인식 | 의미 없는 라틴어라 무시 가능 | 문장이 자연스러워서 가독성 테스트도 가능 |
더미 텍스트 생성하기
로렘 입숨 생성기에서 라틴어와 한글 중 원하는 언어를 고르고, 단락 수나 문장 수를 지정하면 바로 생성된다. 5단락이 필요하면 5를 입력하고 생성 버튼을 누르면 끝이다.
- 단락 단위 : 블로그 본문, 기사 레이아웃 시안에 적합하다
- 문장 단위 : 캡션, 설명문, 카드 UI 텍스트에 알맞다
- 단어 단위 : 버튼 라벨, 메뉴명 등 짧은 텍스트가 필요할 때 쓴다
TIP HTML 태그 포함 옵션을 켜면 <p> 태그가 자동으로 감싸진 상태로 출력된다. 퍼블리싱 작업 중이라면 복사해서 바로 붙여넣을 수 있어서 편하다.
실무에서 더미 텍스트 쓸 때 주의할 점
- 최종 납품물에 남기지 말 것 : 시안에서 실제 콘텐츠로 교체하는 걸 빼먹는 사고가 간혹 발생한다. 배포 전 "Lorem"으로 전체 검색을 돌려보자
- 실제 분량과 비슷하게 맞출 것 : 더미 텍스트가 너무 짧거나 길면 실제 콘텐츠 적용 시 레이아웃이 무너진다
- 다국어 사이트는 해당 언어로 : 일본어, 중국어 사이트라면 해당 언어 더미 텍스트를 쓰는 게 정확하다
디자인 시안에 "텍스트 영역"이라고 적어두는 것보다 실제 분량의 더미 텍스트를 넣는 편이 클라이언트 소통에도, 레이아웃 검증에도 훨씬 낫다.