27.06.2022
1302

Что такое Lorem ipsum и для чего используется

Юлия Заблоцька
автор ApiX-Drive
Время прочтения: ~9 мин

В процессе разработки веб-страницы ее заполняют специально сгенерированным текстом-бессмыслицей, который называется Lorem ipsum (на сленге дизайнеров – «рыба»). Расскажем, что это такое, зачем используется и где его можно получить.

Содержание:
1. Что такое Lorem ipsum
2. Зачем нужен Lorem ipsum
3. Имеет ли значение язык
4. Способы генерации шаблона
5. Генераторы Lorem ipsum
6. Как сгенерировать в Microsoft Word
7. Противопоказания к использованию
8. Подведем итоги

***

Что такое Lorem ipsum

Lorem ipsum dolor sit amet... Звучит как страшное древнее заклинание. Не бойтесь, ничего потустороннего вы не вызовете. Это всего лишь «латинская заглушка» или, как говорят между собой дизайнеры, «рыба». Ее предназначение – имитировать текст на странице сайта. Такой «наполнитель» экономит время веб-дизайнерам (им не нужно ждать, когда появится готовый контент) и дает возможность заказчику полностью сосредоточиться на оценке графического исполнения продукта.

Латынь хороша тем, что ее невозможно перепутать со своим родным языком. Таким образом исключается ошибочное утверждение текста редактором и отправка его на публикацию.

О чем этот текст

Мало кто вникает в смысл этого текста. Многие вообще считают его абстрактной технической абракадаброй, даже не подозревая, насколько ошибаются.

Оказывается, автор странного фрагмента – древнеримский политический деятель, оратор, писатель и философ Марк Тулий Цицерон. Текст взят из его трактата под названием «О пределах добра и зла», который был написан им в 45 году до н. э. В нем он рассуждает о проблемах морали и общества, понятиях добра и зла, а также бытовой жизни римлян.  

Сочетание слов «Lorem ipsum» нельзя назвать правильным, потому что «Lorem» – часть слова «Dolorem». Целиком предложение, внутри которого оно находится, выглядит вот так: «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit …».

Фрагмент «Lorem ipsum» содержит множество искаженных строк. Поэтому для определения настоящего источника текста ученым пришлось провести полноценное расследование. Принадлежность к трактату Цицерона обнаружили сотрудники журнала о дизайне «Before & After» лишь в 1994 году. Только вот зачем понадобилось переиначивать слова философа?

Ответ прост. «Lorem ipsum» – панграмма или разнобуквица (фраза, выражение или текст, которые включают в себя все буквы из алфавита). Ее задача – демонстрация шрифта, поэтому смысл при ее создании не имеет особого значения. 

Панграммы есть в разных языках мира. Приведем несколько примеров. В украинском одна из наиболее интересных: "Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб". В английском: «Quick brown fox jumps over the lazy dog» (переводится как «Шустрая бурая лисица прыгает через ленивого пса»). В русском: «Съешь ещё этих мягких французских булок да выпей чаю». И все-таки разнобуквица «Lorem ipsum» – самая известная и часто используемая. 

История появления и применения

В период Средневековья наборщики текста параллельно выполняли обязанности типографа – занимались созданием образцов шрифтов с разными вариантами начертания для книгопечатания. Текстовая заглушка позволяла им узнать, сколько строк поместится на странице и годится ли выбранный шрифтовый дизайн для конкретной книги. Одному из наборщиков пришло в голову сделать текст бессмысленным, чтобы заказчик уделял максимум внимания графическому исполнению шрифта, а не содержанию написанного. В тот момент под руку ему подвернулась страница из книги Цицерона и он «сконструировал» из нее ту самую абракадабру: латинское «dolorem», обозначающее «страдание» или «боль», после «отсечения лишнего» трансформировалось в «lorem». Вот так появился широко известный веб-дизайнерам абзац.

В XX столетии Lorem ipsum стал стандартом в отрасли дизайна. В 1960-е годы при необходимости вставить в готовящийся рекламный макет печатный текст его не отрисовывали вручную, а брали трафарет и переводили с него нужное начертание. Такие листы-«переводилки» производило британское предприятие «Letraset». Текстом трафарета, как вы уже догадались, служил тот самый Lorem ipsum в ассортименте форматов и размеров.

В эпоху компьютеризации разрабатывать графический дизайн стало гораздо проще. В 1985 году компания Aldus выпустила PageMaker 1.0 – одну из первых программ, предназначенных для макетирования и верстания страниц. В перечень ее функций входила и «рыба» с цицероновским Lorem ipsum.

Зачем нужен Lorem ipsum

Заказчик не всегда может сразу дать дизайнеру уже подготовленные рекламные слоганы, тексты с описаним состава продукта для его упаковки или комплект статей для разрабатываемого сайта. Обычно дизайнер, копирайтер и маркетолог работают над одним проектом одновременно. Поэтому место, где должен находиться настоящий текст, временно закрывают бессмысленным набором слов – плейсхолдером или заглушкой. Lorem ipsum – самый известный плейсхолдер, широко используемый в макетах.

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

Имеет ли значение язык

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

Верстальная программа Adobe InDesign дает возможность выбрать нужный язык плейсхолдера, и каждая страница автоматически будет заполнена «рыбой» на латинице, кириллице или иероглифике.

Свяжите сервисы между собой без программистов за 5 минут!

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

Наверное, каждый из вас хоть раз загружал из интернета готовые шаблоны (поздравительной открытки, поста в соцсеть, презентации). В местах введения текста там был Lorem ipsum на английском, так как целевая аудитория – англоговорящие люди. Если вы собираетесь ставить туда текст на русском, важно помнить, чем отличается латиница от кириллицы. Может получиться, что он окажется длиннее, и вам из-за этого придется идти на уменьшение размера шрифта. Если размер не имеет особого значения, смело демонстрируйте своему заказчику макет с классическим Lorem ipsum и не тратьте время на подбор русскоязычной заглушки.  

Способы генерации плейсхолдера

Есть несколько способов сгенерировать Lorem ipsum:

  • Онлайн-генератор. Удобен тем, что ничего не нужно устанавливать дополнительно. С его помощью можно генерировать как слова по отдельности, так и целые абзацы или списки). Также есть возможность настроить размеры текста для заглушки. Готовый плейсхолдер нужно всего лишь скопировать со страницы онлайн-генератора и вставить к себе.
  • Консольная утилита. Системная программа Terminal – универсальный инструмент, с помощью которого можно сделать даже «рыбу» для веб-страницы. Воспользуйтесь для этого менеджером пакетов npm для Node.js и установите выбранную утилиту (к примеру, Getlorem).
  • GUI-приложение. Установив его на персональный компьютер, можно сгенерировать слова либо абзацы и скопировать их в буфер, после чего вставить текст-заглушку на веб-страницу. Это приложение очень простое в использовании, но при этом слишком малофункциональное. Поэтому «тегать» текст нужно будет самостоятельно вручную. Пример такой программы для macOS – LoremBuilder (распространяется бесплатно).
  • Подключаемый модуль. Для большинства редакторов кода разработаны специальные модули, с помощью которых «рыбный» текст создается и вставляется прямо в самом приложении. В качестве примера приведем кроссплатформенный редактор исходного кода Visual Studio Code. Подключаемые модули к нему можно взять из каталога Marketplace. Правда, и здесь придется заниматься рутинной ручной работой по заключению готового текста в теги.

Генераторы Lorem ipsum

Генератор Lorem ipsum – инструмент для создания своего шаблона. Его главный плюс в том, что он заботливо предоставляет пользователю уже готовый текст. Это здорово экономит время, так как не надо мониторить другие сайты в поисках подходящей заглушки или писать ее с нуля. Кроме классического варианта, сегодня с его помощью можно сгенерировать практически все, что угодно, даже оригинальные и смешные тексты.

Онлайн-генератор loremipsum.io


Онлайн-генераторы

Предлагаем список онлайн-генераторов Lorem ipsum на любой вкус:

  • Lorem-ipsum.info
  • Blind Text Generator
  • Getlorem
  • Bacon ipsum
  • Heisenberg Ipsum
  • Hipster Ipsum
  • HodorIpsum
  • Dummy Text Generator
  • Corporate Ipsum
  • BS Ipsum
  • Not Lorem Ipsum
  • Veggie Ipsum
  • Lebowski ipsum
  • Space Ipsum
  • Trollem Ipsum

Приложения и браузерные расширения

Кроме онлайн-генераторов Lorem ipsum, которые обычно используются на персональном компьютере, есть приложения для создания шаблона на мобильном устройстве и браузерные расширения, выполняющие ту же функцию.

  • WebTool Lorem Ipsum Filler (для Android)
  • Lorem Ipsum Random Text Generator (для Android)
  • Lord Ipsum (для iOS)
  • Lorem Ipsum Generator (расширение для Google Chrome)
  • Yet Another Lorem Ipsum Generator (расширение для Google Chrome)
  • Lorem Fill (расширение для Opera)
  • OpenLorem (расширение для Mozilla Firefox)

Плагины для текстовых редакторов

Добавлять Lorem ipsum в документ HTML можно с помощью специальных плагинов для текстовых редакторов. В качестве примера приведем несколько самых распространенных.

Для WordPress CMS:

  • WordPress Example Content
  • WordPress Lorem Ipsum Generator

 Для Atom Text Editor:

  • Atom Lorem Ipsum Package
  • Atom Lipsum Generator

 Для Sublime Text Editor:

  • Sublime Lorem Text
  • Sublime Lorem Ipsum Generator

 Для Brackets Text Editor:

  • Brackets Lorem Ipsum Package

Как сгенерировать в Microsoft Word

Для создания классической текстовой заглушки Lorem ipsum можно использовать не только онлайн-генераторы, специальные модули, приложения, но и обычный MS Word. Генерируется она здесь очень легко.

Откройте документ, напишите (или скопируйте-вставьте) в нужном вам месте комбинацию =lorem() и нажмите клавишу Enter. Перед вами появится «рыбный» текст – тот самый, цицероновский. Удобно, что в скобках вы можете указать необходимое количество абзацев и сколько предложений должно быть в каждом. К примеру, =lorem(3,4) выдаст вам 3 абзаца, каждый из них будет содержать по 4 предложения.


Пользуетесь MS Word 2007 и хотите плейсхолдер на том языке, который у вас установлен в настройках программы? Тогда примените комбинацию =rand() и не забудьте нажать Enter. У вас сгенерируется произвольный массив текста на этом языке.

Противопоказания к использованию

В некоторых случаях применять текстовую заглушку категорически не рекомендуется. Когда вид текста имеет определяющее значение в разработке дизайна страницы, работа вслепую приведет к тому, что придется все переделывать заново.

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

При разработке дизайна айдентики или рекламы иногда в креативе нуждается сама типографика. Для создания шрифтовых композиций могут корректироваться расположение, начертания и размеры каждой буквы. Использовать плейсхолдер здесь тоже нельзя.

На возможность использования шаблона влияет несколько факторов: важность дизайнерского решения, сложность текста и сроки сдачи проекта. Если творческий замысел тесно связан с типографикой, от Lorem ipsum следует отказаться.

Подведем итоги

Сегодня доступно большое количество прекрасно читаемых «рыбных» текстов. Чаще всего ими пользуются исключительно для заполнения пустующего места. Обычно эти варианты цицероновского Lorem ipsum довольно интересны и представляют собой короткие смешные или лишенные какого-либо смысла истории.

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