Lorem Ipsum과 자리 표시 텍스트

Lorem Ipsum의 유래

익숙한 "Lorem ipsum dolor sit amet…"은 키케로가 기원전 45년에 쓴 De finibus bonorum et malorum(「최고선과 최고악에 대하여」)의 한 구절을 뒤섞은 것입니다. 단어가 잘리고 바뀌었는데, "lorem"은 원문에서 줄이 나뉜 "dolorem"의 뒷부분입니다. 그 결과 라틴어처럼 보이지만 라틴어로 읽히지는 않습니다.

인쇄업자들은 오래전부터 이런 채움 글을 써 왔습니다. 1960년대 Letraset 전사 시트를 통해 널리 퍼졌고, 1980년대에는 Aldus PageMaker 같은 전자출판 프로그램에 들어 있었습니다. 1990년대에 라틴어 학자 리처드 매클린톡이 이 텍스트의 출처가 키케로임을 밝혀냈습니다. 원문이 2천 년도 더 된 글이므로 자유롭게 쓸 수 있습니다.

디자이너가 자리 표시 텍스트를 쓰는 이유

읽을 수 있는 텍스트는 시선을 끕니다. 검토 자리에서 사람들은 레이아웃 대신 문구에 대해 이야기하기 시작합니다. Lorem ipsum은 짧은 단어와 긴 단어가 자연스럽게 섞여 있고 뜻이 없어서, 눈은 문장보다 줄, 문단, 굵기를 보게 됩니다. 그래서 다음과 같은 곳에 유용합니다.

• 단 너비, 줄 간격, 글자 크기처럼 초기 레이아웃과 타이포그래피를 정할 때
• 나중에 여러 작성자의 내용을 담게 될 템플릿과 컴포넌트
• 같은 자리에 아주 짧은 텍스트와 아주 긴 텍스트를 넣었을 때 페이지가 어떻게 되는지 시험할 때

자리 표시 텍스트가 오해를 부르는 경우

Lorem ipsum은 어디에 붙여넣어도 길이가 같지만, 실제 내용은 그렇지 않습니다. 흔히 겪는 일은 다음과 같습니다.

• 제목과 버튼은 나중에 쓴 문구가 채움 글보다 길거나 짧아서 레이아웃이 깨집니다. 평균이 아니라 가장 짧은 문구와 가장 긴 문구로 시험하세요.
• 이름, 주소, 가격에는 고유한 모양이 있습니다. 두 단어로 된 성, 30자짜리 도로명, 통화 기호와 천 단위 구분 기호가 붙은 가격 같은 것입니다.
• 번역문은 영어보다 긴 경우가 많고, 짧은 라벨은 길이가 두 배가 되기도 합니다. 독일어 합성어는 하이픈을 넣지 않으면 줄에서 나뉘지 않습니다.
• 실제 구조에는 목록, 링크, 인용, 소제목이 있지만 lorem ipsum 덩어리에는 이런 것이 나타나지 않습니다.

사용성 테스트에는 현실적인 텍스트를 쓰세요. 정보가 라틴어 채움 글이라면 참가자는 페이지가 이해되는지, 그 안에서 정보를 찾을 수 있는지 판단할 수 없습니다.

다른 언어의 자리 표시 텍스트

라틴 문자로는 잘 맞는 레이아웃도 다른 문자에서는 깨질 수 있습니다. 중국어와 일본어는 단어 사이에 공백 없이 쓰므로 거의 모든 두 글자 사이에서 줄이 나뉠 수 있으며, 일부 문장 부호가 줄 첫머리에 오지 않게 하는 규칙이 있습니다. 한국어는 어절 사이에 공백을 두지만 한 줄에 들어가는 음절의 모양이 훨씬 다양합니다. 이 문자들은 모두 해당 글자를 담은 글꼴이 필요하며, 지정한 글꼴에 글자가 없으면 브라우저가 너비와 줄 높이가 다른 글꼴로 바꿔 표시합니다.

그래서 LeedyBox 생성기는 한국어, 일본어, 중국어 자리 표시 텍스트도 만듭니다. 여러 언어로 된 사이트라면 lorem ipsum이 아니라 대상 문자로 된 텍스트로 각 레이아웃을 시험하세요.

작업별로 더 나은 자리 표시 텍스트

Faker 같은 테스트 데이터 라이브러리는 프로토타입과 자동화 테스트에 쓸 그럴듯한 이름, 주소, 날짜를 여러 언어로 만들어 줍니다.

공개하기 전에

공개된 페이지에 남은 자리 표시 텍스트는 성의 없어 보이며, 독자와 검색 엔진에 아무것도 주지 못합니다. 공개 전에 다음을 확인하세요.

• 코드와 콘텐츠 관리 시스템에서 "lorem", "ipsum", 그리고 "TODO"나 "TBD"처럼 팀이 쓰는 표시를 검색합니다.
• 페이지 제목, 메타 설명, 이미지 대체 텍스트, 빈 상태 메시지, 이메일 템플릿처럼 검토 때 아무도 읽지 않는 곳을 확인합니다.
• 스크린 리더로 페이지를 한 번 들어 봅니다. 채움 글과 빠진 라벨은 귀로 들으면 훨씬 쉽게 알아챌 수 있습니다.

자주 묻는 질문