HTML Diff
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>8 фев 2024</li>
2 <ul><li>8 фев 2024</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><p>Рассказываем о трендовом шрифте и показываем примеры удачных шрифтовых пар с ним.</p>
4 </ul><p>Рассказываем о трендовом шрифте и показываем примеры удачных шрифтовых пар с ним.</p>
5 <p>Шрифтовое семейство Neue Machina выпустила студия Pangram Pangram в 2019 году. Её основатель и графический дизайнер Матьё Дежарден в интервью Илье Рудерману в 2020 году<a>признался</a>: когда он создаёт и подбирает в свою коллекцию шрифты, ориентируется на крупные тренды в поп-культуре и дизайне.</p>
5 <p>Шрифтовое семейство Neue Machina выпустила студия Pangram Pangram в 2019 году. Её основатель и графический дизайнер Матьё Дежарден в интервью Илье Рудерману в 2020 году<a>признался</a>: когда он создаёт и подбирает в свою коллекцию шрифты, ориентируется на крупные тренды в поп-культуре и дизайне.</p>
6 <p>Neue Machina - тоже типографическая реакция на моду и прогрессивное искусство. Формально автор всех начертаний - Дежарден, но эти шрифты родились в коллаборации с известным современным цифровым художником и дизайнером Baugasm, который делился с Дежарденом своими мудбордами, идеями и видением.</p>
6 <p>Neue Machina - тоже типографическая реакция на моду и прогрессивное искусство. Формально автор всех начертаний - Дежарден, но эти шрифты родились в коллаборации с известным современным цифровым художником и дизайнером Baugasm, который делился с Дежарденом своими мудбордами, идеями и видением.</p>
7 <p>В итоге Neue Machina стала суперсемейством из двух больших наборов:</p>
7 <p>В итоге Neue Machina стала суперсемейством из двух больших наборов:</p>
8 <ul><li>Inktrap Family - акцидентные гротески с явно заметными "ловушками чернил";</li>
8 <ul><li>Inktrap Family - акцидентные гротески с явно заметными "ловушками чернил";</li>
9 <li>Plain Family - гротески с более спокойным характером.</li>
9 <li>Plain Family - гротески с более спокойным характером.</li>
10 </ul><p>Главными дизайн-референсами для Neue Machina, "Новой машины", были технологии будущего, роботы и тяжёлая техника.</p>
10 </ul><p>Главными дизайн-референсами для Neue Machina, "Новой машины", были технологии будущего, роботы и тяжёлая техника.</p>
11 <p>Inktraps, ловушки для чернил или компенсаторы - это специальные "ямочки" в местах соединения штрихов в буквах. Исторически такие маленькие вырезы делали на литерах, чтобы краска при печати не заплывала и буквы оставались хорошо считываемыми даже в мелком размере и на рыхлой бумаге. Также ловушки позволяли сократить расход краски.</p>
11 <p>Inktraps, ловушки для чернил или компенсаторы - это специальные "ямочки" в местах соединения штрихов в буквах. Исторически такие маленькие вырезы делали на литерах, чтобы краска при печати не заплывала и буквы оставались хорошо считываемыми даже в мелком размере и на рыхлой бумаге. Также ловушки позволяли сократить расход краски.</p>
12 <p>Сейчас inktraps - это в первую очередь декоративная деталь, визуальный референс к эпохе индустриализации и технического прогресса.</p>
12 <p>Сейчас inktraps - это в первую очередь декоративная деталь, визуальный референс к эпохе индустриализации и технического прогресса.</p>
13 Знаковый набор Neue Machina. Кириллицу рисовал Матьё Дежарден, а проверял её дизайнер русского происхождения<a>Алекс Слобженинов</a><em>Изображения: Vasjen Katro / Pangram Pangram ® /<a>Behance</a></em>Типографические постеры художника Baugasm, 2017 год<em>Изображения: Vasjen Katro /<a>Behance</a></em><p>У всех шрифтов Neue Machina есть ярко выраженный визуальный характер. В них есть строгая геометрия, буквы одновременно с высокими контрастами в штрихах и малоконтрастные, знаки-механизмы и элегантные элементы. Например, W напоминает четыре сложенных рядом бруска, а благодаря ямочкам в d или b кажется, что они выведены пером.</p>
13 Знаковый набор Neue Machina. Кириллицу рисовал Матьё Дежарден, а проверял её дизайнер русского происхождения<a>Алекс Слобженинов</a><em>Изображения: Vasjen Katro / Pangram Pangram ® /<a>Behance</a></em>Типографические постеры художника Baugasm, 2017 год<em>Изображения: Vasjen Katro /<a>Behance</a></em><p>У всех шрифтов Neue Machina есть ярко выраженный визуальный характер. В них есть строгая геометрия, буквы одновременно с высокими контрастами в штрихах и малоконтрастные, знаки-механизмы и элегантные элементы. Например, W напоминает четыре сложенных рядом бруска, а благодаря ямочкам в d или b кажется, что они выведены пером.</p>
14 Эстетика Neue Machina в студенческом проекте<em>Изображение: Federico Cordelli / Lorenzo Urietti / Valentina Zaccaria / Yuri Piemontese / Carlotta Calabria /<a>Behance</a></em>Neue Machina идеально подходит для современного цифрового дизайна<em>Скриншот:<a>Guillaume Tomasi</a>/ Skillbox Media</em><p>Шрифты семейств Neue Machina часто используют в дизайне портфолио разработчиков, сайтов для стартапов, новых финансовых сервисов.</p>
14 Эстетика Neue Machina в студенческом проекте<em>Изображение: Federico Cordelli / Lorenzo Urietti / Valentina Zaccaria / Yuri Piemontese / Carlotta Calabria /<a>Behance</a></em>Neue Machina идеально подходит для современного цифрового дизайна<em>Скриншот:<a>Guillaume Tomasi</a>/ Skillbox Media</em><p>Шрифты семейств Neue Machina часто используют в дизайне портфолио разработчиков, сайтов для стартапов, новых финансовых сервисов.</p>
15 Neue Machina в дизайне интернет-медиа для цветных американцев-зумеров<em>Скриншот: сайт<a>Kansas City Defender</a>/ Skillbox Media</em><p>В 2022 году в студии Pangram Pangram доработали и обновили Neue Machina. Актуальная версия - это:</p>
15 Neue Machina в дизайне интернет-медиа для цветных американцев-зумеров<em>Скриншот: сайт<a>Kansas City Defender</a>/ Skillbox Media</em><p>В 2022 году в студии Pangram Pangram доработали и обновили Neue Machina. Актуальная версия - это:</p>
16 <ul><li>Два семейства, в каждом по девять начертаний от Thin до Black и девять соответствующих курсивов плюс файлы вариативных шрифтов.</li>
16 <ul><li>Два семейства, в каждом по девять начертаний от Thin до Black и девять соответствующих курсивов плюс файлы вариативных шрифтов.</li>
17 <li>Расширенная латиница и кириллица.</li>
17 <li>Расширенная латиница и кириллица.</li>
18 <li>Лигатуры и альтернативные знаки.</li>
18 <li>Лигатуры и альтернативные знаки.</li>
19 </ul>Кириллица Neue Machina. На цветных формах слова набраны IBM Plex Sans<em>Скриншот:<a>Lispako</a>/ Skillbox Media</em><p>Теперь посмотрим примеры дизайна с Neue Machina и какие шрифтовые пары с ним можно составлять.</p>
19 </ul>Кириллица Neue Machina. На цветных формах слова набраны IBM Plex Sans<em>Скриншот:<a>Lispako</a>/ Skillbox Media</em><p>Теперь посмотрим примеры дизайна с Neue Machina и какие шрифтовые пары с ним можно составлять.</p>
20 <p>Для сайта студии цифрового дизайна выбрали пару из Neue Machina Inktrap и Neue Montreal. Первый работает как акцидентный: заголовки и выносы набраны шрифтом в начертании Light, но в крупном размере, поэтому декоративные ловушки для чернил хорошо заметны и привлекают внимание к тексту.</p>
20 <p>Для сайта студии цифрового дизайна выбрали пару из Neue Machina Inktrap и Neue Montreal. Первый работает как акцидентный: заголовки и выносы набраны шрифтом в начертании Light, но в крупном размере, поэтому декоративные ловушки для чернил хорошо заметны и привлекают внимание к тексту.</p>
21 <p>Neue Montreal тоже продукт студии Pangram Pangram. Дежарден создал этот нейтральный гротеск как собственную "гельветику", рабочую лошадку для цифрового дизайна.</p>
21 <p>Neue Montreal тоже продукт студии Pangram Pangram. Дежарден создал этот нейтральный гротеск как собственную "гельветику", рабочую лошадку для цифрового дизайна.</p>
22 Шрифтовая пара Neue Machina и Neue Montreal<em>Скриншот: сайт<a>Artefact 3000</a>/ Skillbox Media</em><p>Онлайн-магазин азиатских продуктов оформлен достаточно нестандартно: в дизайне минималистичная палитра, лаконичные карточки товаров, и вместо шрифтов в "японском" стиле использованы Neue Machina в разной насыщенности. Такая типографика помогает позиционировать площадку как сервис для молодых, состоятельных эстетов, которые любят экспериментировать с новыми вкусами.</p>
22 Шрифтовая пара Neue Machina и Neue Montreal<em>Скриншот: сайт<a>Artefact 3000</a>/ Skillbox Media</em><p>Онлайн-магазин азиатских продуктов оформлен достаточно нестандартно: в дизайне минималистичная палитра, лаконичные карточки товаров, и вместо шрифтов в "японском" стиле использованы Neue Machina в разной насыщенности. Такая типографика помогает позиционировать площадку как сервис для молодых, состоятельных эстетов, которые любят экспериментировать с новыми вкусами.</p>
23 <p>Однако в <a>масках полей</a>тексты-подсказки набраны нейтральным и доброжелательным Montserrat. В светлом цвете и тонком начертании его легче считывать, чем харáктерный Neue Machina.</p>
23 <p>Однако в <a>масках полей</a>тексты-подсказки набраны нейтральным и доброжелательным Montserrat. В светлом цвете и тонком начертании его легче считывать, чем харáктерный Neue Machina.</p>
24 Шрифтовая пара Neue Machina и Montserrat<em>Скриншот: сайт<a>Umamicart</a>/ Skillbox Media</em><p>Лендинг юридической фирмы, которая специализируется на налоговых вопросах, оформлен яркими цветами и парой из механистичных Neue Machina и <a>DM Sans</a>. Такой дизайн транслирует: эта команда точно разбирается в юридических тонкостях, которые актуальны для современных цифровых бизнесов.</p>
24 Шрифтовая пара Neue Machina и Montserrat<em>Скриншот: сайт<a>Umamicart</a>/ Skillbox Media</em><p>Лендинг юридической фирмы, которая специализируется на налоговых вопросах, оформлен яркими цветами и парой из механистичных Neue Machina и <a>DM Sans</a>. Такой дизайн транслирует: эта команда точно разбирается в юридических тонкостях, которые актуальны для современных цифровых бизнесов.</p>
25 Шрифтовая пара Neue Machina и DM Sans<em>Скриншот: сайт<a>Parhelie</a>/ Skillbox Media</em><p>На сайте сервисной компании, которая работает на B2B-рынке, дизайнеры использовали микс из трёх разных по графике шрифтов: Neue Machina, курсив Times New Roman и Helvetica. Сделать такую смесь гармоничной сложно, но подобная яркая типографика точно привлечёт внимание и выделит интерфейс среди сотен других.</p>
25 Шрифтовая пара Neue Machina и DM Sans<em>Скриншот: сайт<a>Parhelie</a>/ Skillbox Media</em><p>На сайте сервисной компании, которая работает на B2B-рынке, дизайнеры использовали микс из трёх разных по графике шрифтов: Neue Machina, курсив Times New Roman и Helvetica. Сделать такую смесь гармоничной сложно, но подобная яркая типографика точно привлечёт внимание и выделит интерфейс среди сотен других.</p>
26 <p>Плюс - сочетание разных стилей, начертаний и размеров в одном небольшом отрывке текста сейчас в тренде и в веб-дизайне, и в брендинге.</p>
26 <p>Плюс - сочетание разных стилей, начертаний и размеров в одном небольшом отрывке текста сейчас в тренде и в веб-дизайне, и в брендинге.</p>
27 Шрифтовая пара Neue Machina, Helvetica LT Std, Times New Roman<em>Скриншот: сайт<a>eDesign Interactive</a>/ Skillbox Media</em><p>Основной текст в зине о балаклаве, головном уборе из времён Крымской войны, набран Neue Machina, заголовки оформлены Miratrix Андрея Картера. Так типографика поддерживает тему работы - сочетание брутализма, апокалиптичности, протеста, моды и арта.</p>
27 Шрифтовая пара Neue Machina, Helvetica LT Std, Times New Roman<em>Скриншот: сайт<a>eDesign Interactive</a>/ Skillbox Media</em><p>Основной текст в зине о балаклаве, головном уборе из времён Крымской войны, набран Neue Machina, заголовки оформлены Miratrix Андрея Картера. Так типографика поддерживает тему работы - сочетание брутализма, апокалиптичности, протеста, моды и арта.</p>
28 Шрифтовая пара Miratrix и Neue Machina<em>Изображение: Ангелина Гулина /<a>Dprofile</a></em><p>Ещё один пример дизайна издания на тему моды - книга о метафешен. Типографика в ней нестандартная, "перевёрнутая": короткие привлекающие внимание абзацы набраны Neue Haas Unica, а основной текст Neue Machina Bold. "Ловушки для чернил" передают настроение роботизированности и эстетики цифрового мира, в котором метафешен и существует.</p>
28 Шрифтовая пара Miratrix и Neue Machina<em>Изображение: Ангелина Гулина /<a>Dprofile</a></em><p>Ещё один пример дизайна издания на тему моды - книга о метафешен. Типографика в ней нестандартная, "перевёрнутая": короткие привлекающие внимание абзацы набраны Neue Haas Unica, а основной текст Neue Machina Bold. "Ловушки для чернил" передают настроение роботизированности и эстетики цифрового мира, в котором метафешен и существует.</p>
29 Neue Haas Unica и Neue Machina<em>Изображение: Dasha Savina /<a>Behance</a></em><p>В 2020 году в доме-музее Цветаевой и на других культурных площадках проходил проект, который объединил театральное искусство, выставку и лекции, - "Тайна занавеса". Тексты в брошюре фестиваля набраны Neue Machina, который визуально поддерживает его основную идею: "Найти театр будущего".</p>
29 Neue Haas Unica и Neue Machina<em>Изображение: Dasha Savina /<a>Behance</a></em><p>В 2020 году в доме-музее Цветаевой и на других культурных площадках проходил проект, который объединил театральное искусство, выставку и лекции, - "Тайна занавеса". Тексты в брошюре фестиваля набраны Neue Machina, который визуально поддерживает его основную идею: "Найти театр будущего".</p>
30 <p>В пару к этому шрифту с футуристичной эстетикой дизайнер Александр Кулиев подобрал традиционную "книжную" антикву, что создаёт резкий контраст.</p>
30 <p>В пару к этому шрифту с футуристичной эстетикой дизайнер Александр Кулиев подобрал традиционную "книжную" антикву, что создаёт резкий контраст.</p>
31 Neue Machina в дизайне театральной брошюры<em>Изображение:<a>Alexander Kuliev</a></em><p>Постер для антифашистского мероприятия: на первый взгляд радостные цвета и модная гарнитура кажутся неуместным, странным решением. Однако такой яркий дизайн заставляет внимательно рассматривать работу. Становятся видны красные пятна - стыд, кровь на руках, а шрифт с "индустриальной", даже грубой геометрией намекает на бездушность больших машин.</p>
31 Neue Machina в дизайне театральной брошюры<em>Изображение:<a>Alexander Kuliev</a></em><p>Постер для антифашистского мероприятия: на первый взгляд радостные цвета и модная гарнитура кажутся неуместным, странным решением. Однако такой яркий дизайн заставляет внимательно рассматривать работу. Становятся видны красные пятна - стыд, кровь на руках, а шрифт с "индустриальной", даже грубой геометрией намекает на бездушность больших машин.</p>
32 <em>Изображение: Andrea Ihl /<a>Behance</a></em><p>Этот фирменный стиль фестиваля "Архстояние" - студенческий проект. Логотип визуально объединяет сложные архитектурные формы и элементы, и в буквах видна отсылка к старорусской эстетике: мероприятие проходит в Никола-Ленивце Калужской области. Шрифтовой знак дополняет пара из двух начертаний Neue Machina - стандартный Regular и насыщенный Ultrabold. Они, в свою очередь, передают настроение современности, прогресса и даже футуристичности.</p>
32 <em>Изображение: Andrea Ihl /<a>Behance</a></em><p>Этот фирменный стиль фестиваля "Архстояние" - студенческий проект. Логотип визуально объединяет сложные архитектурные формы и элементы, и в буквах видна отсылка к старорусской эстетике: мероприятие проходит в Никола-Ленивце Калужской области. Шрифтовой знак дополняет пара из двух начертаний Neue Machina - стандартный Regular и насыщенный Ultrabold. Они, в свою очередь, передают настроение современности, прогресса и даже футуристичности.</p>
33 Шрифтовая пара PP Neue Machina Regular и PP Neue Machina Ultrabold<em>Изображение: Danila Bayev /<a>Behance</a></em><p>Визуальный образ арт-проекта на тему космоса студия Volga Volga построила на Neue Machina. Брендинг оформлен практически только этим шрифтом без дополнительной графики. Асимметричная вёрстка и гарнитура с оригинальным рисунком - достаточные декоративные приёмы.</p>
33 Шрифтовая пара PP Neue Machina Regular и PP Neue Machina Ultrabold<em>Изображение: Danila Bayev /<a>Behance</a></em><p>Визуальный образ арт-проекта на тему космоса студия Volga Volga построила на Neue Machina. Брендинг оформлен практически только этим шрифтом без дополнительной графики. Асимметричная вёрстка и гарнитура с оригинальным рисунком - достаточные декоративные приёмы.</p>
34 Neue Machina в брендинге выставки<em>Изображение:<a>Volga Volga</a></em><p>Оба семейства PP Neue Machina платные. Чтобы пользоваться шрифтами легально в коммерческих проектах, нужно покупать лицензию на все или отдельные начертания на официальном сайте<a>Pangram Pangram</a>.</p>
34 Neue Machina в брендинге выставки<em>Изображение:<a>Volga Volga</a></em><p>Оба семейства PP Neue Machina платные. Чтобы пользоваться шрифтами легально в коммерческих проектах, нужно покупать лицензию на все или отдельные начертания на официальном сайте<a>Pangram Pangram</a>.</p>
35 <p>Однако попробовать все шрифты можно без оплаты. Авторы разрешают использовать бесплатные файлы в личных проектах, портфолио и даже для презентации идей заказчику.</p>
35 <p>Однако попробовать все шрифты можно без оплаты. Авторы разрешают использовать бесплатные файлы в личных проектах, портфолио и даже для презентации идей заказчику.</p>
36 <em>Скриншот: сайт<a>Fabio Pereira</a>/ Skillbox Media</em><p>Есть много сайтов, где предлагается скачать Neue Machina, в том числе бесплатно, но мы не рекомендуем пользоваться такими каталогами: как минимум в них могут быть устаревшие шрифтовые файлы с ошибками.</p>
36 <em>Скриншот: сайт<a>Fabio Pereira</a>/ Skillbox Media</em><p>Есть много сайтов, где предлагается скачать Neue Machina, в том числе бесплатно, но мы не рекомендуем пользоваться такими каталогами: как минимум в них могут быть устаревшие шрифтовые файлы с ошибками.</p>
37 <p>Если для проекта PP Neue Machina не подходят, но нужно что-то в подобном стиле, можно обратиться к альтернативам:</p>
37 <p>Если для проекта PP Neue Machina не подходят, но нужно что-то в подобном стиле, можно обратиться к альтернативам:</p>
38 <ul><li>Гарнитура с декоративными "улавливателями чернил" Trap. В каталоге Unblast её предлагают<a>скачать бесплатно</a>.</li>
38 <ul><li>Гарнитура с декоративными "улавливателями чернил" Trap. В каталоге Unblast её предлагают<a>скачать бесплатно</a>.</li>
39 <li>Бесплатная гарнитура с технологичным рисунком<a>Space Grotesk</a>.</li>
39 <li>Бесплатная гарнитура с технологичным рисунком<a>Space Grotesk</a>.</li>
40 <li>Крупное семейство<a>Whyte</a>от знаменитой студии Dinamo.</li>
40 <li>Крупное семейство<a>Whyte</a>от знаменитой студии Dinamo.</li>
41 <li>Degular с едва заметными ямочками на пересечениях штрихов. Набор начертаний есть в библиотеке<a>Adobe</a>.</li>
41 <li>Degular с едва заметными ямочками на пересечениях штрихов. Набор начертаний есть в библиотеке<a>Adobe</a>.</li>
42 <li>Супергибкий вариативный<a>GT Flexa</a>.</li>
42 <li>Супергибкий вариативный<a>GT Flexa</a>.</li>
43 <li>Намного более спокойный, но всё ещё механистический IBM Plex Sans. Его можно скачать бесплатно в библиотеке<a>Google Fonts</a>.</li>
43 <li>Намного более спокойный, но всё ещё механистический IBM Plex Sans. Его можно скачать бесплатно в библиотеке<a>Google Fonts</a>.</li>
44 </ul><a>Научитесь: Шрифт в дизайне Узнать больше</a>
44 </ul><a>Научитесь: Шрифт в дизайне Узнать больше</a>