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>12 мар 2024</li>
2
<ul><li>12 мар 2024</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Рассказываем, как появилась популярная шрифтовая графика, и показываем примеры дизайна с разными видами DIN.</p>
4
</ul><p>Рассказываем, как появилась популярная шрифтовая графика, и показываем примеры дизайна с разными видами DIN.</p>
5
<p>Изображение: Martina Stucchi / Behance</p>
5
<p>Изображение: Martina Stucchi / Behance</p>
6
<p>В 1995 году нидерландский дизайнер Альберт-Ян Пул выпустил набор шрифтов без засечек с нейтральным, но довольно строгим характером. И хотя это был полностью его собственный дизайн-проект, за графикой стояла долгая история инженерии, технических регламентов и целого государства.</p>
6
<p>В 1995 году нидерландский дизайнер Альберт-Ян Пул выпустил набор шрифтов без засечек с нейтральным, но довольно строгим характером. И хотя это был полностью его собственный дизайн-проект, за графикой стояла долгая история инженерии, технических регламентов и целого государства.</p>
7
<p>В 1871 году Отто фон Бисмарк провозгласил создание Германской империи: прежде государства не существовало - это были отдельные мелкие монархии и королевские земли. Началось постепенное и долгое объединение страны на всех уровнях - политическом, промышленном, гражданском, и во многих процессах доминировала Пруссия и прусские организации, в том числе эстетически.</p>
7
<p>В 1871 году Отто фон Бисмарк провозгласил создание Германской империи: прежде государства не существовало - это были отдельные мелкие монархии и королевские земли. Началось постепенное и долгое объединение страны на всех уровнях - политическом, промышленном, гражданском, и во многих процессах доминировала Пруссия и прусские организации, в том числе эстетически.</p>
8
<p>Так, в 1920 году произошло объединение разрозненных железнодорожных перевозчиков в единую национальную компанию. Для указателей и обозначений на линиях по всей стране стали использовать чертежи, по которым делали надписи на вагонах Прусских железных дорог.</p>
8
<p>Так, в 1920 году произошло объединение разрозненных железнодорожных перевозчиков в единую национальную компанию. Для указателей и обозначений на линиях по всей стране стали использовать чертежи, по которым делали надписи на вагонах Прусских железных дорог.</p>
9
Надписи на грузовом вагоне Прусской железнодорожной компании, 1915 год<em>Фото:<a>Sachsen Museum</a></em>Указатель "Платформа №1" на главном вокзале Кёнигсберга, 1929 год<em>Изображение: Stadt Königsberg / Museum Stadt Königsberg</em><p>А ранее, в 1917 году, был основан Немецкий институт стандартизации, Deutsches Institut für Normung - DIN. В 1927 году в организации решили: необходимо создать нормализованный, единый и строгий шрифтовой стандарт для навигации и централизованных коммуникаций.</p>
9
Надписи на грузовом вагоне Прусской железнодорожной компании, 1915 год<em>Фото:<a>Sachsen Museum</a></em>Указатель "Платформа №1" на главном вокзале Кёнигсберга, 1929 год<em>Изображение: Stadt Königsberg / Museum Stadt Königsberg</em><p>А ранее, в 1917 году, был основан Немецкий институт стандартизации, Deutsches Institut für Normung - DIN. В 1927 году в организации решили: необходимо создать нормализованный, единый и строгий шрифтовой стандарт для навигации и централизованных коммуникаций.</p>
10
<p>В 1931 году институт выпустил DIN 1451 - набор документов и регламентов, которые определяли геометрию и графику букв, цифр и прочих знаков в инженерных и технических чертежах. В 1936-м DIN 1451 приняли как стандарт для оформления указателей, информационных табличек, навигации на улицах и в бомбоубежищах.</p>
10
<p>В 1931 году институт выпустил DIN 1451 - набор документов и регламентов, которые определяли геометрию и графику букв, цифр и прочих знаков в инженерных и технических чертежах. В 1936-м DIN 1451 приняли как стандарт для оформления указателей, информационных табличек, навигации на улицах и в бомбоубежищах.</p>
11
<p>Чертежи разработали на основе жёсткой расчётной сетки, и каждый знак можно было быстро отрисовать циркулем и линейкой.</p>
11
<p>Чертежи разработали на основе жёсткой расчётной сетки, и каждый знак можно было быстро отрисовать циркулем и линейкой.</p>
12
<p>Визуально у надписей, начерченных по этому стандарту, была жёсткая структура, и знаки были прекрасно различимы издалека. DIN 1451 со временем распространился шире, чем предполагалось: эту шрифтовую графику с чистыми, визуально простыми линиями букв стали использовать на аптечных этикетках,<a>на вывесках</a>и даже в рекламе. Вероятно, популярен он стал в том числе и потому, что "государственный характер" стандарта придавал текстам уверенный, деловой характер.</p>
12
<p>Визуально у надписей, начерченных по этому стандарту, была жёсткая структура, и знаки были прекрасно различимы издалека. DIN 1451 со временем распространился шире, чем предполагалось: эту шрифтовую графику с чистыми, визуально простыми линиями букв стали использовать на аптечных этикетках,<a>на вывесках</a>и даже в рекламе. Вероятно, популярен он стал в том числе и потому, что "государственный характер" стандарта придавал текстам уверенный, деловой характер.</p>
13
Шрифтовое оформление по стандартам DIN 1451 стало визуальным символом Германии. Стандарт 1936 года описывал три формата: Engschrift (зауженный), Mittelschrift ("средний", обычной ширины) и Breitschrift (широкий)<em>Фото:<a>Auktionshaus Wimberger</a>/ Wikimedia Commons</em>В Берлине есть площадь, названная в честь Института по стандартизации<em>Изображение: Mo Photography Berlin /<a>Shutterstock</a></em><p>Альберт-Ян Пул скрупулёзно работал над шрифтами, основанными на стандарте DIN 1451, с начала 1990-х. В результате он превратил популярный формат в крупное шрифтовое семейство FF DIN (FF означает, что оно вышло в его студии FontFont). Сейчас в коллекцию входят:</p>
13
Шрифтовое оформление по стандартам DIN 1451 стало визуальным символом Германии. Стандарт 1936 года описывал три формата: Engschrift (зауженный), Mittelschrift ("средний", обычной ширины) и Breitschrift (широкий)<em>Фото:<a>Auktionshaus Wimberger</a>/ Wikimedia Commons</em>В Берлине есть площадь, названная в честь Института по стандартизации<em>Изображение: Mo Photography Berlin /<a>Shutterstock</a></em><p>Альберт-Ян Пул скрупулёзно работал над шрифтами, основанными на стандарте DIN 1451, с начала 1990-х. В результате он превратил популярный формат в крупное шрифтовое семейство FF DIN (FF означает, что оно вышло в его студии FontFont). Сейчас в коллекцию входят:</p>
14
<ul><li>14 начертаний FF DIN Condensed - от Thin до Black и соответствующие курсивы.</li>
14
<ul><li>14 начертаний FF DIN Condensed - от Thin до Black и соответствующие курсивы.</li>
15
<li>14 начертаний "стандартного" FF DIN - также от Thin до Black и соответствующие курсивы.</li>
15
<li>14 начертаний "стандартного" FF DIN - также от Thin до Black и соответствующие курсивы.</li>
16
</ul><p>Однако FF DIN - не единственный "дин". Есть множество шрифтов этого формата, произведённых в разных студиях: DIN Next от Акиры Кобаяши и Сандры Винтер, DIN 2014 от "Паратайп", PF DIN от Parashute.</p>
16
</ul><p>Однако FF DIN - не единственный "дин". Есть множество шрифтов этого формата, произведённых в разных студиях: DIN Next от Акиры Кобаяши и Сандры Винтер, DIN 2014 от "Паратайп", PF DIN от Parashute.</p>
17
<p>- Все версии DIN похожи, но это не копии одного образца: все они пытаются изображать одну и ту же пластическую идею.</p>
17
<p>- Все версии DIN похожи, но это не копии одного образца: все они пытаются изображать одну и ту же пластическую идею.</p>
18
<p>Оригинальный стандарт DIN - это не шрифт, а скорее чертёжная инструкция. Её можно отрисовать, но в процессе дизайнеру захочется многое исправить, кое-что осовременить. В любом случае придётся подбирать насыщенность, пропорции, настраивать ритм.</p>
18
<p>Оригинальный стандарт DIN - это не шрифт, а скорее чертёжная инструкция. Её можно отрисовать, но в процессе дизайнеру захочется многое исправить, кое-что осовременить. В любом случае придётся подбирать насыщенность, пропорции, настраивать ритм.</p>
19
<p>Кстати, у нас сейчас в студии как раз идёт разработка очередного "дина".</p>
19
<p>Кстати, у нас сейчас в студии как раз идёт разработка очередного "дина".</p>
20
<p><strong>Дмитрий Голуб,</strong>основатель шрифтовой студии и школы шрифтового дизайна Bolditalic</p>
20
<p><strong>Дмитрий Голуб,</strong>основатель шрифтовой студии и школы шрифтового дизайна Bolditalic</p>
21
Альберт-Ян Пул показывает технические листы с чертежами стандартного немецкого шрифта<em>Изображение: FontFont by Monotype /<a>Behance</a></em><p>Существуют и альтернативные версии DIN - например, DIN 2014 Stencil.</p>
21
Альберт-Ян Пул показывает технические листы с чертежами стандартного немецкого шрифта<em>Изображение: FontFont by Monotype /<a>Behance</a></em><p>Существуют и альтернативные версии DIN - например, DIN 2014 Stencil.</p>
22
<p>Дизайн этих шрифтов отсылает к трафаретам, с помощью которых создавали стандартизированные надписи. Эти трафареты существовали и в виде больших металлических листов для нанесения надписей на борта самолётов, и в виде прозрачных карточек с прорезями для черчения на объявлениях.</p>
22
<p>Дизайн этих шрифтов отсылает к трафаретам, с помощью которых создавали стандартизированные надписи. Эти трафареты существовали и в виде больших металлических листов для нанесения надписей на борта самолётов, и в виде прозрачных карточек с прорезями для черчения на объявлениях.</p>
23
<em>Скриншот: сайт<a>Paratype</a>/ Skillbox Media</em><p>FF DIN стал одним из самых популярных инструментов дизайна. Он неизменно в топе продаж на сайте My Fonts: в марте 2024 года он на 8-м месте<a>в списке бестселлеров</a>.</p>
23
<em>Скриншот: сайт<a>Paratype</a>/ Skillbox Media</em><p>FF DIN стал одним из самых популярных инструментов дизайна. Он неизменно в топе продаж на сайте My Fonts: в марте 2024 года он на 8-м месте<a>в списке бестселлеров</a>.</p>
24
<p>В 2011 году FF DIN вошёл в коллекцию прикладного искусства<a>MoMA</a>.</p>
24
<p>В 2011 году FF DIN вошёл в коллекцию прикладного искусства<a>MoMA</a>.</p>
25
FF DIN в логотипе Музея букв и в киноайдентике<em>Изображение:<a>Buchstabenmuseum</a>/ постер к фильму Paramount Pictures</em>FF DIN в рекламных вижуалах в честь пятидесятилетия бигмака<em>Изображения: McDonald’s /<a>TBWA Paris</a></em>DIN в дизайне сайта для сотрудников Adidas, которые только что переехали работать в Германию, и DIN на сайте SpaceX<em>Скриншот: сайт<a>Adidas Group</a>/<a>Space X</a>/ Skillbox Media</em><p>В студии FontFont со временем создали суперсемейство "динов". Дизайнеры разработали FF DIN Round, FF DIN SLab, FF DIN Stencil, FF DIN Arabic и вариативные версии.</p>
25
FF DIN в логотипе Музея букв и в киноайдентике<em>Изображение:<a>Buchstabenmuseum</a>/ постер к фильму Paramount Pictures</em>FF DIN в рекламных вижуалах в честь пятидесятилетия бигмака<em>Изображения: McDonald’s /<a>TBWA Paris</a></em>DIN в дизайне сайта для сотрудников Adidas, которые только что переехали работать в Германию, и DIN на сайте SpaceX<em>Скриншот: сайт<a>Adidas Group</a>/<a>Space X</a>/ Skillbox Media</em><p>В студии FontFont со временем создали суперсемейство "динов". Дизайнеры разработали FF DIN Round, FF DIN SLab, FF DIN Stencil, FF DIN Arabic и вариативные версии.</p>
26
<p>Теперь посмотрим, как шрифтовая графика с прусских вагонов мигрировала в современный дизайн.</p>
26
<p>Теперь посмотрим, как шрифтовая графика с прусских вагонов мигрировала в современный дизайн.</p>
27
<p>NOC - сеть кофеен в Гонконге. Они расположены в нестандартных локациях и своим минималистичным дизайном "должны привносить спокойствие в хаос".</p>
27
<p>NOC - сеть кофеен в Гонконге. Они расположены в нестандартных локациях и своим минималистичным дизайном "должны привносить спокойствие в хаос".</p>
28
<p>Тексты на сайте оформлены парой, которая транслирует это же строгое, но миролюбивое спокойствие: это ясный DIN и "человечный" гротеск Gill Sans.</p>
28
<p>Тексты на сайте оформлены парой, которая транслирует это же строгое, но миролюбивое спокойствие: это ясный DIN и "человечный" гротеск Gill Sans.</p>
29
DIN и Gill Sans<em>Скриншот: сайт<a>NOC Coffee</a>/ Skillbox Media</em><p>Слоган бьюти-бренда bareMinerals - "Где чистота встречается с клиническим подходом". Это означает, что за продуктами стоят исследования, в составах нет сомнительных ингредиентов, а тональные средства улучшают качество кожи, и в этом макияже даже можно спать.</p>
29
DIN и Gill Sans<em>Скриншот: сайт<a>NOC Coffee</a>/ Skillbox Media</em><p>Слоган бьюти-бренда bareMinerals - "Где чистота встречается с клиническим подходом". Это означает, что за продуктами стоят исследования, в составах нет сомнительных ингредиентов, а тональные средства улучшают качество кожи, и в этом макияже даже можно спать.</p>
30
<p>Чёткий DIN в шрифтовом оформлении сайта подтверждает этот посыл. А в пару к нему подобран идеальный геометрический ITC Avant Garde Херба Любалина.</p>
30
<p>Чёткий DIN в шрифтовом оформлении сайта подтверждает этот посыл. А в пару к нему подобран идеальный геометрический ITC Avant Garde Херба Любалина.</p>
31
DIN и ITC Avant Garde<em>Скриншот: сайт<a>bareMinerals</a>/ Skillbox Media</em><p>Blue HamHam - проект японского графического дизайнера<a>Аримуры Таиши</a>. Это короткие анимированные ролики, в которых группа из четырёх голубых космических хомяков играет на инструментах и поёт популярные песни.</p>
31
DIN и ITC Avant Garde<em>Скриншот: сайт<a>bareMinerals</a>/ Skillbox Media</em><p>Blue HamHam - проект японского графического дизайнера<a>Аримуры Таиши</a>. Это короткие анимированные ролики, в которых группа из четырёх голубых космических хомяков играет на инструментах и поёт популярные песни.</p>
32
<p>Для сайта проекта дизайнер выбрал DIN Condensed с индустриальным духом и самый нейтральный из всех гротесков<a>Noto Sans</a>.</p>
32
<p>Для сайта проекта дизайнер выбрал DIN Condensed с индустриальным духом и самый нейтральный из всех гротесков<a>Noto Sans</a>.</p>
33
DIN Condensed и Noto Sans<em>Скриншот: сайт<a>Blue HamHam</a>/ Skillbox Media</em><p>У люксового бренда Christian Dior есть особенная линия одежды и аксессуаров с крупными логотипами на контрастной полосе. Существует услуга персонализации My ABCDior: имя бренда на вещах клиенты могут заменить своим текстом.</p>
33
DIN Condensed и Noto Sans<em>Скриншот: сайт<a>Blue HamHam</a>/ Skillbox Media</em><p>У люксового бренда Christian Dior есть особенная линия одежды и аксессуаров с крупными логотипами на контрастной полосе. Существует услуга персонализации My ABCDior: имя бренда на вещах клиенты могут заменить своим текстом.</p>
34
<p>Шрифт этих надписей - DIN Condensed Bold.</p>
34
<p>Шрифт этих надписей - DIN Condensed Bold.</p>
35
DIN Condensed Bold в дизайне линейки Christian Dior<em>Изображение:<a>Dior</a></em><p>Для брендинга качественного шоколада Chocolat Factory в студии Ruiz выбрали FF DIN. Упаковка получилась минималистично-аптечной.</p>
35
DIN Condensed Bold в дизайне линейки Christian Dior<em>Изображение:<a>Dior</a></em><p>Для брендинга качественного шоколада Chocolat Factory в студии Ruiz выбрали FF DIN. Упаковка получилась минималистично-аптечной.</p>
36
<em>Изображение: Chocolat Factory /<a>ruizcompany</a></em><p>"Вегетарианский мясник" - марка готовых блюд и заменителей рыбы и мяса. Это современный бизнес, но айдентика отсылает к традиционным вывескам и винтажному дизайну в стиле модерн. Её основа - орнаменты и иллюстрации в стиле ар-нуво и контрастная шрифтовая пара Desdemona и DIN.</p>
36
<em>Изображение: Chocolat Factory /<a>ruizcompany</a></em><p>"Вегетарианский мясник" - марка готовых блюд и заменителей рыбы и мяса. Это современный бизнес, но айдентика отсылает к традиционным вывескам и винтажному дизайну в стиле модерн. Её основа - орнаменты и иллюстрации в стиле ар-нуво и контрастная шрифтовая пара Desdemona и DIN.</p>
37
Шрифты Desdemona или Quaint и DIN<em>Изображение:<a>The Vegetarian Butcher</a></em><p>Большинство качественных шрифтов графического формата DIN платные. Их создают профессионалы, и продаются они на авторитетных платформах.</p>
37
Шрифты Desdemona или Quaint и DIN<em>Изображение:<a>The Vegetarian Butcher</a></em><p>Большинство качественных шрифтов графического формата DIN платные. Их создают профессионалы, и продаются они на авторитетных платформах.</p>
38
<p>Для работы можно приобрести:</p>
38
<p>Для работы можно приобрести:</p>
39
<ul><li>Несколько или все шрифты из семейства<a>FF DIN</a>с поддержкой кириллицы.</li>
39
<ul><li>Несколько или все шрифты из семейства<a>FF DIN</a>с поддержкой кириллицы.</li>
40
<li><a>DIN 2014</a>с кириллицей. Для оплаты подойдёт карта российского банка.</li>
40
<li><a>DIN 2014</a>с кириллицей. Для оплаты подойдёт карта российского банка.</li>
41
<li><a>URW DIN</a>без кириллической кассы.</li>
41
<li><a>URW DIN</a>без кириллической кассы.</li>
42
</ul>URW DIN в веб-дизайне<em>Скриншот: сайт<a>Christian Woo</a>/ Skillbox Media</em><p>Существуют и бесплатные наборы, в основе которых лежит стандарт DIN 1451. Например:</p>
42
</ul>URW DIN в веб-дизайне<em>Скриншот: сайт<a>Christian Woo</a>/ Skillbox Media</em><p>Существуют и бесплатные наборы, в основе которых лежит стандарт DIN 1451. Например:</p>
43
<ul><li><a>Alte DIN 1451 Mittelschrift</a> - ревайвал от шрифтового энтузиаста Питера Вигеля.</li>
43
<ul><li><a>Alte DIN 1451 Mittelschrift</a> - ревайвал от шрифтового энтузиаста Питера Вигеля.</li>
44
<li><a>D-DIN</a>без кириллицы.</li>
44
<li><a>D-DIN</a>без кириллицы.</li>
45
</ul><p>Если FF DIN или DIN 2014 не подходят, но в дизайне нужен строгий шрифт с "техническим" характером, можно обратиться к альтернативам и попробовать:</p>
45
</ul><p>Если FF DIN или DIN 2014 не подходят, но в дизайне нужен строгий шрифт с "техническим" характером, можно обратиться к альтернативам и попробовать:</p>
46
<ul><li>Бесплатный для личного и коммерческого использования<a>Golos</a>Александры Корольковой и Виталия Кузьмина.</li>
46
<ul><li>Бесплатный для личного и коммерческого использования<a>Golos</a>Александры Корольковой и Виталия Кузьмина.</li>
47
<li>Опенсорсный<a>Gidole</a>.</li>
47
<li>Опенсорсный<a>Gidole</a>.</li>
48
<li><a>Clear Sans</a> - тоже бесплатный для любых целей.</li>
48
<li><a>Clear Sans</a> - тоже бесплатный для любых целей.</li>
49
</ul><a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
49
</ul><a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>