웹사이트 시안을 만들고 있는데, 아직 원고가 도착하지 않았다. 레이아웃에 텍스트 자리를 비워두면 클라이언트가 완성된 느낌을 못 받는다. 의미 없는 텍스트라도 채워 넣어야 시안이 살아난다.
로렘 입숨이 뭔가
"Lorem ipsum dolor sit amet..."으로 시작하는 라틴어 텍스트다. 1500년대 인쇄업에서 처음 쓰이기 시작했고, 지금은 웹디자인, 앱 UI, 인쇄물 레이아웃 작업에서 표준 더미 텍스트로 쓰인다.
의미가 있는 한글 텍스트를 넣으면 클라이언트가 디자인보다 내용에 집중하게 된다. 로렘 입숨처럼 읽히지 않는 텍스트를 넣으면 글꼴, 줄간격, 레이아웃 같은 디자인 요소에 시선이 간다.
언제 쓰면 좋은가
| 상황 | 활용법 |
|---|---|
| 웹디자인 시안 | 본문 영역을 더미 텍스트로 채워서 레이아웃 확인 |
| 앱 UI 목업 | 카드, 리스트 등 반복 컴포넌트에 텍스트 삽입 |
| 인쇄물 편집 | 카탈로그, 브로셔의 텍스트 영역 크기 확인 |
| 프레젠테이션 | 슬라이드 레이아웃 테스트 |
| 개발 테스트 | 긴 텍스트가 UI를 깨뜨리는지 확인 |
라틴어 vs 한글 더미 텍스트
라틴어 로렘 입숨은 글로벌 프로젝트에 적합하다. 한글 프로젝트라면 한글 더미 텍스트를 쓰는 게 더 현실적인 결과를 보여준다. 한글은 글자 폭, 줄바꿈 위치가 라틴어와 다르기 때문에, 한글 시안에 라틴어를 넣으면 실제와 레이아웃이 달라질 수 있다.
TIP 한글 프로젝트에서는 한글 더미 텍스트, 영문 프로젝트에서는 라틴어 로렘 입숨을 쓰는 게 레이아웃 정확도가 높다.
생성 옵션 활용
더미 텍스트 생성기에서는 단락, 문장, 단어 단위로 필요한 만큼 생성할 수 있다. HTML <p> 태그를 자동으로 감싸주는 옵션도 있어서, 생성한 텍스트를 그대로 코드에 붙여넣을 수 있다.
- 단락 단위: 블로그 본문, 상세 페이지처럼 긴 텍스트가 필요할 때
- 문장 단위: 카드 설명, 리스트 항목처럼 짧은 텍스트가 필요할 때
- 단어 단위: 버튼 레이블, 제목처럼 정확한 분량이 필요할 때
더미 텍스트 하나 제대로 넣는 것만으로 시안의 완성도가 달라진다. 빈 칸보다 채워진 레이아웃이 설득력이 있다.