Что в дизайне называется рыбой
Рыба (заготовка)
Рыба — жаргонное название текста, используемого в качестве заготовки. Используется в различных областях деятельности.
В сочинении песен — набор слов или слогов («ла-ла») в нужном размере, заменяющий текст, если сначала пишется музыка.
В переводе текстов — черновой вариант перевода.
В деловой практике — стандартный шаблон договора, делового письма, рекламного предложения и т.п., используемый как первоначальная основа для выработки окончательного варианта.
В научном делопроизводстве — черновик текста (отзыва или рецензии), передаваемый заинтересованным лицом специалисту для правки и на подпись.
Радиолюбители называют рыбой монтажную плату для макетирования радиоустройств. [1]
Содержание
В производстве веб-сайтов
Рыба в веб-дизайне — временное наполнение макета страницы для имитации её законченного вида. У дизайнера не всегда есть под рукой материалы, которые планируется публиковать на веб-сайте и поэтому нужно использовать что-то иное чтобы показать как дизайн будет работать в естественных условиях. При этом рыбное содержимое не обязано обладать смыслом — здесь важно визуальное восприятие. Рыбным содержимым может быть не только текст, но и изображения (например, иллюстрации к статье, аватары пользователей, кадры из видео для видеоплеера, баннеры и т. д.). Дизайнер рыбу может придумать самостоятельно, а может скопировать с другого аналогичного сайта. В случае с текстом можно воспользоваться программой-бредогенератором или же вставить классический рыбный текст «Lorem ipsum».
На макете дизайна веб-страницы рыба может обладать и информативными функциями. Например, в рыбном тексте дизайнер может показать верстальщику какие следует выставить отступы, межстрочный интервал, маркеры списков, цвета различных ссылок и подобное. Эти же моменты он может описать и непосредственно рыбным текстом.
Рыба может понадобиться не только веб-дизайнеру, но и на последующих этапах создания сайта. Так как верстальщик получает от дизайнера макет вместе с рыбой, то на выходе у него получается свёрстанная страница с рыбным содержимым. В этом случае рыба ещё и демонстрирует как работает вёрстка в различных веб-браузерах. Далее рыба может применяться программистами для временного наполнения сайта демонстрационным содержимым на этапе тестирования или демонстрации функционала заказчику. В связи с этим в некоторые редакторы исходного кода встраивают бредогенераторы (например, в PSPad).
§ 66. Рыба
Чтобы показать заказчику эскизы, нужно где-то найти тексты и картинки. Как правило, ни того, ни другого в момент показа эскизов у дизайнера нету. Что же делает дизайнер? Рыбу.
Рыбу можно вставлять, использовать, вешать, заливать, показывать, запихивать. Словом, с ней делают что угодно, лишь бы эскиз был максимально похож на готовую работу.
Если в качестве рыбных картинок использовать цветные прямоугольники, а вместо текста — несколько повторяющихся слов, эскиз будет выглядеть неестественно.
Сравним три примера:
Тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст
Принцип восприятия непредвзято создает паллиативный интеллект, условно. Концепция ментально оспособляет закон внешнего мира. Сомнение раскладывает на элементы неоднозначный структурализм. Смысл жизни профанирует принцип восприятия, отрицая очевидное. Жизнь философски ассоциирует напряженный постмодернизм. Объект деятельности означает конфликт. Согласно предыдущему, конфликт, в рамках сегодняшних воззрений, ясен не всем.
Те, кому когда-либо приходилось делать в квартире ремонт, наверное, обращали внимание на старые газеты, наклеенные под обоями. Как правило, пока все статьи не перечитаешь, ничего другого делать не можешь. Интересно же — обрывки текста, чья-то жизнь. Так же и с рыбой. Пока заказчик не прочтет всё, он не успокоится. Бывали случаи, когда дизайн принимался именно из-за рыбного текста, который, разумеется, никакого отношения к работе не имел.
Иногда даже хорошие дизайнеры не утруждают себя набиванием абстрактного текста, а вписывают три-четыре слова (пример в левой колонке). Это очень плохо, потому что не позволяет зрителю оценить, как на самом деле будет выглядеть текст. Повторяющийся паттерн (узор) текста — один из самых плохих эффектов при показе дизайна.
Текст ни о чем (пример в средней колонке) — хороший способ попытаться сосредоточить внимание заказчика на дизайне, форме, верстке, цвете. Некоторые вместо текста вставляют философскую бессмыслицу. Так как читать такой текст неинтересно, то все внимание переключится на детали оформления.
Замечательный генератор гироскопическо-почвоведческого бреда работает по адресу referats.yandex.ru
Каждая студия выбирает свой стиль работы с рыбой. Автор считает, что все тексты нужно писать самому дизайнеру (правая колонка). У нас в студии принято составлять такую рыбу, чтобы она сама по себе вызывала желание принять дизайн. Поэтому очень часто рыба становится частью готового проекта — так она нравится клиенту.
Lorem Ipsum: как появилась главная дизайнерская «рыба» и с чем её едят
Каждый дизайнер знаком с античной литературой — по собственным макетам!
freepik / pch.vector / Freepik / Cris Foto / Shutterstock / OlyaSnow для Skillbox Media
Lorem Ipsum — звучит как заклинание из книжек про Гарри Поттера. Что это такое?
Пишет о дизайне в Skillbox, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.
Зачем вообще печатать в макетах какой-то случайный текст?
Не всегда заказчик может предоставить дизайнеру готовые слоганы для рекламных баннеров, описания для упаковок товаров или тексты для сайтов. Часто дизайнеры, маркетологи и копирайтеры работают параллельно. Поэтому вместо реального текста вставляют бессмысленный — его ещё называют плейсхолдером. Lorem Ipsum — самый популярный плейсхолдер, можно вставить его в макет и ничего не выдумывать самому.
А нельзя просто оставлять пустое место там, где потом появится реальный текст?
Нет, так обычно не делают. Текст — это тоже часть дизайна, его цвет, размер и форма букв важны для общей композиции. К тому же с клиентом нужно согласовывать выбор шрифта, поэтому какой-то текст ему показать точно придётся.
А как так получилось, что из всей мировой литературы использовать стали какой-то древний Lorem Ipsum?
Принято считать, что это давняя традиция книгопечатников: ещё 500 лет назад с помощью Lorem Ipsum демонстрировали разные шрифты. Сочетание было взято из труда Цицерона, но с намеренными небольшими искажениями — так, чтобы сочетания разных букв оптимально демонстрировали пластику шрифта: сложные комбинации букв и межсимвольные интервалы.
Традицию возродили в прошлом веке: в 1960-х годах Lorem Ipsum начали использовать в компании Letraset. Она производила листы с буквами разных шрифтов, которые можно было вырезать и вставлять в макеты, — так дизайнеры работали до появления компьютеров. А с развитием технологий в первом издательском ПО для Apple от компании Aldus Corporation этот текст был уже вшит в систему — им можно было автоматически заполнять листы. В дальнейшем компания Adobe также установила эту «рыбу» по умолчанию в своих графических редакторах.
Сейчас Lorem Ipsum используют в разных сферах: и в издательском деле, и в веб-дизайне, и в дизайне рекламы и упаковок.
Значит, это лучший плейсхолдер на все случаи жизни?
Не совсем так, он просто самый популярный. Иногда язык имеет большое значение. В кириллице слова в среднем более длинные, а буквы менее однородны по ширине. Из-за этого размер предложений и ритмический рисунок текста в кириллице и латинице сильно различаются.
Чтобы точно понять, как будет смотреться лист русскоязычного текста, лучше взять плейсхолдер на русском. В популярной программе для вёрстки Adobe InDesign, например, можно вручную выбрать язык «рыбы», и все листы автоматически заполнятся кириллицей, латиницей или иероглифами.
То есть для России Lorem Ipsum неактуален?
Актуален. Его используют в тех случаях, когда детальный художественный вид текста не имеет критического значения. Например, если это состав продукта на этикетке или второстепенная информация на сайте. В этом случае «рыба» просто обозначает, что здесь будет несколько строк тёмных букв определённым шрифтом.
Если вы будете скачивать какие-нибудь готовые шаблоны постов, презентаций или листовок, в них тоже, скорее всего, будет использован Lorem Ipsum — они ориентированы на широкую англоговорящую аудиторию, но текст можно заменить на русскоязычный.
Важно держать в голове отличия латиницы от кириллицы. На месте популярного плейсхолдера, скорее всего, будет более длинный, а может, и вынужденно более мелкий русскоязычный текст. Если это несущественно, макет с Lorem Ipsum можно смело показывать заказчику. Иногда просто нет смысла долго колдовать над русскоязычной «рыбой». Проще вставить стандартное Lorem Ipsum, дождаться реального описания или слогана от заказчика и тогда разбираться.
Значит, работа с плейсхолдерами всё-таки ограничивает дизайнера?
Да, у плейсхолдеров много противников. Внешний вид текста имеет большое значение в дизайне, и работать вслепую нравится не всем.
Если речь идёт о длинных текстах в книге или каталоге, важна вёрстка абзацев, заголовков, примечаний, переносов слов, отсутствие дефектов, которые типографы называют « коридорами », « вдовами » и « сиротами ». В коротких слоганах или названиях и вовсе зачастую проводят ювелирную работу над межбуквенными интервалами. Всё это бессмысленно делать с плейсхолдером — хоть латинским, хоть русскоязычным.
К тому же иногда креатив в дизайне рекламы или айдентики завязан именно на типографике — шрифтовые композиции делают, изменяя местоположение, размер и начертание букв. И для этого плейсхолдер тоже не подходит.
Но бизнес-процессы диктуют свои условия: нередко у клиентов просто нет готового текста, а разработка дизайна — долгий процесс, и необходимо скорее начать, чтобы успеть к дедлайну. Конечно, если художественный замысел завязан на типографике, от Lorem Ipsum и других плейсхолдеров стараются отказаться. Всё зависит от важности конкретного дизайн-решения, сложности составления текста и сроков проекта.
Что ж, видимо, плейсхолдеры мне в жизни когда-нибудь пригодятся. Где взять этот Lorem Ipsum?
Есть официальный сайт Lipsum, на котором можно генерировать текст. Но так делают редко. В большинстве графических редакторов эту «рыбу» можно вставить автоматически, в этом и есть её суть — быстрота и удобство использования.
А если только начинаете знакомиться с дизайнерским ПО, записывайтесь на курс Skillbox по графическому дизайну. Вы овладеете основными инструментами, чтобы начать создавать дизайн — с плейсхолдерами или без них.
Текстовая «рыба». Для чего она нужна и где ее «поджарить»
Один из основных этапов разработки сайта – это создание дизайна страниц. И часто веб-дизайнеру еще до публикации сайта нужно продемонстрировать заказчику внешний вид каждого раздела.
Сайт – это не только красивые картинки. На нем еще обязательно должен присутствовать текст. И вот как будет выглядеть этот текст на страницах, тоже нужно показать клиенту.
Заниматься плагиатом и брать тексты с других сайтов не следует. Хорошо, если у заказчика уже есть готовый «набор» уникальных текстов для каждой страницы. Ну а если текстов нет? Как продемонстрировать, как будет выглядеть текст на сайте?
Для решения этого вопроса используется текстовая «рыба», которая не несет смысловой нагрузки и применяется только для имитации содержания страниц ресурса.
Осмысленный текст может отвлекать внимание от дизайна, поэтому «рыбу» использовать куда целесообразней.
Самый распространенный текст «рыбы» — это «Lorem ipsum», искаженный отрывок из трактата Цицерона, написанный на латинском языке еще в 45 году до нашей эры.
Но это не значит, что в роли текста-рыбы можно использовать только этот текст. Применять можно любую тарабарщину, написанную вручную или сгенерированную с помощью специальных сервисов.
Текст-«рыба» применяется только для временного размещения, и как только у вас появится готовый, уникальный контент, нужно сразу заменить им залитый изначально словесный бред.
Созданию «рыбы» нужно уделять максимум внимания. Перечитайте текст-заполнитель, убедитесь, что в нем нет нецензурных выражений, оскорблений и тому подобного.
Сегодня многие иностранные специалисты выступают против использования «рыбы», утверждая, что контент – это самое важное в создании сайта. Но если готовых текстов для ресурса нет, использование такого текста остается единственным выходом из ситуации.
Сервисы для генерации текстовой «рыбы»
«Рыба» — это особое блюдо, и ее, даже текстовую, лучше готовить каждый раз по-разному, иначе быстро приестся.
Freelance.Today решил подсказать вам несколько ресурсов для генерации рыботекста.
Самый популярный – это Lipsum.com. Он позволяет задать нужные параметры текста — количество слов, параграфов, абзацев, страниц. Готовую тарабарщину остается только скопировать из браузера и вставить куда нужно. Сервис работает на многих языках, в том числе на русском и украинском.
Можно приготовить сладкий «рыба» — текст про тортики и пирожные. Для этого используйте ресурс Cupcake Ipsum.
Если вам по нраву творчество Самуэля Джексона, то можете использовать Samuel L. Ipsum. Ресурс генерит текст из самых популярных выражений героев фильмов, которых он сыграл.
Хочется чего-то неимоверно крутого? Сгенерите текст на Hipster Ipsum.
Любителям колбасных изделий придется по вкусу тарабарщина, созданная с помощью Bacon Ipsum.
А если вы любите сыр, добро пожаловать на Cheese Ipsum.
Текст для вегетарианцев можно сгенерить на Veggie Ipsum.
И напоследок, два русских генератора бредотекста:
Что такое рыбный текст и зачем он нужен
Обсуждаем один из наиболее противоречивых инструментов для разработчиков и верстальщиков. Выясняем, что такое рыба-текст, где он используется и зачем.
Что представляет собой текст-рыба?
Рыбный текст – это текст, выполняющий исключительно утилитарную функцию. Он не вписывается в контекст сайта, на котором используется, и нужен только для заполнения пространства. Зачастую такой текст даже не имеет четкого смысла и представляет собой набор слов и фраз, которые вроде бы формируют грамматически верные конструкции, но какой-либо мысли в них не прослеживается.
Рыбу используют вебмастера, веб-дизайнеры и разработчики, у которых нет под рукой готового текста, но нужно как-то оценить внешний вид контента на готовой странице. Оценить, насколько хорошо он вписывается в дизайн и не «плывет» ли верстка.
Lorem Ipsum
Это наиболее распространенный вариант рыбного текста, использующийся в печатной индустрии, в дизайне и в разработке. Lorem Ipsum обрел свое нынешнее назначение еще в 16 веке. Тогда неизвестный печатник использовал этот отрывок, чтобы показать разные варианты шрифтов в специальной книге с образцами начертаний текста.
Lorem Ipsum был вновь популяризирован в 60-х годах, когда его использовали в качестве образца на листах Letraset. Позднее отрывок перекочевал в цифровой мир, где ему нашлось известное применение.
С момента появления Lorem Ipsum практически не менялся. Появилось несколько вариаций (в том числе и юмористические версии).
Текст выглядит так:
«Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum».
Это, кстати, не набор случайных слов, а фрагмент классической латыни 2000-летней давности.
Асемическое письмо
Этот термин происходит от асемии – понятия, обозначающего неспособность индивида понимать текст в любой форме. Асемическое письмо – это тип письма, не подразумевающий употребление слов. Под эту категорию попадает наскальная живопись, шифры и каракули.
В дизайне и разработке асемическое письмо используется в качестве рыбного текста, чтобы заполнить пустые поля в верстке и проверить, как будет выглядеть то или иное количество букв в уже готовом дизайне страницы.
Естественно, никакого смысла в таком тексте нет.
Зачем нужен рыбный текст?
Считается, что наличие осмысленного контента на странице может отвлекать дизайнеров и разработчиков от их деятельности. Если быть точнее, то готовый контент смещает внимание со структуры и верстки на мысли, доносимые текстом на сайте.
Lorem Ipsum и асемическое письмо такого эффекта не дают. А еще, в отличие от повторяющегося текста и заглушек в духе «напишите что-то здесь, напишите что-то там», внятная «рыба» более или менее похожа на «человеческий» текст в плане распределения букв и фраз по странице.
Таким образом, люди, не занимающиеся контентом, получают реалистичную болванку, не отвлекающую их от основной работы.
Альтернативные применения
На ум приходят как минимум четыре дополнительных варианта использования «рыбы»:
Преимущества «рыбы»
Когда речь идет о преимуществах неосмысленного текста в разработке или дизайне, обычно упоминают его непримечательность, но есть еще пара значимых моментов.
Во-первых, «рыба» – это бесплатно. Не нужно платить копирайтеру, чтобы тот наполнял сайт. Можно скопировать на страницу тот же Lorem Ipsum и спокойно продолжать работу над другими аспектами ресурса.
Во-вторых, добавить «болванку» проще и быстрее, чем готовый контент, который еще предстоит согласовать с администратором сайта. А верстать зачастую приходится гораздо раньше, чем найдется хотя бы один подходящий автор для заполнения страницы.
Основные недостатки рыбных текстов
Использование «рыбы» на протяжении нескольких веков считалось нормой и переросло в некий стандарт, несмотря на радикально меняющиеся сферы ее использования. Но подвижки в сторону отказа от рыбных текстов уже имеются и всплывают в сети все чаще.
Подход к разработке и созданию сайтов за последние 5 лет поменялся. Сейчас все строится вокруг контента. Контент стал основой даже для визуальной составляющей страниц и для их структуры.
Из-за этого в рыба-тексте (как явлении) материализовались серьезные недостатки, мешающие разработке. По мнению современных программистов, верстальщиков и дизайнеров, он создает помехи и усложняет работу над финальным дизайном.
Мешает начать работу над контентом сайта
Есть мнение, что разработка сайта с использованием Lorem Ipsum лишь замедляет работу над подходящим текстом. Вебмастера пользуются «рыбой», чтобы отложить создание контента и наполнение сайта на потом. Якобы для начала надо решить более серьезные задачи.
Особенно это касается тех сайтов, содержание которых не было продумано заранее. Есть вероятность, что после появления текстов некоторые компоненты страницы придется заменить, так как они не будут подходить под содержимое ресурса.
Это лишь замедлит работу над сайтом и заметно отсрочит ключевой этап разработки – создание контента.
Некорректно отображает контент на странице
Асемическое письмо и Lorem Ipsum нужно правильно подстраивать под верстку страницы. Чтобы нигде ничего не обрезалось или, наоборот, не выползало за пределы элементов сайта.
Суть в том, что неосмысленный текст может вмещаться в существующие рамки, а вот контент от копирайтера – нет. Придется либо переделывать размер компонентов страницы, либо сокращать текст, чтобы тот влез в сайт, который тестировался на ином контенте.
Где взять «рыбу»?
Для тех, кого не смущают недостатки рыбных текстов.
Самый очевидный способ раздобыть рыбный текст – написать свой. Особо не задумываясь, набрать случайные слова и фразы.
Если лень тратить время даже на это и хочется максимально автоматизировать процесс, то стоит присмотреться к генераторам рыба-текстов. Например, к таким:
Выводы
Рыбный текст – это то, что нужно использовать осторожно. Вставляйте текст-заглушку осмысленно, чтобы по итогу «рыба» не помешала разработке и не замедлила процесс размещения и публикации настоящего контента.