Как сгенерировать Lorem Ipsum онлайн. Рыба-текст для вёрстки сайтов, полиграфии, UI-дизайна. Настройка количества абзацев и слов. История и смысл текста-заполнителя.
Введение
Дизайнер нарисовал макет лендинга, верстальщик подготовил сетку, осталось наполнить блоки текстом. Но контент ещё не готов, копирайтер в отпуске, а заказчик ждёт демонстрацию уже завтра. В этот момент на сцену выходит Lorem Ipsum — бессмысленный латинский текст, который используют как заполнитель уже более пяти веков. Генератор Lorem Ipsum создаёт заданное количество абзацев или слов этого текста, позволяя оценить внешний вид макета до того, как будет готов реальный контент. В этой статье разберём историю Lorem Ipsum, его назначение и как использовать генератор для вёрстки и дизайна.
Что такое Lorem Ipsum и откуда он взялся
Lorem Ipsum — это не случайный набор букв и не шифр. Это искажённый отрывок из трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Полный текст начинается словами «Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit» — «Нет никого, кто любил бы боль саму по себе, кто искал бы её и хотел бы страдать просто потому, что это боль». Из этой фразы вырвали «dolorem ipsum» и перевратили в «lorem ipsum». В привычном нам виде текст появился в 1960-х годах, когда компания Letraset выпустила листы с образцами шрифтов, заполненные этим псевдолатинским текстом. Позже Lorem Ipsum перекочевал в цифровые издательские системы вроде Aldus PageMaker и стал стандартом де-факто для текста-заполнителя. Причина живучести — в структуре латыни. Латинские слова имеют длину и распределение букв, близкие к европейским языкам, поэтому текст выглядит естественно, не отвлекая читателя смыслом. Глаз скользит по макету и оценивает дизайн, а не содержание.
Зачем нужен текст-заполнитель при работе над макетом
Макет без текста — это просто цветные прямоугольники. Они не дают представления о том, как дизайн будет работать с реальным контентом. Слишком длинный заголовок вылезает за пределы блока, слишком короткий оставляет пустоту. Абзац с реальным смыслом заставляет читателя невольно вчитываться, отвлекая от оценки визуального решения. Lorem Ipsum решает обе проблемы: текст имеет естественную структуру и длину, но при этом не несёт смысловой нагрузки. Верстальщик видит, как ложатся строки, как выглядят переносы, как распределяется текст по колонкам и как взаимодействуют текстовые блоки с изображениями. Дизайнер проверяет контрастность шрифтов, читаемость на разном фоне и общую композицию. Заказчик видит макет, похожий на готовый продукт, а не на схему из рамок. Генератор Lorem Ipsum позволяет быстро получить нужный объём заполнителя: пару слов для заголовка, предложение для подзаголовка, несколько абзацев для основного текста. Инструмент среди 126 утилит Vibes генерирует текст с настраиваемым количеством абзацев и предложений.
Почему не использовать осмысленный текст на русском
Идея заполнить макет реальной статьёй из интернета кажется логичной: и текст похож на будущий контент, и язык родной. Но у этого подхода есть два серьёзных минуса. Первый — отвлечение внимания. Осмысленный текст заставляет читать, вникать, искать логику. Заказчик, глядя на макет, начинает обсуждать содержание статьи, а не отступы и цвета. Фокус встречи смещается с дизайна на редактуру. Второй минус — права на контент. Скопированная статья может быть защищена авторским правом, и её использование в макете, который увидят десятки людей, формально является нарушением. Lorem Ipsum лишён обоих недостатков: его никто не читает, и он не защищён авторским правом. Для макетов на русском языке существуют локализованные версии рыбы-текста, где латиница заменена на кириллицу с сохранением бессмысленности. Их тоже называют Lorem Ipsum для русского языка, хотя технически это другой текст.
Как устроен генератор Lorem Ipsum
Генератор хранит в себе исходный текст-образец и на его основе создаёт производные нужной длины. Базовый алгоритм работает так: берутся слова из исходного текста и комбинируются в случайном порядке с соблюдением структуры предложений. Более продвинутые генераторы используют статистические модели, чтобы имитировать распределение длин слов и предложений, характерное для естественного языка. Пользователь задаёт параметры: количество абзацев, количество предложений в абзаце, иногда — количество слов. Генератор формирует текст и выводит его в текстовое поле, откуда удобно копировать. Некоторые генераторы добавляют в начало каждого абзаца знаменитое «Lorem ipsum dolor sit amet», которое стало визитной карточкой заполнителя. Классический Lorem Ipsum начинается именно с этой фразы, хотя в оригинале Цицерона слова идут в другом порядке.
Применение в веб-дизайне и вёрстке
В веб-разработке Lorem Ipsum используют на этапе прототипирования и вёрстки. HTML-шаблон свёрстан, стили написаны, а контента ещё нет. Вставляете сгенерированный текст в блоки и видите, как страница выглядит в браузере. Это позволяет выявить проблемы с переполнением блоков, некорректными переносами, наложением текста на изображения и другими багами вёрстки до того, как реальный контент будет готов. В лендингах и посадочных страницах текст-заполнитель помогает оценить, сколько примерно контента нужно написать под каждый блок. Дизайнер говорит: «Вот этот блок рассчитан примерно на 200 символов», и копирайтер понимает задачу. Посадочная страница, собранная на статическом хостинге, на этапе разработки заполняется Lorem Ipsum, а после утверждения дизайна реальный текст заменяет заполнитель.
Lorem Ipsum в полиграфии и презентациях
В полиграфии текст-заполнитель используют для макетов брошюр, буклетов, каталогов и визиток. Типография показывает клиенту макет каталога, заполненный Lorem Ipsum, чтобы согласовать расположение фотографий, таблиц и текстовых блоков. Реальный контент появится позже, но общее впечатление от макета уже можно оценить. В презентациях и слайдах для внутренних встреч Lorem Ipsum используют, чтобы показать структуру слайда до получения финального текста от заказчика. Генератор позволяет быстро создать нужный объём, не отвлекаясь на сочинение бессмысленных фраз вручную.
Альтернативы Lorem Ipsum
Классический Lorem Ipsum — не единственный вариант. Существуют тематические генераторы текста-заполнителя: «рыба-текст» на русском языке, текст в стиле деловой переписки, текст из терминов конкретной отрасли. Популярны юмористические заполнители: Bacon Ipsum (текст о беконе), Hipster Ipsum (о хипстерах), Cupcake Ipsum (о капкейках). Они выполняют ту же функцию, но поднимают настроение команде и клиенту. Важно не забыть заменить шуточный текст на реальный перед публикацией — историй о том, как сайт ушёл в продакшен с текстом о беконе, достаточно, чтобы относиться к этому серьёзно. Для проектов на русском языке используют локализованные генераторы, которые создают бессмысленный текст из кириллических слов. Принцип тот же: структура естественная, смысла нет.
Часто задаваемые вопросы
Можно ли использовать Lorem Ipsum в финальной версии сайта? Нет, категорически нельзя. Текст-заполнитель не несёт смысловой нагрузки для пользователя, не содержит ключевых слов для поисковых систем и производит впечатление незавершённой работы. Всегда заменяйте Lorem Ipsum на реальный контент перед публикацией. Исключение — демонстрационные версии тем и шаблонов, где Lorem Ipsum явно используется как пример контента.
Сколько абзацев Lorem Ipsum нужно для типового лендинга? Зависит от структуры. Для лендинга из 6-8 смысловых блоков нужно примерно 6-8 абзацев основного текста плюс заголовки и подзаголовки. Генератор позволяет создать текст с нужным количеством абзацев и длиной предложений, чтобы закрыть все блоки макета.
Почему Lorem Ipsum начинается с dolor sit amet, а не с lorem ipsum? В классической версии первая фраза — «Lorem ipsum dolor sit amet, consectetur adipiscing elit». Слово «Lorem» стоит первым. Возможно, вы встречали вариант, где начало обрезано, или используете генератор, который начинает с другого места исходного текста. Стандартный генератор обычно стартует с полной фразы «Lorem ipsum dolor sit amet».
Существует ли Lorem Ipsum на кириллице? Да, существуют генераторы, создающие бессмысленный текст из кириллических слов. Технически это не Lorem Ipsum, а другой текст-заполнитель, но функцию он выполняет ту же. Такой текст лучше подходит для макетов на русском языке, потому что кириллические символы имеют другую визуальную плотность и влияют на вёрстку иначе, чем латиница.
Не вредит ли Lorem Ipsum SEO на этапе разработки? Пока сайт не опубликован и не проиндексирован — нет. Но если страница с Lorem Ipsum попала в индекс поисковика, это плохо: поисковый робот видит бессмысленный текст и не может определить тематику страницы. Закрывайте dev-версии сайта от индексации через robots.txt или мета-тег noindex.
Какой длины абзацы создаёт генератор Lorem Ipsum? Стандартный генератор создаёт абзацы примерно равной длины, варьируя количество предложений. Типичный абзац содержит 4-6 предложений и по объёму близок к абзацу в журнальной статье. Многие генераторы позволяют настроить длину абзацев: короткие для заголовков, длинные для основного текста.
