피그마에서 디자인 시안을 만드는데 본문 영역이 비어 있으면 전체 레이아웃 감이 안 잡힌다. 그렇다고 실제 원고를 미리 받기도 어려운 상황에서 "Lorem ipsum dolor sit amet..."로 시작하는 텍스트가 등장한다.
Lorem Ipsum, 왜 쓰는 건가
디자인 작업에서 실제 내용 대신 의미 없는 텍스트를 채워 넣는 이유는 단순하다. 내용에 눈이 가면 레이아웃, 자간, 줄 간격 같은 디자인 요소를 객관적으로 판단하기 어렵기 때문이다. 한글로 "테스트 문장입니다 테스트 문장입니다"를 반복하면 패턴이 보여서 오히려 방해가 된다. Lorem Ipsum은 라틴어 기반이라 내용에 의미를 두지 않게 만드는 효과가 있다.
참고 Lorem Ipsum의 원문은 기원전 45년 키케로의 철학서 "De Finibus Bonorum et Malorum"에서 유래했다. 1960년대 인쇄 조판 시절부터 더미 텍스트로 사용되기 시작했으니, 반세기가 넘는 역사를 가진 셈이다.
한글 프로젝트에서는 한글 더미가 낫다
라틴 문자와 한글은 자간, 줄 높이, 단어 길이가 다르다. 한글 웹사이트를 디자인하면서 라틴어 더미를 넣으면 실제 한글이 들어갔을 때 레이아웃이 달라 보일 수 있다. 한글 더미 텍스트를 쓰면 폰트 렌더링, 줄바꿈 위치, 단락 길이를 보다 현실적으로 확인할 수 있다.
더미 텍스트 만드는 법
더미 텍스트 생성기에서 라틴어와 한글 중 원하는 언어를 선택한 뒤, 단락/문장/단어 단위로 필요한 만큼 생성하면 된다. "5단락", "100단어" 같은 프리셋 버튼이 있어서 클릭 한 번이면 바로 나온다. HTML <p> 태그를 자동으로 붙여주는 옵션도 있어서 퍼블리싱 작업에 바로 복사해 쓸 수 있다.
실무에서 더미 텍스트 쓸 때 주의할 점
- ✓ 시안 확정 전에 반드시 실제 원고로 교체해서 레이아웃 재확인
- ✓ 본문, 제목, 캡션 등 요소별로 적절한 길이의 더미를 넣을 것
- ✗ 더미 텍스트를 넣은 채로 실서버에 배포하는 실수는 피하자
- ✗ 클라이언트 시연 시 Lorem Ipsum이 그대로 보이면 미완성으로 오해받을 수 있다
더미 텍스트는 디자인의 뼈대를 세우는 도구다. 레이아웃이 잡힌 뒤에는 반드시 실제 콘텐츠로 바꿔야 비로소 완성이다.