Lorem Ipsum: история и правила использования текста-заполнителя

Откройте любой макет дизайна, прототип UI или образец печатного макета — и вы почти наверняка встретите один и тот же странный латиноподобный текст: «Lorem ipsum dolor sit amet, consectetur adipiscing elit…» Он повсюду: от каркасов Figma до шаблонов InDesign и тем WordPress. Большинство дизайнеров используют его ежедневно, ни разу не задавая вопрос: откуда он взялся, почему выглядит именно так и подходит ли он вообще для каждой ситуации?

Вы можете мгновенно сгенерировать любое количество текста Lorem Ipsum с помощью генератора Lorem Ipsum BrowseryTools — бесплатно, без регистрации, всё остаётся в браузере.

Реальное происхождение: Цицерон, 45 год до н. э.

Lorem Ipsum — не случайная тарабарщина. Это намеренно перемешанный отрывок из настоящего философского произведения: «De Finibus Bonorum et Malorum» («О пределах добра и зла») римского оратора и государственного деятеля Марка Туллия Цицерона, написанного в 45 году до н. э. Оригинальный отрывок, из Книги I, Раздела 10, утверждает, что никто не стремится к боли ради самой боли — стандартный эпикурейский философский тезис о наслаждении и страдании.

Наборщик Ричард Макклинток проследил происхождение текста Lorem Ipsum до этого точного источника — Цицерона — в 1980-х годах, положив конец многолетним домыслам. Версия, используемая в практике дизайна, была перемешана из оригинала Цицерона в 1500-х годах, когда неизвестный типограф использовал её как наполнитель для книги шрифтовых образцов. Когда Letraset популяризировал листы переводных букв в 1960-х годах, Lorem Ipsum стал де-факто стандартом для графических дизайнеров. Программное обеспечение для настольных издательских систем вроде Aldus PageMaker в 1980-х годах окончательно закрепил его.

Почему текст перемешан?

Lorem Ipsum, используемый большинством дизайнеров сегодня, — это не чистая копия Цицерона. Слова перетасованы, удалены и изменены так, чтобы текст выглядел как естественная латинская проза, не будучи читаемым как связные предложения. Это сделано намеренно. Если бы заполнитель образовывал читаемые предложения, люди бы их читали — и сосредоточились бы на словах, а не на визуальном макете. Перемешав латынь достаточно для нечитаемости, Lorem Ipsum обманывает языковой инстинкт мозга. Глаза видят формы слов, плотность букв и ритм строк — именно то, что дизайнер хочет, чтобы оценивали рецензенты — не цепляясь за смысл.

Со временем копирования добавилось дополнительное искажение. Само первое слово является фрагментом: «Lorem» — не классическое латинское слово, оно произошло от «dolorem» (боль) с удалёнными первыми двумя буквами. Перемешивание никогда не претендовало на академическую точность; это было чисто функциональное типографское устройство.

Зачем дизайнеры используют текст-заполнитель

Основная цель Lorem Ipsum — разделение ответственности. Когда дизайнер представляет макет, цель — оценить визуальные решения: типографику, иерархию, отступы, цвет, пропорции и поток. При наличии реального контента клиенты и заинтересованные стороны инстинктивно начинают читать и редактировать слова. Они комментируют структуру предложений вместо того, чтобы замечать межстрочный интервал. Они замечают опечатку вместо того, чтобы увидеть, что заголовок слишком крупный для ширины колонки.

• Перенаправление внимания — текст-заполнитель удерживает внимание на форме, а не на смысле
• Реалистичный визуальный вес — Lorem Ipsum имеет естественное распределение коротких и длинных слов, придавая основному тексту реалистичную серую текстуру
• Никаких авторских прав — в отличие от использования реальных статей, Lorem Ipsum не несёт рисков интеллектуальной собственности
• Нейтральность для разных культур — он не несёт культурных ассоциаций, которые реальный текст на любом конкретном языке привнёс бы
• Скорость — дизайнеры могут мгновенно заполнить текстовые блоки, не записывая и не подбирая реальный текст

Lorem Ipsum против альтернатив

Хотя Lorem Ipsum является универсальным стандартом, для конкретных случаев существуют альтернативы. У каждой есть реальные компромиссы.

• Тематические генераторы (еда, технологии, природа) — создают читаемый текст в единой теме. Полезны для внутренних прототипов, где юмор улучшает командный дух, но опасны, если случайно остались в клиентских презентациях или рабочих страницах.
• Генераторы корпоративного жаргона — создают деловой бессмысленный текст. Отлично подходят для сатирического эффекта во внутренних макетах, плохи для серьёзной работы с макетами, поскольку текст слишком узнаваем и отвлекает.
• Библейские отрывки и текст из общественного достояния — исторически использовались до широкого распространения генераторов Lorem Ipsum. Проблема в том, что узнаваемый текст переключает читателей в режим понимания.
• Реальный контент — самый точный вариант при наличии реальных текстов. Реальный контент раскрывает реальные проблемы макета, которые Lorem Ipsum может скрыть, например слишком короткие заголовки или слишком длинные абзацы основного текста.

Когда Lorem Ipsum вреден

Lorem Ipsum — инструмент, и как любой инструмент он может быть использован неправильно. Есть конкретные ситуации, когда его не следует применять:

• Клиентские презентации с реальными UX-последствиями — если заинтересованная сторона должна оценить, передаёт ли призыв к действию правильное сообщение, текст-заполнитель полностью нивелирует цель
• Проверка доступности — тестирование с программами экранного чтения требует реального контента для оценки того, имеют ли смысл информационная иерархия и порядок чтения
• SEO-аудиты — Lorem Ipsum на любой публично индексируемой странице является штрафным фактором; он сигнализирует о низкокачественном контенте поисковым краулерам
• Пользовательское тестирование с реальными участниками — пользователи не могут дать значимую обратную связь о понимании контента, когда контент бессмысленный
• Интернационализация и RTL-макеты — Lorem Ipsum на латинском письме не даёт никакого сигнала о том, как макеты будут вести себя с арабским, ивритом или другими сценариями с написанием справа налево, имеющими совершенно иную ширину символов, структуру слов и поведение при переносе строк

Соображения по интернационализации

Одно из главных слабых мест Lorem Ipsum — интернационализация. Стандартный текст использует латинский шрифт, который разделяет характеристики ширины символов с английским и большинством западноевропейских языков. Но немецкие слова в среднем значительно длиннее, вызывая усечение в компонентах UI с фиксированной шириной, которые нормально выглядят с английским Lorem Ipsum. Арабский и иврит пишутся справа налево, а арабская соединяющая курсивная письменность создаёт совершенно иные распределения ширины букв. Языки CJK (китайский, японский, корейский) используют символы фиксированной ширины и почти не имеют нижних выносных элементов, создавая совершенно иную визуальную текстуру.

Для многоязычных продуктов используйте языко-специфичный текст-заполнитель или реальные образцы предложений на целевом языке. Несколько генераторов предоставляют арабские, китайские, японские и корейские варианты, дающие точный визуальный вес для этих письменностей.

Как работают генераторы Lorem Ipsum

Генератор Lorem Ipsum обычно хранит список словаря, производный от стандартного корпуса. Для генерации текста он случайно выбирает слова из этого списка, применяет простые эвристики длины предложений (смешивая короткие и длинные слова для имитации ритма естественной прозы) и собирает абзацы заданной длины. Результат статистически схож с каноническим Lorem Ipsum, но не идентичен при каждой генерации — что нормально для целей макетирования.

Генератор Lorem Ipsum BrowseryTools позволяет управлять выводом, указывая нужное количество слов, предложений или абзацев. Сгенерируйте одно предложение для заполнителя заголовка, несколько предложений для описания карточки или несколько абзацев для полного макета статьи — целиком в браузере без отправки каких-либо данных на сервер.

Практические советы по эффективному использованию Lorem Ipsum

• Соответствуйте реальной длине контента — если реальные заголовки вашего продукта в среднем имеют четыре слова, используйте четырёхсловные заполнители, а не двенадцатисловные
• Используйте для визуального ритма, а не для планирования контента — Lorem Ipsum говорит вам, дышит ли макет; он не говорит вам, работает ли ваша контентная стратегия
• Явно помечайте его — маркируйте контент-заполнитель в общих файлах и передачах разработчикам, чтобы они знали, что нужно заменить
• Переходите к реальному контенту перед пользовательским тестированием — любое тестирование, включающее понимание, выполнение задач или поведение при чтении, требует реального текста
• Генерируйте ровно нужную длину — слишком длинный Lorem Ipsum в небольшом компоненте скрывает баги переполнения и усечения