Леттеринг что это такое в дизайне

Что такое леттеринг и где он применяется

Надписи вокруг нас — не только информация, но красота и даже искусство. При условии, что они выполнены в технике леттеринга.

Что это за штука такая?

Леттеринг — это рисование букв. С помощью этой техники можно создавать уникальные надписи: на бумаге, доске, стене или на компьютере — в любом графическом редакторе.

Хорошо, и как это выглядит?

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

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

Получается, это то же самое, что каллиграфия?

Нет. Каллиграфия — это когда буквы пишут пером, кистью или маркером. Вроде того как школьник в тетрадке, только еще красивее. Форма букв в каллиграфии зависит от размера и формы пишущего инструмента, его наклона и нажима на бумагу.

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

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

Бывают такие декоративные шрифты с завитушками и контурами… Это тоже леттеринг?

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

Так заморачиваться ради единственной надписи! Зачем вообще нужен этот леттеринг?

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

Источник

Леттеринг в веб-дизайне

Что такое леттеринг

Шрифтом называют набор символов, которые могут использоваться в любом порядке. Если дизайнер создает рукописный шрифт, буквы в словах будут выглядеть одинаково. Например, шрифт Segoe Script имитирует написание букв рукой, однако, на самом деле это набор символов:

Если использовать такой шрифт, буквы в словах будут написаны одинаково, что невозможно, если бы надпись на самом деле была написана от руки:

В этом примере видно, что повторяющиеся в словах буквы «д» и «а» одинаковые.

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

Примеры применения леттеринга в веб-дизайне

Леттеринг набирает популярность в дизайне как в графическом дизайне, так и в вебе. Рассмотрим несколько примеров использования леттеринга при создании дизайна сайтов.

Логотипы и оформление продукта

У множества современных компаний логотипы и оформлены в стиле леттеринг. Например, всем известные компании Ford, Johnson & Johnson, Disney и другие.

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

Баннеры

Чтобы выделить акцию или другое специальное предложение, для привлечения внимания клиентов используются баннеры с надписями в стиле леттеринг. Такой прием увеличивает вероятность того, что пользователь обратит внимание на надпись и изображение. На сайте компании «Дисней» есть несколько баннеров с такими надписями:

Крупные стилизованные надписи в ярком цвете могут стать элементом привлечения внимания. Еще о таких элементах читайте в этой статье.

Заголовки и надписи

Изображения и иллюстрации

Надпись бросается в глаза, в тоже время смысл самого текста не теряется, несмотря на обилие декоративных элементов.

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

Здесь дизайнеры воспринимают надпись как полноценное изображение и «встраивают» ее в общую концепцию сайта.

Когда использовать леттеринг

1. Тематика и настроение ресурса

2. Цветовая гамма

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

3. Смысл

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

Нюансы использования леттеринга в веб-дизайне

Если дизайнер хочет использовать леттеринг при создании дизайна сайта, он неизбежно столкнется с трудностями.

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

Еще 5 примеров использования леттеринга на практике

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

Кафе Saan food

Дизайнеры используют леттеринг в создании логотипа, зеркально располагая надписи. Логотип используется как полноценная иллюстрация и создает контраст с темным фоном и яркими фотографиями пищи. Также леттеринг используется как заголовок одного из разделов.

Магазин s.Oliwer

Компания по разработке digital-продуктов

В этом примере используется надпись в стиле леттеринг как элемент привлечения внимания пользователя к призыву к действию. Белая надпись контрастирует с видеобэкграундом и выделяет красную кнопку. Несмотря на то, что компания занимается разработкой технических решений, надпись «от руки» придает сайту человечности.

Сайт об истории футбола

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

Студия дизайна DRAFT

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

Подводя итоги, можно сказать, что леттеринг используется веб-дизайнерами, чтобы придать ресурсу «человечность», «одушевить» продукт и вызвать у клиента положительные эмоции. Создается леттеринг профессиональными иллюстраторами или специалистами в этой области, а затем переводится в цифровой вид. Леттеринг можно использовать как в качестве рукописного шрифта для заголовков, так и как полноценное стилизованное изображение. Несмотря на то, что данное направление больше встречается в графическом дизайне, его можно развивать и в вебе.

В студии дизайна IDBI можно заказать как дизайн сайта в классическом стиле, так и с использованием различных декоративных элементов, в том числе надписей в стиле леттеринг. Мы ценим оригинальность в работах, так как это отличает сайт от похожих ресурсов по тематике и запоминается пользователями. В тоже время мы не забываем про юзабилити и делаем веб-страницы удобными для посетителей. Ознакомьтесь с выполненными проектами в разделе «Портфолио» и заказывайте дизайн в нашей студии.

Источник

Что такое леттеринг: уникальный дизайн букв и слов

Стиль шрифта помогает передать характер бренда — например, подчеркнуть его серьёзность, яркость, индивидуальность. Это может пригодиться во всех областях дизайна — будь то упаковка, одежда, плакаты или маркетинговые материалы. Поэтому навыки леттеринга будут полезны любому дизайнеру. Студенты факультета графического дизайна GeekBrains проходят основы леттеринга и типографики в первой четверти курса. А для остальных читателей мы подготовили вводную статью по основам леттеринга, в которой рассказали:

Что такое леттеринг

Леттеринг (lettering) — это художественное оформление букв в тексте. Главные составляющие в леттеринге — это творчество автора и одновременно следование определённой технической концепции. В леттеринге всегда сочетаются оригинальность и мастерство.

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

Цифровой леттеринг больше подходит, когда элементы нужно использовать в диджитал-среде — тогда художник или дизайнер создаёт их с помощью специальных программ на компьютере или планшете.

Смешанный леттеринг — это перенос ручных эскизов в цифровой формат (где их можно доработать), и наоборот.

Чем леттеринг отличается от каллиграфии и типографики

Каллиграфия — это, в первую очередь, письмо. Основные технические инструменты каллиграфии — ручка, перо, фломастер, кисть. Тексты создаются по чётким правилам — размер букв всегда одинаковый, как и расстояния между ними. Это отличает каллиграфию от техники леттеринга. Кроме того, каллиграфические тексты пишутся от руки с первого раза. А в леттеринге эскизы можно переделывать и подгонять под авторскую задумку.

Типографика — это работа в текстах уже с готовыми шрифтами. Они также могут быть нестандартными, с деталями, но соотношение размеров букв и расстояний между ними снова всегда одинаковое. А леттеринг подразумевает уникальность конкретной буквы для каждого текста.

Как появился леттеринг

Леттеринг используют давно. Например, рекламные афиши Тулуз-Лотрека к парижским кабаре 19-го века — типичный леттеринг. Автор стилизовал надписи, учитывая их задачи, и превратил текст в самостоятельное произведение искусства.

То же самое можно увидеть в работах Альфонса Мухи. На его рекламных плакатах каждая надпись выполнена в собственном стиле и составляет единое целое с остальной афишей.

Стиль леттеринга может превратить текст в полноценные рисунки и абстракцию, поэтому важно не переборщить. Основная цель леттеринга — привлечь внимание клиента и донести до него основную идею. Поэтому текст должен быть читаемым.

Виды леттеринга

С течением времени появилось множество стилей, в которых работают леттеринг-художники. Перечислить их все будет так же сложно, как вспомнить все существующие шрифты. Остановимся на самых популярных стилях.

Sans Serif

Стиль без засечек. Один из основных современных шрифтов, основа для работы дизайнеров и художников.

Serif

Так же популярен, как и предыдущий. Основное отличие — наличие засечек, которые придают тексту визуальную строгость и официальность.

Coursive

Стиль, который может применяться как к отдельным словам, так и ко всему тексту. Обычно то, что выделяется курсивом, особенно привлекает внимание и действует как маркер.

Фоновые рисунки

Иногда автор отдаёт предпочтение работе с фоном. Буквы в этом случае делаются более скромными, а весь акцент переносится на то, что позади них.

Детали и дополнительные элементы

Этот стиль подразумевает работу как с деталями букв, так и с пространством вокруг них. Всё ограничивается только фантазией автора и задачами текста.

Объём

Необычный стиль, привлекающий внимание. Буквы можно сделать трёхмерными, уходящими в перспективу, выпуклыми и вогнутыми.

Винтажный стиль

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

Готический стиль

Специфический стиль, для которого характерны острые элементы в буквах, чёткость и графичность.

Граффити

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

Смешение стилей

Главная идея леттеринга — отразить творческий потенциал автора. Соответственно, автор-художник может свободно использовать стили, в том числе миксовать их.

Где применяется леттеринг

В маркетинге. Наверное, самая широкая сфера использования леттеринга. В маркетинге с его помощью создаётся айдентика проектов — логотипы, фирменные надписи для рекламных кампаний, афиши.

Визуальные элементы в одежде. Это могут быть принты в виде букв-рисунков, украшающие изделие.

Визуальные элементы в дизайне. Иногда текст нужно встроить в дизайн интерьера, поместив его на стену, дверь, потолок или окно. Обычно художники-дизайнеры создают леттеринг под запросы клиента.

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

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

Леттеринг в профессии дизайнера

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

Где научиться леттерингу

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

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

Стиль шрифта помогает передать характер бренда — например, подчеркнуть его серьёзность, яркость, индивидуальность. Это может пригодиться во всех областях дизайна — будь то упаковка, одежда, плакаты или маркетинговые материалы. Поэтому навыки леттеринга будут полезны любому дизайнеру. Студенты факультета графического дизайна GeekBrains проходят основы леттеринга и типографики в первой четверти курса. А для остальных читателей мы подготовили вводную статью по основам леттеринга, в которой рассказали:

Что такое леттеринг

Леттеринг (lettering) — это художественное оформление букв в тексте. Главные составляющие в леттеринге — это творчество автора и одновременно следование определённой технической концепции. В леттеринге всегда сочетаются оригинальность и мастерство.

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

Цифровой леттеринг больше подходит, когда элементы нужно использовать в диджитал-среде — тогда художник или дизайнер создаёт их с помощью специальных программ на компьютере или планшете.

Смешанный леттеринг — это перенос ручных эскизов в цифровой формат (где их можно доработать), и наоборот.

Чем леттеринг отличается от каллиграфии и типографики

Каллиграфия — это, в первую очередь, письмо. Основные технические инструменты каллиграфии — ручка, перо, фломастер, кисть. Тексты создаются по чётким правилам — размер букв всегда одинаковый, как и расстояния между ними. Это отличает каллиграфию от техники леттеринга. Кроме того, каллиграфические тексты пишутся от руки с первого раза. А в леттеринге эскизы можно переделывать и подгонять под авторскую задумку.

Типографика — это работа в текстах уже с готовыми шрифтами. Они также могут быть нестандартными, с деталями, но соотношение размеров букв и расстояний между ними снова всегда одинаковое. А леттеринг подразумевает уникальность конкретной буквы для каждого текста.

Как появился леттеринг

Леттеринг используют давно. Например, рекламные афиши Тулуз-Лотрека к парижским кабаре 19-го века — типичный леттеринг. Автор стилизовал надписи, учитывая их задачи, и превратил текст в самостоятельное произведение искусства.

То же самое можно увидеть в работах Альфонса Мухи. На его рекламных плакатах каждая надпись выполнена в собственном стиле и составляет единое целое с остальной афишей.

Стиль леттеринга может превратить текст в полноценные рисунки и абстракцию, поэтому важно не переборщить. Основная цель леттеринга — привлечь внимание клиента и донести до него основную идею. Поэтому текст должен быть читаемым.

Виды леттеринга

С течением времени появилось множество стилей, в которых работают леттеринг-художники. Перечислить их все будет так же сложно, как вспомнить все существующие шрифты. Остановимся на самых популярных стилях.

Sans Serif

Стиль без засечек. Один из основных современных шрифтов, основа для работы дизайнеров и художников.

Serif

Так же популярен, как и предыдущий. Основное отличие — наличие засечек, которые придают тексту визуальную строгость и официальность.

Coursive

Стиль, который может применяться как к отдельным словам, так и ко всему тексту. Обычно то, что выделяется курсивом, особенно привлекает внимание и действует как маркер.

Фоновые рисунки

Иногда автор отдаёт предпочтение работе с фоном. Буквы в этом случае делаются более скромными, а весь акцент переносится на то, что позади них.

Детали и дополнительные элементы

Этот стиль подразумевает работу как с деталями букв, так и с пространством вокруг них. Всё ограничивается только фантазией автора и задачами текста.

Объём

Необычный стиль, привлекающий внимание. Буквы можно сделать трёхмерными, уходящими в перспективу, выпуклыми и вогнутыми.

Винтажный стиль

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

Готический стиль

Специфический стиль, для которого характерны острые элементы в буквах, чёткость и графичность.

Граффити

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

Смешение стилей

Главная идея леттеринга — отразить творческий потенциал автора. Соответственно, автор-художник может свободно использовать стили, в том числе миксовать их.

Где применяется леттеринг

В маркетинге. Наверное, самая широкая сфера использования леттеринга. В маркетинге с его помощью создаётся айдентика проектов — логотипы, фирменные надписи для рекламных кампаний, афиши.

Визуальные элементы в одежде. Это могут быть принты в виде букв-рисунков, украшающие изделие.

Визуальные элементы в дизайне. Иногда текст нужно встроить в дизайн интерьера, поместив его на стену, дверь, потолок или окно. Обычно художники-дизайнеры создают леттеринг под запросы клиента.

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

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

Леттеринг в профессии дизайнера

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

Где научиться леттерингу

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

Источник