웹 디자인 시안을 보여줄 때 본문 자리에 실제 원고가 아직 없는 경우가 많다. 이때 "여기에 텍스트가 들어갑니다"를 반복해서 채우면 시안 자체가 어색해진다. 그래서 쓰는 게 로렘 입숨이다.
로렘 입숨이 뭔가
"Lorem ipsum dolor sit amet, consectetur adipiscing elit..."로 시작하는 라틴어 텍스트다. 기원전 45년 로마 철학자 키케로의 저작에서 유래했으며, 1500년대 인쇄업자들이 활자 배열 샘플로 사용하면서 지금까지 이어지고 있다.
실제 라틴어 문법과는 약간 다르게 변형된 상태라 의미를 해독할 필요가 없다. 그게 핵심이다. 읽히는 텍스트를 넣으면 보는 사람이 내용에 집중하게 되고, 디자인 레이아웃 자체에 대한 피드백을 받기 어려워진다.
왜 의미 없는 텍스트를 쓰나
- 디자인에 집중시키기 위해
- 클라이언트가 시안을 볼 때 "이 문장 좀 바꿔주세요"가 아니라 "레이아웃이 좋네요"라는 반응을 이끌어내야 한다. 의미 없는 텍스트가 그 역할을 한다.
- 실제 텍스트와 비슷한 분포
- 로렘 입숨은 단어 길이와 문장 길이의 분포가 영어 텍스트와 유사하다. 그래서 실제 원고가 들어갔을 때와 비슷한 시각적 인상을 준다.
- 업계 표준
- 디자이너, 개발자, 출판 종사자 모두 로렘 입숨을 알고 있다. "더미 텍스트"라고 별도로 설명할 필요가 없다.
한글 더미 텍스트가 필요한 경우
한글 웹사이트를 디자인할 때는 라틴어 로렘 입숨이 적합하지 않을 수 있다. 한글은 글자 하나의 너비와 높이가 영문과 다르고, 줄바꿈 위치도 달라진다. 실제 한글이 들어갔을 때 레이아웃이 어떻게 보일지 확인하려면 한글 더미 텍스트를 쓰는 게 정확하다.
사용 방법
더미 텍스트 생성기에서 언어(라틴어 또는 한글)를 선택하고, 생성 단위와 수량을 지정하면 바로 결과가 나온다.
| 생성 단위 | 적합한 용도 | 예시 수량 |
|---|---|---|
| 단락 | 블로그 본문, 기사, 설명 영역 | 3~5개 |
| 문장 | 캡션, 부제목, 짧은 설명 | 2~10개 |
| 단어 | 버튼 텍스트, 네비게이션, 태그 | 5~20개 |
HTML 태그를 포함한 상태로 생성할 수도 있어서, 퍼블리싱 작업 시 <p> 태그가 붙은 텍스트를 바로 복사해서 쓸 수 있다.
프리셋으로 빠르게 생성하기
"블로그 포스트 분량" "짧은 설명" "카드 텍스트" 같은 프리셋을 선택하면 수량 설정 없이 한 번에 적절한 분량이 생성된다. 시안 작업할 때 세세하게 수량을 정할 시간이 없을 때 편리하다.
TIP 최종 납품 시 로렘 입숨이 남아 있으면 안 된다. 배포 전에 "Lorem"으로 전체 검색(Ctrl+F)해서 더미 텍스트가 실제 콘텐츠로 교체되었는지 반드시 확인하자. 의외로 로렘 입숨이 그대로 남아 있는 라이브 사이트가 있다.
디자인 시안은 레이아웃이 주인공이다. 텍스트가 시선을 뺏지 않도록 더미 텍스트로 채우고, 실제 원고가 확정되면 그때 교체하면 된다.