0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Мнения</a></p>
1
<p><a>#Мнения</a></p>
2
<ul><li>1 авг 2023</li>
2
<ul><li>1 авг 2023</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><h2>Зачем нам леттеринг, раз есть шрифты?</h2>
4
</ul><h2>Зачем нам леттеринг, раз есть шрифты?</h2>
5
<p>Чем именно отличаются рисованные буквы от наборных и почему не проще оформить текст готовыми литерами.</p>
5
<p>Чем именно отличаются рисованные буквы от наборных и почему не проще оформить текст готовыми литерами.</p>
6
<p>Иллюстрация: Аня Макарова для Skillbox Media</p>
6
<p>Иллюстрация: Аня Макарова для Skillbox Media</p>
7
<p>Шрифтовая и графическая дизайнерка. Соосновательница "Бюробукв".</p>
7
<p>Шрифтовая и графическая дизайнерка. Соосновательница "Бюробукв".</p>
8
<em>Фото: личный архив Ольги Паньковой</em><p>Выпускница кафедры дизайна в МЭИ и двухлетнего курса "Шрифт и типографика" в Британской высшей школе дизайна. Работает шрифтовой и графической дизайнеркой. Соосновательница "Бюробукв". Преподавательница BBE и BoldItalic. Рисовала буквы для "Яндекса", "ВКонтакте", МТС, "МегаФона", "Арзамаса" и многих других. Финалистка и победительница конкурсов D&AD, ADC Awards, "Современная кириллица", Granshan, Morisawa Type Design Competition, фестиваля "Среда", TDC.</p>
8
<em>Фото: личный архив Ольги Паньковой</em><p>Выпускница кафедры дизайна в МЭИ и двухлетнего курса "Шрифт и типографика" в Британской высшей школе дизайна. Работает шрифтовой и графической дизайнеркой. Соосновательница "Бюробукв". Преподавательница BBE и BoldItalic. Рисовала буквы для "Яндекса", "ВКонтакте", МТС, "МегаФона", "Арзамаса" и многих других. Финалистка и победительница конкурсов D&AD, ADC Awards, "Современная кириллица", Granshan, Morisawa Type Design Competition, фестиваля "Среда", TDC.</p>
9
<p>Использовать в дизайне готовый шрифт, а не отрисовывать свои буквы - это просто. Но это не всегда поможет отразить суть задачи.</p>
9
<p>Использовать в дизайне готовый шрифт, а не отрисовывать свои буквы - это просто. Но это не всегда поможет отразить суть задачи.</p>
10
<p>Для начала давайте чётко определим, что такое леттеринг и что такое шрифт.</p>
10
<p>Для начала давайте чётко определим, что такое леттеринг и что такое шрифт.</p>
11
<p><strong>Шрифт - это система</strong>, в которой все знаки подчинены общему принципу, графической идее и прекрасно работают в любой последовательности.</p>
11
<p><strong>Шрифт - это система</strong>, в которой все знаки подчинены общему принципу, графической идее и прекрасно работают в любой последовательности.</p>
12
<p><strong>Леттеринг - это уникальный рисунок</strong>букв, который создают специально под задачу. В этом рисунке каждая буква подстраивается под другую, и если попробовать такую композицию разобрать и сложить из знаков что-то другое, то, скорее всего, ничего не получится.</p>
12
<p><strong>Леттеринг - это уникальный рисунок</strong>букв, который создают специально под задачу. В этом рисунке каждая буква подстраивается под другую, и если попробовать такую композицию разобрать и сложить из знаков что-то другое, то, скорее всего, ничего не получится.</p>
13
"Чистый дом" набрано шрифтом<a>Curbe</a><em>Изображение: личный архив Ольги Паньковой</em>"Чистый дом" оформлено леттерингом<em>Изображение: личный архив Ольги Паньковой</em><p>Взять готовый шрифт проще всегда, но:</p>
13
"Чистый дом" набрано шрифтом<a>Curbe</a><em>Изображение: личный архив Ольги Паньковой</em>"Чистый дом" оформлено леттерингом<em>Изображение: личный архив Ольги Паньковой</em><p>Взять готовый шрифт проще всегда, но:</p>
14
<ul><li>Как правило, у дизайнеров нет шрифтов на абсолютно все случаи жизни и задачи.</li>
14
<ul><li>Как правило, у дизайнеров нет шрифтов на абсолютно все случаи жизни и задачи.</li>
15
</ul>Леттеринг на обложках кинофильмов<em>Изображения: постер к фильму "Сладкая женщина" / "Полосатый рейс" / "Ленфильм"</em><ul><li>Те подходящие шрифты, которые есть в доступе, настолько распространены, что клиент не хочет из-за них слиться с общей массой.</li>
15
</ul>Леттеринг на обложках кинофильмов<em>Изображения: постер к фильму "Сладкая женщина" / "Полосатый рейс" / "Ленфильм"</em><ul><li>Те подходящие шрифты, которые есть в доступе, настолько распространены, что клиент не хочет из-за них слиться с общей массой.</li>
16
</ul><p>Классный современный шрифт обычно очень быстро становится модным, популярным и массово появляется везде. При этом каждый человек, каждый заказчик хочет не быть как все, а выделяться - товаром на полке продуктового магазина, книжного, музыкального, принтом на футболку или уникальным леттерингом на постере.</p>
16
</ul><p>Классный современный шрифт обычно очень быстро становится модным, популярным и массово появляется везде. При этом каждый человек, каждый заказчик хочет не быть как все, а выделяться - товаром на полке продуктового магазина, книжного, музыкального, принтом на футболку или уникальным леттерингом на постере.</p>
17
<ul><li>Нарисовать несколько букв под конкретную задачу намного<strong>выгоднее,</strong>чем рисовать целый шрифт.</li>
17
<ul><li>Нарисовать несколько букв под конкретную задачу намного<strong>выгоднее,</strong>чем рисовать целый шрифт.</li>
18
</ul><p>Обычно разработка леттеринга не так уж и затратна, как по времени, так и по стоимости.</p>
18
</ul><p>Обычно разработка леттеринга не так уж и затратна, как по времени, так и по стоимости.</p>
19
<p>Хотя бывает и так, что заказчик просит нарисовать леттеринг, но выгоднее и удобнее сделать шрифт, который будет подобен леттерингу. Например, "Яндекс Лавка" привлекла меня на задачу создать буквы для их упаковки, при этом надо было учесть, что названия будут меняться и добавляться. Поэтому, утвердив эскиз, я создала декоративный, но разборчивый шрифт, состоящий только из строчных букв кириллицы.</p>
19
<p>Хотя бывает и так, что заказчик просит нарисовать леттеринг, но выгоднее и удобнее сделать шрифт, который будет подобен леттерингу. Например, "Яндекс Лавка" привлекла меня на задачу создать буквы для их упаковки, при этом надо было учесть, что названия будут меняться и добавляться. Поэтому, утвердив эскиз, я создала декоративный, но разборчивый шрифт, состоящий только из строчных букв кириллицы.</p>
20
Кастомный шрифт, а не леттеринг для "Яндекс Лавки"<em>Изображение: "Яндекс Лавка" / личный архив Ольги Паньковой</em><p>Технологии развиваются, и благодаря этому мы всё чаще видим шрифты, которые были созданы из леттеринга или настолько декоративны, что похожи на леттеринг. Раньше инструменты не позволяли делать настолько сложные контуры - теперь же дизайнеры практически не ограничены в реализации.</p>
20
Кастомный шрифт, а не леттеринг для "Яндекс Лавки"<em>Изображение: "Яндекс Лавка" / личный архив Ольги Паньковой</em><p>Технологии развиваются, и благодаря этому мы всё чаще видим шрифты, которые были созданы из леттеринга или настолько декоративны, что похожи на леттеринг. Раньше инструменты не позволяли делать настолько сложные контуры - теперь же дизайнеры практически не ограничены в реализации.</p>
21
<p>Вот несколько примеров таких экспериментальных шрифтов:</p>
21
<p>Вот несколько примеров таких экспериментальных шрифтов:</p>
22
<ul><li><a>Chippo</a> - буквы в нём будто вырезаны стамеской по дереву.</li>
22
<ul><li><a>Chippo</a> - буквы в нём будто вырезаны стамеской по дереву.</li>
23
</ul><em>Изображение: Teo Tuominen /<a>Future Fonts</a></em><ul><li><a>Civilitate</a> - его графика напоминает курсивное окологотическое письмо от руки секретарей французского Возрождения.</li>
23
</ul><em>Изображение: Teo Tuominen /<a>Future Fonts</a></em><ul><li><a>Civilitate</a> - его графика напоминает курсивное окологотическое письмо от руки секретарей французского Возрождения.</li>
24
</ul><em>Изображение: lo-ol Typefoundry /<a>Future Fonts</a></em><ul><li><a>WHOA</a> - вариативный шрифт с эффектом 3D.</li>
24
</ul><em>Изображение: lo-ol Typefoundry /<a>Future Fonts</a></em><ul><li><a>WHOA</a> - вариативный шрифт с эффектом 3D.</li>
25
</ul><em>Изображение: Vectro /<a>Future Fonts</a></em><ul><li><a>Kilter</a> - с визуальной текстурой за счёт букв, врисованных в буквы.</li>
25
</ul><em>Изображение: Vectro /<a>Future Fonts</a></em><ul><li><a>Kilter</a> - с визуальной текстурой за счёт букв, врисованных в буквы.</li>
26
</ul><em>Изображение: Manic Type /<a>Future Fonts</a></em><p>Можно начать работу со свободного поиска и без каких-либо рамок для креатива. Но если вам нужно сделать уникальное оформление текста для логотипа или элемента дизайна, у меня есть несколько мини-советов:</p>
26
</ul><em>Изображение: Manic Type /<a>Future Fonts</a></em><p>Можно начать работу со свободного поиска и без каких-либо рамок для креатива. Но если вам нужно сделать уникальное оформление текста для логотипа или элемента дизайна, у меня есть несколько мини-советов:</p>
27
<ul><li>Проанализируйте задачу.</li>
27
<ul><li>Проанализируйте задачу.</li>
28
</ul><p>Какие буквы максимально отражают настроение и ощущение продукта? Какую интонацию должны буквы передать? Что-то строгое и спокойное, или быстрое и яркое, или вкусное и мягкое, или острое и резкое…</p>
28
</ul><p>Какие буквы максимально отражают настроение и ощущение продукта? Какую интонацию должны буквы передать? Что-то строгое и спокойное, или быстрое и яркое, или вкусное и мягкое, или острое и резкое…</p>
29
<ul><li>Попробуйте составить композицию в заданных рамках.</li>
29
<ul><li>Попробуйте составить композицию в заданных рамках.</li>
30
</ul><p>Конкретность задачи, как правило, упрощает работу.</p>
30
</ul><p>Конкретность задачи, как правило, упрощает работу.</p>
31
<p>Вы точно знаете, куда буквы надо вписать, какой размер полотна, какая компоновка элементов, под какое разрешение должна быть сделана картинка. Отталкиваясь от этих параметров и учитывая первый пункт, сделайте скетчи.</p>
31
<p>Вы точно знаете, куда буквы надо вписать, какой размер полотна, какая компоновка элементов, под какое разрешение должна быть сделана картинка. Отталкиваясь от этих параметров и учитывая первый пункт, сделайте скетчи.</p>
32
Леттеринг для издательства "МИФ" - два эскиза и финал<em>Изображение: издательство "МИФ" / личный архив Ольги Паньковой</em><ul><li>Обратитесь к визуальному контексту.</li>
32
Леттеринг для издательства "МИФ" - два эскиза и финал<em>Изображение: издательство "МИФ" / личный архив Ольги Паньковой</em><ul><li>Обратитесь к визуальному контексту.</li>
33
</ul><p>Если продукт или текст, который вам надо проиллюстрировать - а леттеринг это, по сути, иллюстрация, только буквенная, - имеет какую-то историческую и/или географическую отсылку, стоит изучить шрифты этого времени и территории. И, возможно, вдохновиться аутентичными примерами, чтобы точнее попасть в идею и позиционирование.</p>
33
</ul><p>Если продукт или текст, который вам надо проиллюстрировать - а леттеринг это, по сути, иллюстрация, только буквенная, - имеет какую-то историческую и/или географическую отсылку, стоит изучить шрифты этого времени и территории. И, возможно, вдохновиться аутентичными примерами, чтобы точнее попасть в идею и позиционирование.</p>
34
Книга "Подмастерье Гутенберга" издательства демонов печати, леттеринг на обложку сделал Олег Мацуев. Это современный дизайн, но с отсылкой к теме книги и готике<em>Изображение: издательство<a>Demon Press</a></em><ul><li>Сделайте ещё больше скетчей.</li>
34
Книга "Подмастерье Гутенберга" издательства демонов печати, леттеринг на обложку сделал Олег Мацуев. Это современный дизайн, но с отсылкой к теме книги и готике<em>Изображение: издательство<a>Demon Press</a></em><ul><li>Сделайте ещё больше скетчей.</li>
35
</ul><p>Отрисуйте как можно больше скетчей карандашом на бумаге или на планшете. Отвлекитесь, потом посмотрите, какая из композиций лучше читается, смотрится оригинальнее и соответствует задаче. После этого добавьте на кальке или в новом слое массы и детали буквам.</p>
35
</ul><p>Отрисуйте как можно больше скетчей карандашом на бумаге или на планшете. Отвлекитесь, потом посмотрите, какая из композиций лучше читается, смотрится оригинальнее и соответствует задаче. После этого добавьте на кальке или в новом слое массы и детали буквам.</p>
36
<ul><li>Оцените в масштабе 1:1.</li>
36
<ul><li>Оцените в масштабе 1:1.</li>
37
</ul><p>Выбрав 2-3 идеи, проверьте, как они работают в размере. Перенесите условный эскиз в масштаб потенциального носителя, проверьте, насколько буквы распознаваемы, не залипают ли. Всё ли вас устраивает, если посмотреть издалека.</p>
37
</ul><p>Выбрав 2-3 идеи, проверьте, как они работают в размере. Перенесите условный эскиз в масштаб потенциального носителя, проверьте, насколько буквы распознаваемы, не залипают ли. Всё ли вас устраивает, если посмотреть издалека.</p>
38
<p>Очень простой и действенный способ увидеть "косяки" в своей работе - это перевернуть лист или отразить в зеркале или на компьютере. Так меняется точка зрения, и сразу становится видно, что и где нужно поправить.</p>
38
<p>Очень простой и действенный способ увидеть "косяки" в своей работе - это перевернуть лист или отразить в зеркале или на компьютере. Так меняется точка зрения, и сразу становится видно, что и где нужно поправить.</p>
39
<ul><li>Не бойтесь поломать.</li>
39
<ul><li>Не бойтесь поломать.</li>
40
</ul><p>Экспериментируйте с буквами. Попробуйте, если позволяет задача, придумать и нарисовать какие-то оригинальные формы, сделать повторяющиеся буквы разных форм, но в одной выбранной стилистике.</p>
40
</ul><p>Экспериментируйте с буквами. Попробуйте, если позволяет задача, придумать и нарисовать какие-то оригинальные формы, сделать повторяющиеся буквы разных форм, но в одной выбранной стилистике.</p>
41
<p>Кстати, именно так можно отличить шрифт от леттеринга: в нарисованных<strong>под задачу</strong>буквы, подстраиваясь под соседей, будут всегда отличаться друг от друга.</p>
41
<p>Кстати, именно так можно отличить шрифт от леттеринга: в нарисованных<strong>под задачу</strong>буквы, подстраиваясь под соседей, будут всегда отличаться друг от друга.</p>
42
<ul><li>Не бойтесь перекреативить.</li>
42
<ul><li>Не бойтесь перекреативить.</li>
43
</ul><p>Леттеринг придуман, чтобы обращать на себя внимание и выделяться, поэтому не ограничивайте себя во время разработки. Сделайте какую-то неожиданную композицию или придумайте оригинальные лигатуры и фишки, выделяющие ваши буквы среди конкурентов. Лучше не стесняться выражать себя! Любую задачу практически всегда можно "успокоить" и сделать более "понятной": даже самую яркую идею потом можно будет сделать более читабельной и универсальной, если это потребуется.</p>
43
</ul><p>Леттеринг придуман, чтобы обращать на себя внимание и выделяться, поэтому не ограничивайте себя во время разработки. Сделайте какую-то неожиданную композицию или придумайте оригинальные лигатуры и фишки, выделяющие ваши буквы среди конкурентов. Лучше не стесняться выражать себя! Любую задачу практически всегда можно "успокоить" и сделать более "понятной": даже самую яркую идею потом можно будет сделать более читабельной и универсальной, если это потребуется.</p>
44
<p>Ещё иногда для полной передачи настроения в леттеринге нужно добавить цвет или создать неожиданные сочетания.</p>
44
<p>Ещё иногда для полной передачи настроения в леттеринге нужно добавить цвет или создать неожиданные сочетания.</p>
45
От яркого леттеринга с сочетанием стилей к более спокойному дизайну текста<em>Изображение: личный архив Ольги Паньковой</em><ul><li>Обойдитесь без тщательной полировки.</li>
45
От яркого леттеринга с сочетанием стилей к более спокойному дизайну текста<em>Изображение: личный архив Ольги Паньковой</em><ul><li>Обойдитесь без тщательной полировки.</li>
46
</ul><p>Постарайтесь при отрисовке вектора не растерять все те находки, что у вас возникли при рисовании эскизов. Именно они создают правильный вайб живого аутентичного дизайна. Не вычищайте все шероховатости, но обязательно-обязательно выстраивайте точки на экстремумы!</p>
46
</ul><p>Постарайтесь при отрисовке вектора не растерять все те находки, что у вас возникли при рисовании эскизов. Именно они создают правильный вайб живого аутентичного дизайна. Не вычищайте все шероховатости, но обязательно-обязательно выстраивайте точки на экстремумы!</p>
47
<a>Научитесь: Шрифт в дизайне Узнать больше</a>
47
<a>Научитесь: Шрифт в дизайне Узнать больше</a>