Почему дизайнеры заполняют макеты латынью
Текст-заполнитель нужен для того, чтобы люди могли оценить макет, не читая его. Когда в макете стоит настоящий, но недописанный текст, рецензенты начинают править предложения, вместо того чтобы смотреть на отступы, иерархию и ритм. Текст на языке, которым никто свободно не владеет, имеет форму прозы — с естественными на вид длинами слов, пунктуацией и переносами строк, — но не даёт взгляду, за что зацепиться.
Знакомый всем отрывок — искажённая цитата из трактата Цицерона De finibus bonorum et malorum («О пределах добра и зла»), посвящённого этике и написанного в 45 году до н. э. Исходная фраза начинается словами «Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet», что примерно означает «нет никого, кто любил бы саму боль». Где-то по пути наборщик разрезал её посреди слова, поэтому заполнитель и начинается с «lorem» — хвоста слова «dolorem». Широко он распространился в 1960-х через листы с переводными буквами, затем через программы настольной вёрстки, а сегодня встроен в большинство инструментов дизайна и вёрстки.
Как этот генератор собирает текст
Результат составляется из словаря в 62 латинских слова, взятых из классического отрывка:
- Каждое предложение содержит от 6 до 15 слов, начинается с заглавной буквы и заканчивается точкой. Длинные предложения иногда получают запятую в середине, которая разбивает строку так, как это делают настоящие придаточные.
- Каждый абзац содержит от 4 до 7 предложений, так что в среднем выходит около 55–60 слов. Абзацы разделяются пустой строкой.
- В режиме слов вы получаете простую последовательность слов в нижнем регистре без пунктуации — удобно для подписей кнопок, тегов или заголовков.
При включённой опции «Начинать с «Lorem ipsum dolor sit amet»» текст открывается фразой «Lorem ipsum dolor sit amet, consectetur adipiscing elit» — тем самым началом, которое многие сразу узнают как текст-заполнитель (в режиме слов — без запятой). Отключите её, когда нужно несколько блоков, которые не должны начинаться одинаково.
Слова выбираются генератором псевдослучайных чисел с фиксированным начальным значением, а не по-настоящему случайно. Первый результат после загрузки страницы всегда одинаков, а каждое нажатие «Сгенерировать заново» переходит к следующему варианту в фиксированной последовательности. Благодаря этому скриншоты и ревью дизайна воспроизводимы: перезагрузите страницу, нажмите «Сгенерировать заново» столько же раз — и получите идентичный текст.
Как выбрать нужный объём
Генерируйте примерно столько, сколько будет реального контента, а не произвольный блок:
- Карточка записи в блоге обычно показывает заголовок из 6–10 слов и анонс из 2–3 предложений.
- Описание товара на странице магазина обычно занимает один-два абзаца.
- Шаблону длинной статьи нужно 8–15 абзацев, чтобы проверить ширину колонки, межстрочный интервал и то, как заголовки прерывают поток текста.
- Навигации и кнопкам нужны отдельные слова или фразы из двух слов; сгенерируйте слова и обрежьте лишнее.
Чтобы сверить длину сгенерированного текста с техническим заданием, вставьте его в счётчик слов.
Где текст-заполнитель может ввести в заблуждение
Lorem ipsum равномерен по форме, а настоящий контент — редко. Прежде чем утверждать дизайн, проверьте его на тексте, который нагружает макет:
- Переводы длиннее. Текст на немецком и финском часто на 20–35 процентов длиннее английского, а отдельные слова длиннее 20 символов отказываются переноситься.
- Настоящие заголовки бывают разными. Один будет из трёх слов, следующий — на две полные строки.
- Пользовательский контент непредсказуем. Имена, комментарии и отзывы могут состоять из одного символа или из нескольких сотен.
И напоследок: перед запуском поищите в проекте «lorem». Забытый текст-заполнитель на живой странице — одна из самых частых ошибок в день запуска, и поисковые системы его индексируют.