Lorem Ipsum으로 와이어프레임 문장 길이 빠르게 채우기

개발

카드, 모달, 랜딩페이지 섹션을 만들 때 제목과 본문이 비어 있으면 실제 레이아웃 문제가 보이지 않습니다. 더미 텍스트가 있어야 줄바꿈과 높이가 드러납니다.

이럴 때는 브라우저에서 바로 쓸 수 있는 Dante Tools를 열어 먼저 손으로 검증해보는 것이 좋습니다. 작은 확인 과정을 거치면 배포 후 되돌리는 시간을 줄일 수 있습니다.

Lorem Ipsum 사용 화면
Lorem Ipsum 사용 화면

언제 쓰면 좋은가

디자인과 레이아웃 검증 단계에서 실제 문장 길이에 가까운 더미 텍스트를 넣어 UI 깨짐을 확인하는 방법입니다.

검증할 UI 영역

카드 제목 2줄
설명 문단 80자
FAQ 답변 3문장
빈 상태 안내 문구

실무 루틴

  1. 필요한 문단, 문장, 단어 수를 정합니다.
  2. UI 컴포넌트에 더미 텍스트를 넣습니다.
  3. 가장 긴 카드와 가장 짧은 카드가 함께 있을 때도 정렬이 맞는지 봅니다.
  4. 실제 카피가 들어가기 전 더미 텍스트임을 명확히 표시합니다.

배포 전 체크

  • 버튼이나 카드 안에서 텍스트가 넘치지 않는가
  • 모바일 폭에서 줄바꿈이 자연스러운가
  • 더미 텍스트가 운영 콘텐츠로 남아 있지 않은가

더미 텍스트는 디자인을 대충 채우는 용도가 아니라, 실제 콘텐츠가 들어왔을 때 UI가 버티는지 확인하는 도구입니다.

다른 글