*Lorem ipsum* - это стандартный текст-рыба, который дизайнеры и разработчики вставляют в макет, чтобы увидеть, как он выглядит, до того как готов настоящий текст. Слова не значат ничего - это нарезанный фрагмент Цицерона - чтобы взгляд оценивал *форму* текста, а не пытался его прочитать.
Генератор лучше, чем asdfasdf, по одной важной причине: реалистичная длина слов и пунктуация дают намного более точное представление о переносах, выравнивании и о том, как заголовок сочетается с абзацем. И избавляет от классической оплошности, когда «рыба» уходит в продакшн.
Генератор поддерживает четыре варианта: классическую латинскую *lorem ipsum* и три более игривых - *хипстер*, *бекон* и *корпоративный* - для макетов, где латынь звучала бы слишком сухо. Текст генерируется локально и копируется как чистый текст или обёрнутый в теги <p> для прямой вставки в HTML.
Что полезно знать про Lorem Ipsum
Канонический текст начинается со слов *Lorem ipsum dolor sit amet, consectetur adipiscing elit.* - оставляйте такое начало, когда нужен классический вид.
Реалистичная длина текста важнее точных слов. Подгоните количество абзацев и ритм предложений под ваш реальный контент.
Замените текст-заполнитель *до* релиза. Поиск lorem по репозиторию перед выкаткой - дешёвая последняя проверка.
Как сгенерировать Lorem Ipsum шаг за шагом
1
Выберите вариант
Классическая латынь - безопасный выбор по умолчанию. *Хипстер*, *бекон* или *корпоративный* - для лёгкого тона: внутренние макеты, шутки команды или брендовые дизайн-инструменты.
2
Задайте число абзацев и предложений
Подгоните под то, как будет выглядеть финальный текст. Три абзаца по пять предложений - хороший дефолт для верстки поста. Для подзаголовка достаточно одного короткого абзаца.
3
Включите классическое начало
Для классической латыни можно заставить первый абзац начинаться с *Lorem ipsum dolor sit amet…* - полезно, когда дизайнеры ждут канонического старта.
4
Выберите чистый текст или HTML
Чистый текст удобнее для дизайн-инструментов и презентаций. HTML оборачивает каждый абзац в тег <p>, чтобы вставлять напрямую в CMS или шаблон.
5
Скопируйте и вставьте
Жмите *Сгенерировать заново*, пока ритм не подойдёт, и копируйте результат. Не забудьте заменить заполнитель на настоящий текст до релиза.
Шпаргалка по Lorem Ipsum
Типичные объёмы и что они примерно дают.
Сценарий
Абзацев
Предложений в каждом
Твит / короткая подпись
1
1
Подзаголовок hero
1
2
Тело карточки товара
1
3
Превью поста блога
1
5
Полная вёрстка поста
5
5
Длинная статья
8
6
Примеры Lorem Ipsum для пробы
Классическое начало, два абзаца
Пример вывода
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Канонический латинский старт, за которым идёт естественно сгенерированный второй абзац. Подходит везде, где дизайнер ждёт традиционный вид.
HTML-абзацы для CMS
Обёрнутый вывод
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Переключайте режим вывода в HTML, когда вставляете в визуальный редактор, понимающий теги. Каждый абзац становится отдельным <p>.
Бекон-вариант для лёгкого макета
Пример вывода
Bacon ipsum dolor amet kielbasa pork belly drumstick. Pastrami short loin tenderloin meatball, jowl spare-ribs glazed prosciutto.
Бекон-ипсум делает ревью макета веселее и сразу даёт понять заказчику, что текст временный. В продакшн его выпускать нельзя.
Частые ошибки с Lorem Ipsum
Опубликовать страницу, где так и не заменили заглушку настоящим текстом. Перед каждым релизом ищите lorem и ipsum по репозиторию.
Использовать один большой блок, когда настоящий контент состоит из множества коротких абзацев. Подстраивайте структуру, а не только количество слов.
Вставлять хипстер- или бекон-ипсум в презентацию клиенту без контекста - шутка может прозвучать странно вне дизайн-команды.
Часто задаваемые вопросы о Lorem Ipsum
Что значит Lorem Ipsum?
Это перемешанная латынь из отрывка Цицерона (*De finibus bonorum et malorum*, 45 г. до н. э.). Слова порезаны и переставлены, чтобы текст ничего не значил - это просто формы, которые дизайнер может «обмерить».
Lorem Ipsum - это просто случайный текст?
Он генерируется из фиксированного набора псевдолатинских слов с реалистичной длиной и пунктуацией. Выглядит ближе к настоящей прозе, чем случайные символы, - и именно в этом смысл.
Почему Lorem Ipsum используют как текст-рыбу?
Поскольку текст нечитаем, дизайнеры сосредотачиваются на вёрстке, а не на содержании. Длина слов и строк предсказуема, поэтому он хорошо показывает переносы и выравнивание.
Чем Lorem Ipsum отличается от текста-заполнителя?
Lorem Ipsum - это один конкретный текст-заполнитель, вариант на перемешанной латыни. *Текст-заполнитель* (или *dummy text*) - общий термин и включает хипстер, бекон и другие тематические варианты.
Можно ли публиковать Lorem Ipsum в продакшне?
Нет. Текст-рыба в продакшне - классический конфуз и SEO-риск: поисковики могут проиндексировать, а посетители увидят. Всегда заменяйте на настоящий текст перед запуском.