Что такое Lorem Ipsum и зачем его суют дизайнеры везде
Lorem Ipsum — это текст-заглушка. Та «абракадабра», что заполняет место, куда позже встанет реальная копия — на макете, в шаблоне, под героем, который ты стилизуешь в два часа ночи. Инструмент Lorem Ipsum выдаёт эту абракадабру по требованию, в нужной длине и формате. Вводишь «5 абзацев», нажимаешь Generate — получаешь пять абзацев псевдо-латыни, которые можно вставить прямо в Figma, в шаблон WordPress или на тестовую CSS-страницу.
Это стандарт для типографов и дизайнеров с 1500-х — раньше цифрового дизайна, раньше веба, раньше англоязычного графического дизайна как такового. Причина живучести: на глаз похоже на настоящий язык, поэтому макет выглядит макетом, но никто его не читает — глаз остаётся на дизайне, а не на содержании. Это вся работа.
Пример. Ввод: формат = «слова», количество = 50. Инструмент возвращает:
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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Ровно 50 слов. Текст выглядит латинским, читается как предложения, ложится в сетку — и не значит ничего, за что читателю можно было бы зацепиться. В этом и смысл.
Откуда взялся Lorem Ipsum (краткая история)
Текст — искажённая версия отрывка из «De Finibus Bonorum et Malorum» Цицерона («О пределах добра и зла») — философского трактата по этике, написанного в 45 г. до н. э. Нужный отрывок начинается со слов «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet…», что грубо переводится как «И нет никого, кто любил бы саму боль за то, что она боль…»
Безвестный типограф XVI века (ведущая версия — мастерская латинского набора) взял этот отрывок, перетасовал порядок слов, выкинул несколько слогов и сшил текст, который выглядел латинским, но грамматически не имел смысла. Искажённая версия начиналась с «Lorem ipsum dolor sit amet» — первая фраза, у которой «do-» от «dolorem» отрезано, а «ipsum» переставлено вперёд.
Текст использовали в спецификах шрифта — образцах, которые типографы раздавали, чтобы показать, как их шрифты выглядят в массе. Поскольку текст был бессмысленным, потенциальные покупатели не отвлекались на чтение — они видели только формы букв. Этот сценарий пережил саму печатную машину. Когда в 1960-х стали популярны переводные буквы Letraset, тамошние дизайнеры стандартизировали Lorem Ipsum как текст-заглушку. Когда в 1980-х пришёл desktop publishing, Aldus PageMaker поставлялся с ним по умолчанию. А когда веб взял верх, Lorem Ipsum пришёл следом — тот же текст, та же цель, теперь уже в CSS.
«Lorem ipsum dolor sit amet» стала канонической первой фразой, потому что это начало самого знаменитого искажённого отрывка. Существуют сотни вариантов, но большинство генераторов (этот в том числе) начинают именно с неё ради традиции. Если хоть раз пролистывал её в шаблоне Word или теме Wix, не заметив, — заглушка сработала.
Как пользоваться генератором Lorem Ipsum
Интерфейс построен вокруг трёх настроек:
- Единица длины. Выбери абзацы, предложения или слова. От этого зависит, что значит «количество» и какой формы будет вывод.
- Количество. Сколько выбранных единиц ты хочешь. Сгенерируй 3 абзаца, 10 предложений, 200 слов.
- Начать с «Lorem ipsum dolor sit amet»? Переключатель. По умолчанию включён (каноническая фраза идёт первой). Выключи, если заполняешь много текстовых блоков на одной странице и не хочешь, чтобы каждый начинался одинаково.
Нажми Generate. Текст появится в одном поле. Кликни Copy — он в буфере. Никакой регистрации, никаких API-вызовов, никаких походов на сервер — текст генерируется мгновенно в браузере из встроенного пула слов.
Вывод использует классический латинский набор (около 200 слов из исходного отрывка Цицерона и корпуса заглушек). Слова перемешиваются в предложения, предложения — в пунктуированные и капитализированные фразы, абзацы разделяются. Результат читается как латынь для всех, кто латынь не знает — а это практически вся дизайн-аудитория.
Варианты формата и когда что выбирать
Три единицы длины — три сценария. Бери ту, что подходит под заполняемое место.
| Формат | Что на выходе | Подходит для |
|---|---|---|
| Абзацы | Каждый — 3–7 предложений, разделены пустой строкой. Дефолт большинства макетов. | Тело статей, страницы «О нас», блоки длинного контента — везде, где нужна визуальная фактура. |
| Предложения | Отдельные предложения через пробел, без разделения на абзацы. | Описания карточек, продуктовые блёрбы, блоки-отзывы, подзаголовки в hero — там, где дизайн использует одно-два предложения как единицу. |
| Слова | Непрерывный поток слов без границ предложений. | Подписи к полям, тексты кнопок, пункты меню, точные ограничения длины (например, «нужно ровно 32 слова под эту карточку»). |
Сомневаешься — бери абзацы. Этот формат даёт самую естественную заглушку для самого частого сценария (заполнить контентную область макета). На предложения или слова переключайся только когда нужно точное ограничение длины, которое абзацы превысят.
Когда уместен Lorem Ipsum (и когда нет)
Правильное применение Lorem Ipsum — структурное: ты проверяешь, держит ли макет реалистичную плотность текста, пока реальной копии ещё нет. Неправильное — риторическое: ты прислал клиенту макет, клиент должен представить готовый продукт, но его взгляд цепляется за абракадабру и отрывается от дизайна.
Бери Lorem Ipsum в этих случаях:
- Дизайн до текста. Делаешь маркетинговую страницу, копирайтер ещё не начал, но нужно увидеть, как 200 слов тела лягут в hero-секцию.
- Тест типографики на реалистичной длине строки. Шрифты ведут себя по-разному на одном коротком предложении и на трёх полных абзацах. Lorem Ipsum даёт объём, чтобы оценить интерлиньяж, высоту строки и рваный край в масштабе.
- Заполнение повторяющихся компонентов. Сетка из 9 карточек требует 9 разных текстов. Lorem Ipsum заполняет пробелы — можно оценить ритм, не сочиняя девять разных строк.
- Стресс-тест длины. Реальный текст бывает разной длины. Ссылка «Читать дальше» должна выдержать и «Короткий заголовок», и «Необычно длинный заголовок, который переносится на несколько строк». Lorem Ipsum разной длины ловит поломки заранее.
- Шаблоны и темы. Темы WordPress, шаблоны Shopify и компонентные библиотеки Figma идут с Lorem Ipsum, чтобы покупатели видели форму макета без отвлечения на содержимое.
Избегай в этих случаях:
- Финальный просмотр клиентом. Большинство клиентов не отделяет копию от дизайна. Если в заголовке «Lorem ipsum dolor sit amet», клиент даёт обратную связь по тексту, а не по макету. На поздних стадиях используй тематическую заглушку («Заголовок будет здесь») или черновой текст.
- Тесты доступности. Скринридеры будут читать «Lorem ipsum dolor sit amet» вслух натужной латынью. Для проверки поведения скринридера ставь реальный (или близкий по теме) текст.
- Случайно в прод. У каждого дизайнера есть история, как Lorem Ipsum проскочил в боевую страницу. Перед деплоем поищи «Lorem ipsum» по кодовой базе. Всегда.
Современные альтернативы — когда нужна заглушка с характером
Lorem Ipsum — универсальный дефолт, но вырос целый жанр «альтернативных ипсумов» вокруг идеи, что заглушка не обязательно должна быть нейтральной. Каждый вариант даёт ту же форму псевдо-контента, но с тематическим уклоном — макет ощущается менее обезличенным на ранних просмотрах.
| Вариант | Пример начала | Когда использовать |
|---|---|---|
| Lorem Ipsum (классический) | Lorem ipsum dolor sit amet, consectetur adipiscing elit… | По умолчанию. Универсальное узнавание. Правильный ответ в 95% случаев. |
| Cupcake Ipsum | Sugar plum jelly beans danish marshmallow tootsie roll bonbon… | Кондитерские бренды, приложения про десерты, макеты для детских товаров — там, где тема сладкая и нужен игривый превью. |
| Bacon Ipsum | Bacon ipsum dolor amet pork chop short loin meatloaf turducken… | Рестораны, доставка еды, сайты мясных лавок. Лёгкий, часто шеринг, предсказуемо делит публику. |
| Hipster Ipsum | Cold-pressed kombucha mason jar artisan butcher succulent quinoa… | Кофейни, slow-fashion бренды, инди-журналы. Текст одновременно и шутка, и заглушка. |
| Corporate Ipsum | Synergize the value-add stakeholder action items deliverable… | Сатирические макеты B2B SaaS-сайтов. Большинству клиентов это не смешно на собственных макетах, поэтому осторожно. |
В 95% дизайн-работы держись классики. Это версия, которую узнают везде; та, что меньше всего сбивает обзор макета. Тематические варианты весёлые для частных задач, но в формальных ревью обычно играют против — текст начинает тянуть внимание на себя. Этот инструмент даёт классический Lorem Ipsum.
Подсказки и тонкости
Используй реалистичную длину. Самая частая ошибка — забить 50-словную карточку 200 словами Lorem Ipsum: макет выглядит плотнее, чем будет на проде. Подгоняй длину заглушки под реальную. Если статья будет на 300 слов — генерируй 300.
Меняй длину. Заполняешь девять карточек в сетке — не вставляй один и тот же 50-словный кусок в каждую. Генерируй чуть разной длины (40, 60, 55, 70…) — повтори вариативность, которую даст реальный контент. Сетка будет ощущаться иначе, и дизайн лучше держит удар, когда настоящий текст наконец придёт.
Отключай каноническое начало в повторяющихся блоках. Если каждый блок начинается с «Lorem ipsum dolor sit amet», макет приобретает странный ритм. Переключатель «начинать с канонической фразы» включён по умолчанию; выключи, когда заполняешь несколько блоков на одной странице.
Всегда ищи перед деплоем. До выкатки любой работы, где трогали шаблон, ищи «Lorem ipsum» в коде или CMS. У каждого дизайнера есть хотя бы одна история про заглушку, попавшую на бой; лекарство — поиск за 30 секунд.
Lorem Ipsum не для ревью контента. Когда дизайн дошёл до стадии проверки контента, заменяй Lorem Ipsum на тематическую заглушку («Здесь будет описание компании») или черновой текст. Стейкхолдеры обычно не подставляют содержимое мысленно — читают то, что есть.
Трюк с «длинным Lorem» для стресс-теста. Когда проверяешь макет, сгенерируй один блок Lorem Ipsum на 1500 слов и вставь туда, где будет тело статьи. Если макет ломается (текст вылезает, длины строк становятся нелепыми, пропадает воздух), нашёл реальную проблему. Большинство макетов нормально смотрятся на 200 словах и ломаются на 1000. Стресс-тест стоит того.
Связанные инструменты для текста
Lorem Ipsum — один из инструментов Microapp для заглушек и образцов текста. Эти подходят рядом:
- Генератор случайных имён даёт правдоподобные, но выдуманные имена для тестовых пользователей и аватаров макета. Используй рядом с Lorem Ipsum, когда нужны и текст, и люди-заглушки.
- Генератор случайных слов отдаёт одиночные слова — для подписей, тегов или категорий, где полные предложения Lorem Ipsum — перебор.
- Счётчик слов покажет точное число слов в заглушке или реальной копии. Сравни до замены.
- Текст в маркированный список превращает блок текста-абзаца в маркированный список — удобно для теста двух вариантов вёрстки одного содержания.
- Генератор поддельных адресов выдаёт правдоподобные, но выдуманные почтовые адреса для форм и макетов оформления доставки.
Частые вопросы
«Lorem ipsum» — это настоящая латынь?
Условно, но в основном нет. Текст идёт от настоящего отрывка («De Finibus» Цицерона), но версия-заглушка перетасована: слова переставлены, слоги выкинуты, грамматика поломана. Латинист узнает отдельные слова, но прочесть как осмысленную латынь не сможет. Весь смысл перетасовки — текст не должен читаться как содержание; он должен выглядеть как язык, не будучи им.
Почему Lorem Ipsum живёт 500 лет?
Три причины. Он культурно укоренён — дизайнеры и разработчики узнают его сразу, что сигналит «пропустить, не читать». Распределение букв примерно совпадает с европейскими языками на латинице, поэтому он проверяет шрифты и макеты так, как это сделал бы настоящий текст. И альтернативы (стук по клавиатуре, Шекспир, английская заглушка) создают новые проблемы — визуально неподходящие, отвлекающие или культурно заряженные.
Lorem Ipsum повредит SEO, если уйдёт на бой?
Зависит от места. Если он в теле опубликованной страницы — поисковики видят бессмысленный текст, и страница плохо ранжируется. Если в alt-тексте или мета-тегах — влияние меньше. Главный риск в том, что пользователь зайдёт, увидит абракадабру и уйдёт — Google это засчитает как низкое качество. Всегда ищи «Lorem ipsum» в коде перед деплоем. Всегда.
Есть ли разница между генераторами Lorem Ipsum?
Функционально нет. Все берут примерно один пул слов (канонические ~200 латинских) и тасуют в близкие формы. Некоторые добавляют редкие штрихи (имена собственные из средневековых текстов, альтернативные первые фразы), но для дизайн-работы разница незаметна. Бери тот, у которого подходящие настройки формата.
Какой длины «один абзац» Lorem Ipsum?
Генератор делает абзацы по 3–7 предложений, что обычно 50–100 слов на абзац. Типично для настоящей прозы и соответствует тому, что ожидают большинство макетов. Если нужно точное число слов — переключай формат на «слова» и задавай количество.
Можно ли начать с названия моего бренда или конкретной фразы?
Переключатель меняет «начинать с канонической Lorem ipsum dolor sit amet» на «начинать со случайных латинских слов». Для более глубокой кастомизации (старт с бренда, финал с конкретного call-to-action) копируй и редактируй руками. Но классическую заглушку не стоит сильно кастомизировать — половина смысла Lorem Ipsum в том, что её узнают как заглушку, и кастом эту функцию подрывает.
Использовать ли Lorem Ipsum в презентациях клиенту?
Избегай после ранней стадии дизайна. Стейкхолдерам трудно мысленно подставлять заглушку под реальный текст — они читают то, что есть, и дают по этому обратную связь. Для концептуальных макетов классика подходит. Для поздних просмотров — тематическая заглушка («Заголовок про [реальную тему]») или черновик копии.
Сохраняется ли Lorem Ipsum где-то?
Нет. Генератор работает целиком в браузере на JavaScript. Каждый клик — свежий текст, показ и копирование в буфер по требованию. Ничего не уходит на сервер. Закроешь вкладку — сгенерированный текст исчезнет, если уже не вставлен где-то ещё.