로렘입숨 · 더미 텍스트 생성기

왜 하필 뜻 없는 라틴어인가

디자인을 하다 보면 아직 글이 없는 자리를 뭔가로 채워야 할 때가 옵니다. 여기서 많은 사람이 “test test”나 “내용을 입력하세요”를 넣는데, 로렘입숨을 쓰는 데는 분명한 이유가 있습니다. 그리고 그 이유는 디자인보다 심리학에 가깝습니다.

사람은 읽을 수 있는 글이 있으면 반사적으로 읽습니다.목업에 “여기에 상품 설명이 들어갑니다”라고 적으면, 보는 사람의 시선이 그 문장의 뜻으로 빨려 들어가서 정작 검토해야 할 것 — 글자 크기, 줄 간격, 여백, 단락이 놓인 리듬 — 을 놓칩니다. 로렘입숨은 읽을 수 없게 만들어서 이 문제를 없앱니다. 라틴어처럼 생겼지만 해독되지 않으므로, 시선이 뜻이 아니라 형태에 머뭅니다.

동시에 “asdfasdf” 같은 반복 문자와도 다릅니다. 로렘입숨은 단어 길이가 실제 글처럼 들쭉날쭉하고, 그래서 줄이 자연스러운 위치에서 바뀝니다. 디자인이 진짜 콘텐츠를 만났을 때 어떻게 보일지를 미리 보여 주는 것입니다. 읽히지 않으면서 진짜 글의 질감은 가진 것 — 이 두 조건을 동시에 만족하는 게 로렘입숨의 존재 이유입니다.

사실은 ‘망가진’ 키케로다

로렘입숨은 아무렇게나 만든 가짜 라틴어가 아닙니다. 기원전 45년 키케로가 쓴 “선악의 경계에 관하여(De finibus bonorum et malorum)”의 한 대목을 일부러 뒤섞고 글자를 빼서 만든 것입니다. 첫 단어 “Lorem”조차 원문 “dolorem”(고통)에서 앞을 잘라 낸 조각이라, 사전에 없는 단어입니다. 1500년대 인쇄소가 활자 견본을 찍을 때부터 썼다고 전해집니다.

한글 서비스라면 한글 더미를 봐야 한다

라틴 로렘입숨은 익숙하지만, 한글 서비스를 디자인한다면 함정이 될 수 있습니다. 한글과 라틴 문자는 생김새가 근본적으로 다르기 때문입니다.

• 글자 폭— 한글은 모든 글자가 네모난 틀(전각)을 꽉 채우지만, 라틴 문자는 ‘i’와 ‘w’의 폭이 크게 다릅니다. 그래서 같은 글자 수라도 한 줄에 들어가는 양이 다릅니다.
• 줄 높이 — 한글은 받침 때문에 세로로 더 꽉 차서, 라틴 기준으로 잡은 줄 간격이 한글에서는 답답해 보일 수 있습니다.
• 줄바꿈 — 한글은 어절 단위로, 영문은 단어 사이 공백에서 줄이 바뀝니다. 띄어쓰기 빈도가 달라서 문단의 오른쪽 끝 모양(래그)이 완전히 달라집니다.

그래서 라틴 로렘으로 예쁘게 잡아 둔 카드가, 실제 한글을 넣는 순간 제목이 두 줄로 넘치거나 버튼 안의 글자가 잘리는 일이 생깁니다. 한글이 들어갈 자리는 한글 더미로 확인하는 것이 이 사고를 미리 잡는 방법입니다. 이 도구가 라틴과 한글을 모두 제공하는 이유가 그것입니다.

단어 · 문장 · 문단 — 자리에 맞춰 고르기

채울 자리의 크기에 따라 생성 단위를 고르면 됩니다.

• 단어 — 제목, 버튼 라벨, 태그, 메뉴 항목처럼 짧은 자리. 개수를 줄여 가며 실제 라벨 길이에 맞춥니다.
• 문장 — 카드 설명, 부제, 인용구, 알림 메시지처럼 한두 줄짜리 자리.
• 문단 — 블로그 본문, 상세 설명, 약관처럼 긴 영역. 문단 수를 실제 분량과 비슷하게 맞추면, 글이 넘치거나 모자랄 때 레이아웃이 어떻게 반응하는지 볼 수 있습니다.

요령 하나: 실제 콘텐츠의 최대·최소 분량을 둘 다 넣어 보세요. 제목이 가장 길 때 줄이 몇 개가 되는지, 설명이 한 문장뿐일 때 카드 높이가 무너지지 않는지를 확인하면, 실제 데이터가 들어왔을 때 깨지지 않는 레이아웃을 만들 수 있습니다.

정리하면

• 로렘입숨은 ‘읽히지 않으려고’ 뜻이 없습니다. 시선을 내용이 아니라 형태에 붙잡아 두는 것이 목적입니다.
• 한글 서비스는 한글 더미로 확인하세요. 글자 폭·줄 높이·줄바꿈이 라틴과 달라서, 라틴으로 잡은 레이아웃이 한글에서 어긋나기 쉽습니다.
• 자리 크기에 맞춰 단위를 고르고, 최대·최소 분량을 둘 다 시험하세요. 실제 데이터의 양 끝에서 레이아웃이 버티는지가 관건입니다.