Lorem Ipsum — что это такое и почему так выглядит
Скриншот из генератора шаблонного текста loremipsum.io для дизайнеров и веб-разработчиковЗачем используют текст-рыбу Lorem Ipsum
Есть несколько причин, которые берут свое начало в проблемах проектирования сайтов, сервисов и приложений.
Дизайнеры давно заметили, что, если на макете есть осмысленный текст, заказчик часто сосредоточивается на нем и упускает из виду визуальную составляющую, дает правки к формулировкам текста, а не к тому, как выглядят фоны или кнопки. В итоге дизайнеру приходится тратить дополнительное время, выполняя не свою работу (корректировать текст), что увеличивает время и стоимость разработки. Другая проблема — это параллельная работа копирайтера и дизайнера над проектом. Часто в то время, когда дизайнер рисует макет, у него еще нет согласованных текстов для него. Но какие-то тексты должны быть отражены на макете, чтобы как минимум было понятно, каким шрифтом они будут написаны.
В обоих описанных случаях было найдено удобное решение — не имеющий значения текст-рыба Lorem Ipsum, который просто вставляется в то место, где впоследствии будет осмысленный текст.
Большинство графических редакторов добавляет эту заглушку автоматически. Например, когда в Adobe Photoshop мы выбираем инструмент «Текст» и указываем область, где будут фразы, программа сама добавляет подходящий по размеру фрагмент Lorem Ipsum.
Такая заглушка позволяет дизайнерам продолжать работу над визуальным аспектом проекта и не зависеть от смысла текста. Но почему нельзя оставить просто пустое пространство для будущего «настоящего» текста? Потому что это испортит вид макета. Он станет неполным, ведь текст является важной частью дизайна. Его цвет, размер и форма имеют решающее значение для общей композиции. Кроме того, шрифт должен быть согласован с клиентом, поэтому необходимо отобразить какой-то текст в макете. Вот почему Lorem Ipsum, будучи самым популярным заполнителем, часто используется вместо придумывания текста.
Как появился Lorem Ipsum
Вопреки распространенному мнению, Lorem Ipsum — это не просто случайный набор слов, взятых с потолка.
На самом деле его корни восходят к фрагменту классической латыни 45 года н.э. Ричард МакКлинток, профессор латыни, обнаружил источник Lorem Ipsum в работе Цицерона под названием De Finibus Bonorum et Malorum. Этот трактат по этической теории был широко популярен в эпоху Возрождения, и первая строка Lorem ipsum dolor sit amet происходит от одной из строк в разделе 1.10.32 этого труда, но с искажениями, чтобы в тексте были как можно более разнообразные сочетания букв и слова разной длины.
Использование «Лорем Ипсум» в качестве текста-заставки широко распространено с XVI века. Уже тогда с помощью него средневековые книгопечатники демонстрировали различные шрифты, которые можно применять при создании книг. Традиция сохранялась многие века: например, в 60-х годах XX века с помощью Lorem Ipsum компания Letraset показывала заказчикам-дизайнерам различные шрифты, которые затем можно было использовать в оформлении рекламных плакатов и других видов графики.
С появлением графических редакторов для компьютеров широко известный латинский фрагмент по умолчанию вшили в инструмент «Текст».
Как переводится Lorem Ipsum на русский язык
Сегодня смысл этого текста не имеет никакого значения с точки зрения его применения. Но если вам все же интересно, то содержание касается нравственных, этических особенностей человеческого поведения, а именно влияния удовольствия и боли на поступки людей. Вот перевод латинского фрагмента на английский язык авторства Горация Х. Рэкхэма от 1914 года:
А вот примерный перевод этого же фрагмента на русский язык:
Надеемся, вам было любопытно узнать, что у «бессмысленного» текста довольно глубокое философское содержание.
Преимущества текста-рыбы Lorem Ipsum
- Он состоит из настоящих, пусть и устаревших слов, поэтому распределение по количеству букв и пробелов в этом тексте близко к реальному. Это позволяет довольно точно отразить нужный объем текста, который будет размещен в том или ином блоке.
Этого не получится добиться, просто копируя одно и то же слово или фразу. - За счет своей «реальности» текст выглядит настоящим и эстетичным, просто написанным на другом языке. Благодаря этому макет становится более живым.
- Текст Lorem Ipsum универсальный, все дизайнеры и верстальщики мира понимают его назначение. Поэтому достаточно просто использовать его, не делая для других участников проекта пояснений вроде «Здесь будет расположен текст на 200 слов».
- Достать текст-рыбу проще простого, он бесплатный и имеет довольно большой объем. Поэтому дизайнер сможет нарисовать любой макет в любое время, даже если копирайтер еще не приступил к созданию текстов.
- Использование Lorem Ipsum сильно ускоряет процесс отрисовки дизайн-макетов и их верстки на сайте. Не нужно ждать, пока заказчик согласует тексты. Можно просто заменить Lorem Ipsum на осмысленные фразы уже через систему управления контентом на сверстанном сайте.
Этого не получится добиться, просто копируя одно и то же слово или фразу.К сожалению, «рыбный» текст на латыни хорош не во всем.
Владельцы сайтов и приложений все чаще отказываются от параллельной работы дизайнера и копирайтера. Текст ставится во главу угла как основное средство донесения смыслов и ценности продуктов. Часто он пишется еще на этапе вайрфрейминга, то есть до отрисовки дизайн-макета. Поэтому использовать Lorem Ipsum не нужно.
Вот еще несколько минусов «Лорем Ипсум».
- Замедляет работу над контентом. Желая запустить сайт как можно скорее, вебмастера часто наполняют страницы заглушками и откладывают создание «настоящего» контента в долгий ящик. Это мешает продвижению ресурса и делает его бесполезным для пользователей.
- Иногда мешает размещению контента. Например, если копирайтер написал текст чуть длиннее размещенной ранее рыбы, то он не влезет в заданное место, будет отображаться некрасиво, поэтому понадобятся дополнительные траты времени на правку верстки.
- Провоцирует двойную работу по размещению контента. Если Lorem Ipsum не подставляется в верстку автоматически, то веб-разработчик или верстальщик будет делать двойную работу: сначала вручную добавлять «рыбный» текст, а потом менять его на реальный контент от копирайтера.
Где взять шаблонный текст Lorem Ipsum
Ресурсов, на которых можно взять текст-рыбу, в интернете довольно много. Ниже перечислены некоторые крупные сайты с хорошим функционалом, простым интерфейсом и некоторыми дополнительными, часто забавными возможностями. Вы можете сразу перейти по ссылке из нашей статьи и скопировать текст Lorem Ipsum нужного объема в свой проект.
Lorem Ipsum — Generator. Это простой онлайн-инструмент, который генерирует текст Lorem Ipsum с настраиваемыми параметрами, такими как количество абзацев, предложений в абзаце и слов в предложении. Интерфейс прост и удобен в использовании, что делает его отличным вариантом для тех, кому нужен быстрый и простой текст-заглушка.
Ipsum.com. Сайт предлагает широкий выбор вариантов Lorem Ipsum, включая классический текст, юмористические версии и даже политический или технический язык. Сайт имеет чистый и современный интерфейс, позволяющий пользователям легко генерировать и копировать нужный им текст.
Blind Text Generator. Этот инструмент генерирует не только текст Lorem Ipsum, но и так называемый blind text («слепой текст») на русском языке — бессмысленный, фиктивный текст, который никак не будет относиться к содержанию вашего сайта и будет служить только заглушкой. Он также предлагает возможности настройки, такие как выбор типа символов и длины текста. Уникальной особенностью этого ресурса является его способность генерировать blind text на разных языках, что делает его полезным для международных проектов.
«Слепой текст» на русском языке из сервиса Blind Text GeneratorFillerama. Это веселый и забавный генератор Lorem Ipsum, который генерирует цитаты из классических научно-фантастических телешоу и фильмов, таких как «Футурама» и «Звездные войны». Этот ресурс уникален тем, что предлагает игривый и творческий подход к традиционному тексту Lorem Ipsum, что делает его отличным вариантом для тех, кто хочет добавить немного юмора в свои проекты.
Bacon Ipsum. Это уникальный генератор Lorem Ipsum, который генерирует текст с использованием слов и фраз, связанных с беконом. Этот ресурс идеально подходит для тех, кто хочет добавить нотку юмора или причудливости в свои проекты. Интерфейс прост и удобен в использовании, пользователи могут выбирать количество генерируемых абзацев и предложений.
Юмористичный Lorem Ipsum с упоминанием различных мясных блюдHipster Ipsum. Это генератор, который пишет текст, используя слова и фразы, связанные с хипстерами. Этот ресурс отлично подходит для тех, чей проект ориентирован на молодую аудиторию. Интерфейс удобен, пользователи могут выбирать количество генерируемых абзацев, предложений и слов.
Lorem Ipsum с упоминанием хипстерских выражений и словДругие термины на букву «L»
Lunacy
← Все термины
Почему рыбный текст — это плохо и чем настоящий контент лучше Lorem Ipsum
Вы читаете перевод статьи Чаймы Лугмани “Why Testing with Real Content Is Better Than Lorem Ipsum”.
Над переводом работали: Ольга Жолудова и Ринат Шайхутдинов.Тестирование — это очень важный этап разработки удобных цифровых продуктов. Когда вы тестируете продукт с реальным контентом, гораздо выше шансы получить полезный фидбэк, что в свою очередь позволит вам сделать пользовательский опыт еще лучше.
Что такое Lorem Ipsum?
Lorem Ipsum — это текст-рыба, который используют издатели и дизайнеры, если оригинальный текст недоступен. Lorem Ipsum подставляют, чтобы не задерживать рабочий процесс и чтобы согласовать дизайн с заказчиком.
“Lorem Ipsum — это текст-рыба, который используют издатели и дизайнеры, если оригинальный текст недоступен”
Этот текст используется в печатной отрасли с 1500-х годов, а недавно он получил свое распространение и в сфере информационных технологий.
Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀
Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook
Считается, что Lorem Ipsum так популярен благодаря своей непримечательности и равномерному распределению букв: якобы такой текст меньше отвлекает при тестировании.
Вот ссылка на историю и значение Lorem Ipsum:
Lorem Ipsum — All the facts — Lipsum generator
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.lipsum.com
Проблемы с Lorem Ipsum
Как можно создать дизайн для того, чего ты не понимаешь? Как самый незначительный текст может повлиять на опыт взаимодействия?
Тестирование с Lorem Ipsum — это как блуждать в океане без карты: невозможно найти путь.
Людям сложно будет прокомментировать то, чего они не знают, и вам сложно проектировать то, чего вы не знаете. Используя Lorem Ipsum, вы просто откладываете решения о контенте в долгий ящик.
“Используя Lorem Ipsum, вы просто откладываете решения о контенте в долгий ящик”
Реальный контент лучше
Под реальным контентом я имею в виду тексты, похожие на те, что будут у вас в итоге: примерно из вашей области, примерно нужной длины, написанные похожим тоном.
Если вы тянете с контентом, потому что хотите сделать все идеально — не нужно.
Проведите небольшое исследование, вставьте хоть какие-то тексты, протестируйте и соберите быстрый фидбэк. Потом можно сделать еще итерацию, и еще — пока не получится хорошо. Есть масса способов написать реальный контент, несколько из них я перечислю ниже.
Соберите ценный фидбэк
Контент должен иметь отношение к вашему продукту. Прочитав ваши тексты, люди смогут прокомментировать как смысл написанного, так и стиль изложения. Это позволит вам проанализировать: удалось ли донести нужную мысль? вызывает ли выбранный стиль и тон доверие пользователей?
Иногда участники тестирования поднимают такие вопросы, о которых вы еще даже не задумывались. Они могут показать примеры решений, которые могли бы улучшить ваш дизайн. С Lorem Ipsum у вас не будет этого преимущества.
Адаптируйте дизайн под длину текста, а не наоборот
В наше время никто не понимает латынь, поэтому дизайнеры часто обрезают текст lorem ipsum как им удобно, чтобы дизайн выглядел аккуратно и красиво.
Реальный контент может быть совершенно другой длины. Можно обозначить какой-то диапазон текста (например, от 400 до 600 слов), но никто не напишет вам статью размером точно в 600 слов.
Проблема с Lorem Ipsum (Слева: приложение с текстом-рыбой; Справа: приложение с реальным контентом)
Когда вы используете реальный контент, не получится подбирать слова под лейаут. Вам придется копать глубже и адаптировать лейаут под контент. Убедитесь, что дизайн учитывает различные размеры текста, и задумайтесь об ограничениях и сценариях использования.
Где взять реальный контент
Привлеките своих клиентов
Клиент обычно разбирается в своей области лучше, чем вы. У него за плечами годы опыта, и он может привнести в дизайн много полезного. Можно вовлечь клиента в процесс создания контента и обсуждать с ним все вопросы и сомнительные моменты. Кроме того, можно спросить клиента о полезных ресурсах или попросить прокомментировать дизайн. Конкретнее формулируйте свои запросы, чтобы клиент понимал, что вам от него нужно.
Используйте контент партнеров вашего клиента
Скажем, в платформе, которую вы проектируете, будет секция новостей, а контент для этой секции будет загружаться через API из изданий The Time или The Daily Telegraph. Что ж, вы можете использовать в прототипе тексты из этих изданий. Даже если партнеры со временем поменяются, контент в прототипах все равно останется актуальным.
“Клиент обычно разбирается в своей области лучше, чем вы”
Используйте контент конкурентов
Обычно, когда вы проводите анализ конкурентов, у вас собирается приличный список продуктов, похожих на ваш (если, конечно, вы не разрабатываете какое-то уникальное решение). Можно использовать тексты конкурентов — все лучше, чем Lorem Ipsum.
Попросите участников тестирования подсказать ресурсы
В ходе тестирования попросите людей поделиться ресурсами, которыми они часто пользуются в повседневной жизни. Такой подход хорошо работает, когда вы ориентируетесь на определенную нишу и целевую аудиторию.
Участники тестирования помогут вам подобрать правильный контент. Обычно людям приятно помочь, и они не пожалеют времени на выполнение вашей просьбы. Главное попросите вежливо и по-доброму.
Подытожим
С Lorem Ipsum в дизайне нет души, нет эмоций. Когда вы используете реальный контент, вам приходится задумываться, какое сообщение вы хотите донести до пользователей? Поэтому давайте забудем про “здесь будет какой-то текст” и начнем работать с реальным контентом.
Эта статья была впервые опубликована на Marvel Why Testing with Real Content Is Better Than Lorem Ipsum. Большое спасибо Грэму Фултону за иллюстрации.
Генератор Lorem Ipsum в один клик | WebFX
Произведенное от латинского dolorem ipsum («сама боль»), Lorem Ipsum представляет собой текст-заполнитель, используемый издателями и графическими дизайнерами для демонстрации графических элементов.
Допустим, вы разрабатываете окончательную стратегию контент-маркетинга. Lorem Ipsum — это текст-заполнитель, который заменяет значимое содержимое.
Это позволяет дизайнерам сосредоточиться на создании графических элементов, таких как типографика, шрифт и макет страницы, прежде чем переходить к остальной части вашей стратегии. Перед публикацией вы заменяете текст Lorem Ipsum своим отточенным высококачественным контентом.
Обычно текст Lorem Ipsum состоит из перемешанного раздела De finibus bonorum et malorum, философского текста I века, написанного Цицероном. Слова добавляются, изменяются или удаляются, чтобы сделать его бессмысленным.
Одно из основных преимуществ использования Lorem Ipsum заключается в том, что его можно легко сгенерировать, и он избавляет дизайнеров от необходимости создавать осмысленный текст. Вместо этого они могут сосредоточиться на создании наилучшего веб-сайта и добавлять контент после того, как страница будет разработана.
С 1500-х годов, когда печатник смешал галерею шрифтов, чтобы создать книгу образцов шрифтов, Lorem Ipsum стал отраслевым стандартом для фиктивного текста.
Сегодня различные программы могут создавать случайный текст, напоминающий Lorem Ipsum.
Например, программы Apple Pages и Keynote используют зашифрованный текст-заполнитель. А Lorem Ipsum присутствует в Google Docs, WordPress и Microsoft Office Word.
Почему мы используем Lorem Ipsum?
Часто читатели отвлекаются на читаемый текст при просмотре макета страницы. Вместо текста-заполнителя с надписью «Вставьте сюда содержимое» Lorem Ipsum использует нормальное распределение букв, что делает его похожим на стандартный английский.
Это позволяет дизайнерам сосредоточиться на визуальных элементах, а не на том, что на самом деле говорит текст на странице.
Lorem Ipsum абсолютно необходим в большинстве дизайнерских случаев. Проекты веб-дизайна, такие как целевые страницы, редизайн веб-сайтов и т. д., выглядят так, как задумано, только когда они полностью наполнены контентом. Даже если дизайнерская работа великолепна, ее качество не будет очевидным, если все графические элементы свернуты друг на друга, потому что для их заполнения нет содержимого.
Lorem Ipsum может быть особенно полезен для проектов, связанных с дизайном социальных сетей, потому что практически невозможно продемонстрировать макет страницы социальной сети без какого-либо контента.
Где я могу получить Лорема Ипсума?
Сегодня существует множество вариаций Lorem Ipsum, и иногда в текст вносятся юмористические фразы.
Если вы собираетесь использовать Lorem Ipsum в качестве текста-заполнителя на своих страницах, вам нужно убедиться, что отрывок не содержит потенциально неловкой информации.
Используя наш генератор Lorem Ipsum, вы можете легко выбрать вариант для создания желаемого количества абзацев, предложений или слов Lorem Ipsum.
Кроме того, наш генератор может вставлять разметку HTML, создавать абзацы HTML и выделять текст жирным шрифтом или курсивом. Это делает его отличным вариантом для графических дизайнеров и веб-мастеров.
На самом деле нет предела тому, где можно использовать Lorem Ipsum. Неважно, создаете ли вы следующий Facebook или являетесь директором по маркетингу продавца промышленного тяжелого оборудования — Lorem Ipsum гарантирует, что все пройдет гладко (и считывается!) от проектирования до реализации.
Lorem Ipsum поддерживается WebFX. Чтобы узнать больше о наших услугах по увеличению доходов, посетите: SEO, интернет-маркетинг, веб-конверсия, редизайн веб-сайта, социальные сети и услуги онлайн-рекламы.
Чего ты ждешь? Не стесняйтесь попробовать!
Опасности lorem ipsum (и что использовать взамен)
Ты любишь лорем? Или вы ненавидите ipsum?
Я спрашиваю, конечно, о фиктивном тексте.
Давно используемая форма текста-заполнителя в макетах дизайна и т. Д. Стандартное использование фиктивного текста в последние годы подверглось критике по мере роста веб-дизайна (а Интернет делает распространение мнений намного более эффективным).
Но к чему все эти споры? И что мы, дизайнеры, должны делать, если не используем фиктивный текст?
Читай, бесстрашный конструктор, и не бойся будущего без лоремов.
Что такое фиктивный текст?
Для непосвященных… фиктивный текст — это текст-заполнитель, который часто используется вместо обычного текста.
Он используется в макетах дизайна, чтобы получить представление о том, как будет выглядеть конечный продукт, даже если копия еще не доступна.
Текст-пустышка чаще всего появляется как абзац латинского текста, датируемый 45 г. до н.э. и начинающийся следующим образом:
Фраза lorem ipsum довольно хорошо известна в редакционном мире. Он использовался с первых дней печати и набора текста — подумайте о 1500-х годах — и вы можете слышать, как люди ссылаются на lorem ipsum, когда они просто имеют в виду копию.
Преимущества lorem ipsum text
То, что существовало веками, безусловно, имеет такую стойкость не просто так. Вот некоторые из основных причин, по которым фиктивный текст может быть для вас отличным инструментом:
- Он дает хорошее «ощущение» того, каким будет дизайн, когда на нем будет истинная копия, даже если эта копия еще не доступна.
- Он демонстрирует типографику и показывает, как она вписывается в общее впечатление от дизайна.
- Он делает и то, и другое, не отвлекая внимания — настоящая копия привлечет читателя и отвлечет от цели макета, которая состоит в том, чтобы оценить его с точки зрения дизайна, а не смотреть на фактическое содержание.
Недостатки lorem ipsum text
Некоторые дизайнеры рассматривают использование фиктивного текста как философское утверждение, сводя содержание к второстепенной роли и тем самым уменьшая истинное значение текста на веб-сайте. Если дизайн хорош, утверждает теория, то не имеет большого значения, что написано в тексте.
Очевидно, , а не правда. Копирование и дизайн должны сочетаться друг с другом, чтобы создать отличный пользовательский интерфейс на красивом, полезном и эффективном веб-сайте.
Противники фиктивного текста справедливо отмечают, что текст и дизайн вовсе не являются отдельными элементами. Они должны подпитывать друг друга и укреплять друг друга.
Короче говоря, веб-дизайн не существует в вакууме, и любой веб-сайт, созданный без оглядки на то, что на самом деле будет сказано в тексте, не оправдает ожиданий и, в конечном счете, не будет работать.
Позиция такова, что копирование не является второстепенным, последним шагом в списке дел перед публикацией сайта. Вместо этого текст является первичным, неотъемлемым элементом и чем-то, что принадлежит наряду с дизайном в списке приоритетов. Идея о том, что дизайн «сделан» после создания макета, в лучшем случае близорука, а в худшем — губительна для бизнеса.
Как двигаться вперед без фиктивного текста
Любой дизайнер знает, что веб-дизайн — это процесс, а не разовое упражнение по генерации идей. В конце концов, конечно, можно работать над дизайном, когда копия еще не доступна.
Но вопрос интересный: можно ли действительно создать отличный веб-сайт, не имея копии? Я (лично) склоняюсь к нет.
Я действительно думаю, что можно разработать большие идеи веб-сайта до того, как у вас будет копия, если у вас есть хорошее представление о цели сайта и общее представление о том, какой контент будет включен.
Я также считаю, что абсолютно необходимо иметь копию на руках и видеть ее на эскизах дизайна, прежде чем вы действительно сможете представить полностью разработанный, прекрасно выполненный сайт. Текст важен — это важнейший элемент маркетинга, и его важность нельзя недооценивать. (Спросите любого копирайтера, и он скажет вам, что хороший текст и уродливый дизайн будут продаваться лучше, чем плохой текст и красивый дизайн каждый день, каждый день!)
Дизайн, на мой взгляд, должен включать в себя приливы и отливы самой копии. Может случиться так, что ваш дизайн невероятно хорошо подходит для копии, которая окажется на нем, но также может быть так же вероятно, что что-то не совсем подходит правильно и нуждается в некоторой настройке или модификации, чтобы сделать дизайн настолько сильным, насколько это возможно.