피그마에서 레이아웃을 잡았는데, 텍스트 영역이 비어 있으면 전체 균형을 판단하기 어렵다. 실제 원고가 아직 없을 때 자리를 채워주는 텍스트가 로렘 입숨(Lorem Ipsum)이다.
로렘 입숨이 뭔가
로렘 입숨은 인쇄와 조판 업계에서 500년 넘게 쓰여온 표준 더미 텍스트다. 라틴어처럼 보이지만 실제 라틴어 문장은 아니고, 키케로의 글에서 단어를 섞어 만든 것이다. 의미가 없는 텍스트라서, 디자인을 볼 때 내용에 시선을 빼앗기지 않는다는 장점이 있다.
참고 "Lorem ipsum dolor sit amet, consectetur adipiscing elit..."로 시작하는 문장이 가장 유명하다. 이 텍스트는 기원전 45년경 키케로가 쓴 "de Finibus Bonorum et Malorum"에서 유래했다.
로렘 입숨 vs 한글 더미 텍스트
영문 디자인에는 라틴어 로렘 입숨이 적합하지만, 한글 웹사이트를 만들 때는 한글 더미 텍스트가 더 정확하다. 한글은 글자 폭, 줄 간격, 줄바꿈 위치가 영문과 다르기 때문이다.
| 구분 | 라틴어 로렘 입숨 | 한글 더미 텍스트 |
|---|---|---|
| 용도 | 영문/다국어 디자인 | 한국어 웹사이트 |
| 장점 | 업계 표준, 익숙함 | 실제 한글 레이아웃에 가까운 결과 |
| 단점 | 한글 줄바꿈 패턴과 다름 | 표준화되지 않음 |
더미 텍스트 만드는 법
- 언어 선택: 로렘 입숨 생성기에서 라틴어 또는 한글을 선택한다.
- 단위 설정: 단락, 문장, 단어 중 원하는 단위를 고른다. 웹 페이지 본문은 단락, 버튼이나 라벨은 단어 단위가 적합하다.
- 개수 입력: 필요한 분량만큼 숫자를 넣고 생성 버튼을 누른다. HTML <p> 태그를 자동으로 감싸는 옵션도 있어서, 복사 후 바로 코드에 붙여넣을 수 있다.
더미 텍스트 활용 팁
- 본문 레이아웃 확인 시 3~5단락이 적당하다. 너무 적으면 스크롤 테스트가 안 된다.
- 반응형 디자인 검토 시에는 짧은 텍스트(1~2문장)와 긴 텍스트(5단락)를 번갈아 넣어서 극단적인 상황도 확인해야 한다.
- 클라이언트에게 시안을 보여줄 때 로렘 입숨이 들어간 채로 보내면, 최종 텍스트로 오해할 수 있다. 더미 텍스트임을 별도로 안내하는 게 좋다.
디자인 작업의 절반은 텍스트가 들어갔을 때의 모습을 미리 확인하는 것이다. 더미 텍스트 하나로 시안 완성도가 달라진다.