피그마로 랜딩 페이지 시안을 잡고 있는데, 본문 영역에 뭘 넣어야 할지 모르겠다. 실제 카피가 아직 안 나왔으니 임시로 채울 텍스트가 필요하다. 이럴 때 쓰는 게 "Lorem Ipsum"이다.
Lorem Ipsum, 왜 쓰는 걸까
시안에 실제 문장을 넣으면 클라이언트가 레이아웃 대신 글 내용을 먼저 읽고 수정 요청을 보낸다. 더미 텍스트는 의미 없는 문장이기 때문에 시선이 디자인 자체(폰트 크기, 줄 간격, 여백)에 집중된다.
Lorem Ipsum은 기원전 45년 키케로의 라틴어 문헌에서 유래했다. 1500년대 인쇄업자들이 활자 배열을 시험할 때 이 텍스트를 사용하기 시작했고, 디지털 시대에도 그대로 이어지고 있다.
한글 더미 텍스트도 있다
라틴어 Lorem Ipsum은 영문 폰트 시안에는 적합하지만, 한글 레이아웃을 잡을 때는 한글 더미 텍스트가 더 정확하다. 한글은 글자당 차지하는 폭이 영문과 다르기 때문에, 한글 텍스트를 넣어봐야 줄 바꿈 위치와 단락 높이를 제대로 확인할 수 있다.
얼마나 넣어야 적당한가
영역 크기에 따라 필요한 양이 다르다. 아래는 대략적인 기준이다.
- 히어로 섹션 소개글 — 2~3문장 (50~80단어)
- 블로그 본문 영역 — 3~5단락
- 카드 UI 설명 — 1~2문장
- 긴 약관/정책 페이지 — 10단락 이상
로렘 입숨 생성기에서 단락, 문장, 단어 단위로 원하는 만큼 뽑을 수 있다. 한글과 라틴어를 전환할 수 있고, 1단락/3단락/5단락 같은 프리셋 버튼이 있어서 한 번의 클릭으로 바로 복사된다.
TIP HTML <p> 태그를 자동으로 감싸는 옵션을 켜면 퍼블리싱 작업 시 텍스트를 그대로 붙여넣을 수 있다. 단락마다 수동으로 태그를 넣을 필요가 없다.
더미 텍스트 사용 시 주의할 점
최종 납품물에 Lorem Ipsum이 남아 있으면 곤란하다. 실제로 대형 사이트에서 더미 텍스트가 그대로 노출된 사례가 종종 보도된다. QA 과정에서 "Lorem"을 검색해서 남은 게 없는지 반드시 확인해야 한다.
디자인 시안은 결국 완성된 콘텐츠로 교체된다. 더미 텍스트는 그 전까지 레이아웃을 현실적으로 보여주는 도구일 뿐이다. 필요한 만큼만 생성해서 쓰고, 최종 단계에서 빠짐없이 교체하면 된다.