Lorem ipsum и текст-заполнитель

Откуда взялся lorem ipsum

Знакомое «Lorem ipsum dolor sit amet…» — перепутанный отрывок из трактата Цицерона De finibus bonorum et malorum («О пределах добра и зла»), написанного в 45 году до н. э. Слова обрезаны и изменены: «lorem» — это окончание слова «dolorem», разорванного переносом строки в исходном отрывке. В результате текст похож на латынь, но как латынь не читается.

Печатники давно использовали такой заполнитель. Широко он распространился в 1960-х благодаря листам переводных букв Letraset, а в 1980-х его включали программы настольной вёрстки, например Aldus PageMaker. В 1990-х латинист Ричард Макклинток установил, что текст восходит к Цицерону. Поскольку источнику больше двух тысяч лет, текст можно использовать свободно.

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

Читаемый текст притягивает внимание: на обсуждении люди начинают комментировать формулировки, а не макет. В lorem ipsum естественно перемешаны короткие и длинные слова, и смысла в нём нет, поэтому глаз видит строки, абзацы и плотность набора, а не предложения. Это полезно для:

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

Когда заполнитель вводит в заблуждение

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

• Заголовки и кнопки, написанные позже, оказываются длиннее или короче заполнителя и ломают макет. Проверяйте самый короткий и самый длинный реалистичный текст, а не средний.
• Имена, адреса и цены имеют свою форму: двойная фамилия, улица из 30 символов, цена со знаком валюты и разделителями разрядов.
• Переводы часто длиннее английского текста, а короткие подписи могут удвоиться в длину. Немецкие составные слова не переносятся в конце строки без расстановки переносов.
• Настоящая структура приносит списки, ссылки, цитаты и подзаголовки, которых блок lorem ipsum никогда не покажет.

Для юзабилити-тестов используйте реалистичный текст. Участники не смогут оценить, понятна ли страница, и найти на ней информацию, если информация — латинский заполнитель.

Заполнитель на других языках

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

Поэтому генератор LeedyBox создаёт заполнитель и на корейском, японском и китайском. Для многоязычного сайта проверяйте каждый макет текстом на целевой письменности, а не lorem ipsum.

Лучшие заполнители для разных задач

Библиотеки тестовых данных, например Faker, генерируют правдоподобные имена, адреса и даты на многих языках для прототипов и автоматических тестов.

Перед публикацией

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

• поищите в коде и системе управления контентом «lorem», «ipsum» и другие пометки вашей команды, например «TODO» или «TBD»;
• проверьте места, которые никто не читает на ревью: заголовки страниц, метаописания, альтернативный текст изображений, сообщения пустых состояний и шаблоны писем;
• один раз прослушайте страницу с экранным диктором: заполнитель и отсутствующие подписи на слух замечаются гораздо легче.

Частые вопросы