웹 디자인 시안을 만들 때 본문 영역에 뭘 넣어야 할지 고민된다. 실제 콘텐츠가 아직 없으니 임시로 텍스트를 채워야 하는데, "텍스트 여기에 들어갑니다"를 반복하면 레이아웃이 어색해 보인다. 이때 쓰는 게 더미 텍스트다.
Lorem Ipsum이란
Lorem Ipsum은 16세기부터 인쇄업계에서 쓰던 라틴어 기반 더미 텍스트다. 의미 없는 단어 배열이라 디자인을 볼 때 텍스트 내용에 시선이 끌리지 않는다. 폰트 크기, 줄 간격, 여백 같은 시각적 요소에 집중할 수 있는 게 핵심이다.
참고 "Lorem ipsum dolor sit amet..."으로 시작하는 문장은 기원전 45년 키케로의 글에서 유래했다. 원문 라틴어를 변형한 것이라 실제 라틴어 문법과는 다르다.
한글 더미 텍스트가 필요할 때
한국어 서비스를 디자인할 때는 라틴어 더미 텍스트가 어울리지 않는다. 한글은 영문보다 글자당 차지하는 공간이 크고, 줄바꿈 위치도 다르기 때문이다. 한글 더미 텍스트를 넣으면 실제 서비스에 가까운 레이아웃을 미리 확인할 수 있다.
원하는 분량만큼 생성하는 법
Lorem Ipsum 생성기에서 라틴어와 한글 중 언어를 선택하고, 단락, 문장, 단어 단위로 분량을 지정하면 더미 텍스트가 즉시 생성된다. HTML <p> 태그를 자동으로 붙이는 옵션이 있어서 퍼블리싱 작업에 바로 복사해서 쓸 수 있다.
- 단락 단위: 블로그 본문, 기사 레이아웃 시안
- 문장 단위: 카드 컴포넌트, 설명 문구 영역
- 단어 단위: 버튼 텍스트, 짧은 라벨
빠른 생성 프리셋도 있어서, 자주 쓰는 분량은 버튼 하나로 바로 뽑을 수 있다. 시안 작업할 때마다 텍스트 채우느라 시간 쓸 필요가 없다.