Що таке Lorem Ipsum?
Lorem Ipsum — стандартний текст-заповнювач у поліграфічній та видавничій галузях. Його походження сягає 45 р. до н. е.: це філософський трактат римського державного діяча Цицерона De Finibus Bonorum et Malorum («Про межі добра і зла»). Уривок із розділу 1.10.32 цього твору — починаючи з фрази «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet» — був перемішаний, скорочений і перепризначений складачами як нейтральний блок тексту, що імітує ритм справжньої прози, не відволікаючи читача зрозумілим змістом. Латиніст Річард Макклінток ідентифікував джерело у 1985 році, простеживши рідкісне слово consectetur до Цицерона.
Як працює генератор Lorem Ipsum?
Генератор випадково вибирає слова зі вбудованого списку слів для обраного варіанту та збирає їх відповідно до вибраного типу одиниці. Вся обробка виконується у вашому браузері:
- Ви обираєте варіант (Класична латина, Bacon, Hipster, Corporate, Cat або Pirate), який вибирає відповідний список слів, вбудований у сторінку.
- Ви обираєте тип одиниці: Слова, Речення, Абзаци або Елементи списку, і встановлюєте кількість від 1 до 500.
- Для слів генератор вибирає вказану кількість випадкових слів зі списку варіанту та з'єднує їх пробілами.
- Для речень кожне речення — це 8–15 випадкових слів, з великої літери на початку та крапкою в кінці. Приблизно 20% речень також містять кому після третього слова.
- Для абзаців кожен абзац містить 4–8 речень, з'єднаних пробілами та розділених від наступного абзацу порожнім рядком. Для елементів списку кожен елемент — 4–10 слів.
- Якщо «Починати з Lorem ipsum» увімкнено і активний Класичний варіант, канонічне відкриття «Lorem ipsum dolor sit amet, consectetur adipiscing elit» передує першому абзацу. Увімкнення «Обгортати в <p>» обгортає кожен абзац у HTML-теги для використання в CMS або шаблоні email.
Навіщо використовувати текст-заповнювач?
- Наповніть фрейм Figma або Sketch реалістичним контентом відповідної довжини, щоб клієнти могли оцінити макет, ієрархію та типографічний масштаб до того, як копірайтер надасть реальний текст.
- Заповніть кожне поле нового типу контенту багатоабзацним текстом — і ви виявите переповнення кількості символів, помилки обрізання та крайні випадки шаблону відображення до появи реального контенту.
- HTML-шаблони email поводяться по-різному в Outlook, Gmail та Apple Mail. Вставте обгорнуті абзаци та перевірте перенесення рядків, відступи та адаптивні точки зупинки у всіх трьох перед відправкою тестової кампанії.
- Друковані макети та PDF-мокапи потребують реалістично виглядаючих абзаців для демонстрації шрифтів, трекінгу та інтерліньяжу. Класичний Lorem Ipsum виконує цю роботу в дизайн-студіях з 1960-х.
Які поширені застосування тексту-заповнювача?
Lorem Ipsum зустрічається в робочих процесах дизайну, інженерії та роботи з контентом:
- Прототипи Figma та Sketch отримують ароматизований текст-заповнювач, вставлений у варіанти компонентів, щоб рецензенти могли оцінити щільність інформації, переповнення тексту та близькість кнопок без того, щоб сам текст ставав фокусом огляду.
- Коли ви створюєте новий тип контенту в WordPress, Contentful або Sanity, заповнення кожного поля багатоабзацним текстом-заповнювачем перевіряє шаблон відображення, конвеєр пошукового індексу та валідатори обмежень символів за один прохід.
- Опція обгортання HTML вставляє абзаци у
<p>-тегах безпосередньо в редактор HTML для email, як-от редактор коду Mailchimp або шаблон Litmus, щоб ви могли перевірити висоту рядка, згортання відступів та специфічні для Outlook інтервали у різних клієнтах без ручного написання фіктивних абзаців.
Як виглядає приклад Lorem Ipsum?
Встановіть варіант «Класичний», одиницю «Абзаци», кількість 3 та увімкніть «Починати з Lorem ipsum». Результат починатиметься з «Lorem ipsum dolor sit amet, consectetur adipiscing elit» і продовжуватиметься трьома повними абзацами латиномовної прози, розділеними порожніми рядками. Переключіть варіант на Bacon і регенеруйте: та сама структурна форма — три абзаци, та сама варіація довжини речень — але кожне слово є видом м'яса або способом куріння. Переключіть на Corporate — і прозу наповнять «синергія», «левередж» та «парадигма».
У чому різниця між варіантами Lorem Ipsum?
Кожен варіант використовує той самий структурний генератор — ту саму довжину речень (8–15 слів), той самий діапазон довжини абзаців (4–8 речень), ту саму частоту вставки ком. Змінюється лише список слів. Класичний використовує ~75 латинських слів, похідних від оригінального тексту Цицерона, для нейтрального, галузевого стандарту. Bacon, Hipster, Corporate, Cat та Pirate кожен використовує власний тематичний список слів (~30–50 слів) для гумористичного або контекстно-специфічного виводу.
Чому оригінальний текст Цицерона є основою?
Перемішаний уривок Цицерона є галузевим стандартом з 1960-х, коли Letraset його прийняв, а Aldus PageMaker включив його як вбудований заповнювач у 1985 році. Його повсюдність означає, що будь-який дизайнер, розробник або клієнт, що працював у візуальному дизайні, одразу впізнає його як навмисний заповнювач, а не помилку або незакінчений чорновик.
Чи можна генерувати не-латинський текст-заповнювач?
Не в поточній версії. Шість варіантів — це текст у діапазоні ASCII, що означає їхню роботу в будь-якому полі CMS, будь-якому HTML-атрибуті та будь-якому шаблоні email без проблем з кодуванням. Нелатинські шрифти (арабський, китайський, гінді) вимагають списків слів для кожного шрифту та врахування шрифтів, що виходить за рамки інструменту загального призначення.
Чи безпечно використовувати це в продакшені?
Так, з одним застереженням: Lorem Ipsum — це текст-заповнювач, а не реальний контент. Він підходить для стейджинг-середовищ, оглядів дизайну та дев-збірок — ніколи для опублікованих продакшн-сторінок, де він може бути проіндексований пошуковими системами як нісенітниця або збентежити реальних користувачів.
Цей генератор Lorem Ipsum виконується повністю у вашому браузері. Шість списків слів варіантів вбудовані в сторінку, без сторонньої бібліотеки та без мережевого виклику для кожної генерації. Встановіть варіант, одиницю та кількість; натисніть «Генерувати»; скопіюйте або завантажте результат.