Настоящее
This project is a student project at the School of Design or a research project at the School of Design. This project is not commercial and serves educational purposes

Если первый скачок цифровой типографики случился до 21 века и прекратил шрифт из объекта в вектор, то второй скачок, случился в 2010-е года: вектор стал живым. Технологии веба (HTML, CSS, JavaScript) и моушен дизайн открыли эру, где форма буквы может быть не задана раз и навсегда, а играть какую-то роль или анимацию под воздействием дополнительных параметров. Глава поделена на подглавы, так чтобы систематизировать приемы и увидеть атрибуты визуального языка.

Деформация текста

big

Перспективное деформирование

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

Студия Hey в проекте для фестиваля литературы Kosmopolis (2023) [B1] деформировала текст, чтобы визуально передать переход от устной речи и бумажных носителей к цифровым технологиям.

Аналогично, Pentagram для London Design Festival 2023 [B2] использовал смелую типографику с острыми углами и экстремальными ракурсами, чтобы отразить кинематографический драматизм и мощь фестиваля.

Студия Dumbar в проекте Demo Fest 2025 [B3] продолжила эту тенденцию, подчинив анимированную типографику форме искаженного земного шара, что символизировало глобальный размах события.

big
Original size 1200x675

Kosmopolis. Hey Studio. 2023 [B1]

Original size 1920x1136

Kosmopolis. Hey Studio. 2023 [B1]

Original size 1200x675

London Design Festival. Pentagram. 2023 [B2]

Original size 1920x836

London Design Festival. Pentagram. 2023 [B2]

Original size 692x388

Demo Fest. Dumbar. 2025 [B3]

Original size 1920x1081

Demo Fest. Dumbar. 2025 [B3]

Перспективное дублирование

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

Студия DIA в проекте для исследовательской лаборатории SPACE10 (2020) [B4] разработала специальный инструмент, позволяющий наблюдать массивы текста в объемном пространстве. На плоских носителях перспективные искажения дублированного текста создавали иллюзию глубины, олицетворяя гибкость и технологичность лаборатории.

Еще один пример — айдентика Tribeca Festival от Pentagram (2023) [B5], где моушен-типографика меняла масштаб и положение в пространстве, визуализируя усиление творческих голосов.

Original size 1200x675

DIA. SPACE10. 2022 [B4]

Original size 1920x950

DIA. SPACE10. 2022 [B4]

Original size 1920x1083

Tribeca Festival. Pentagram. 2023 [B5]

Контейнерное деформирование

Контейнерное искажение применяется, когда текст деформируется, чтобы заполнить определенную форму или обозначить границы контента. Этот прием часто подчеркивает роль бренда как объединяющего центра для информации, людей или событий.

Dumbar в кампании для D& AD (2021) [B6] использовал непрерывные потоки анимированного шрифта в качестве обрамления для номинированных работ, что отражало широту и многогранность человеческого воображения.

Студия Lava для фестиваля HEADLINES (2025) [B7] использовала плавные линии, символизирующие пространство для самовыражения, где текст органично вписывался в эти гибкие формы.

Original size 692x388

D& AD. Dumbar. 2021 [B6]

Original size 692x388

D& AD. Dumbar. 2021 [B6]

Original size 1920x1071

D& AD. Dumbar. 2021 [B6]

Original size 1200x675

HEADLINES. Lava. 2025 [B7]

Original size 1920x801

HEADLINES. Lava. 2025 [B7]

Деформирование контура

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

В айдентике Rock & Roll Hall of Fame (Base Design, 2022) [B8] и фестиваля Nuits Sonores (DIA, 2025) [B11] шрифт напрямую реагировал на звук, резонируя и вибрируя в такт музыке.

COLLINS совместно с Monotype создали для стримингового сервиса Freeform (2023) [B9] вариацию шрифта Neue Haas Grotesk, где буквы могут изгибаться и обтекать себя, создавая живой и привлекательный голос бренда.

Студия Lava для архитектурной студии Nudus (2023) [B10] вдохновилась стихией ветра, сила и направление которого естественным образом формировали контуры букв.

Original size 1920x1080

Rock & Roll Hall of Fame. Base Design. 2022 [B8]

Original size 1920x1076

Rock & Roll Hall of Fame. Base Design. 2022 [B8]

Original size 1920x809

Freeform / Disney. COLLINS. 2023 [B9]

Original size 1200x675

Nudus. Lava. 2023 [B10]

Original size 1920x876

Nudus. Lava. 2023 [B10]

Original size 686x392

Nuits Sonores. DIA. 2025 [B11]

Original size 1920x1182

Nuits Sonores. DIA. 2025 [B11]

Растягивание букв

Растяжение букв наделяет шрифт индивидуальностью, когда каждая буква движется и изменяется самостоятельно, а не по общему правилу.

COLLINS и Dinamo в проекте для Симфонического оркестра (2021) [B12] использовали адаптивные шрифты, позволившие каждому символу мгновенно менять форму в ответ на звук, визуализируя динамику классической музыки. Dumbar для

Джазового фестиваля NN North Sea (2023) [B13] разработали специальный код для анимации текста, создав насыщенный и динамичный тон.

В айдентике Comedy Central (2025) [B14] те же принципы были доведены до игровой крайности: две буквы «C» в логотипе обрели «физику» и стали взаимодействовать, разговаривать и дурачиться.

Original size 1200x675

San Francisco Symphony. COLLINS and Dinamo. 2021 [B12]

Original size 1920x1043

San Francisco Symphony. COLLINS and Dinamo. 2021 [B12]

Original size 692x388

NN North Sea Jazz. Dumbar. 2023 [B13]

Original size 1920x1106

NN North Sea Jazz. Dumbar. 2023 [B13]

Original size 692x388

Comedy Central. Dumbar. 2025 [B14]

Original size 1920x740

Comedy Central. Dumbar. 2025 [B14]

Модульный шрифт

Круглый модуль

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

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

На выставке CARE Елены Jung (2023) [C1], посвященной онкологии, были разработаны четыре генеративных шрифта, символизирующих разные стадии заболевания.

Для инициативы Planetary Civics (Conversation Design Studio, 2024) [C2], которая переосмысливает управление и коллективные отношения с планетой, был создан вариативный шрифт, постоянно меняющийся между порядком и хаосом, вопросом и ответом.

В айдентике музыкального проекта Music-by-Deem (Альберт Сафин и Наташа Кабаева, 2025) [C3] круглые модули реагировали на музыку, смешиваясь и накладываясь, создавая визуальный эквивалент звука.

Original size 1920x1011

CARE exhibition. Elena Jung. 2023 [C1]

Original size 1920x997

CARE exhibition. Elena Jung. 2023 [C1]

Original size 1920x730

Conversation Design Studio. PCI Identity System. 2024 [C2]

Original size 1920x928

Conversation Design Studio. PCI Identity System. 2024 [C2]

Original size 1920x1083

Music by Deem. Альберт Сафин и Наташа Кабаева. 2025 [C3]

Original size 1200x675

Music by Deem. Альберт Сафин и Наташа Кабаева. 2025 [C3]

Original size 1920x851

Music by Deem. Альберт Сафин и Наташа Кабаева. 2025 [C3]

Квадратный модуль

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

В мемориальном проекте Place a Stone (Studio Moniker, 2016) [C4] шрифт состоял из виртуальных «камешков», которые добавляли посетители сайта; его неуклюжее, несистемное разрастание делало проект человечным и трогательным.

Pentagram в collaboration с Карелом Мартенсом (2023) [C5] использовали «магические квадраты» для создания геометричного модульного шрифта в оформлении рабочего пространства, что придало проекту эффект цифровой графики.

Еще один пример — айдентика для исследовательского подразделения Coded Objects (Lena Weber) [C6], где в основе лежал анимированный логотип на основе кастомного вариативного шрифта, передающий программистскую суть деятельности.

Original size 1200x675

Place a Stone. Studio Moniker. 2016 [C4]

Original size 1920x651

Place a Stone. Studio Moniker. 2016 [C4]

Original size 1920x1336

A workspace in the City of London. Pentagram x Karel Martens. 2023 [C5]

Original size 1920x1224

A workspace in the City of London. Pentagram x Karel Martens. 2023 [C5]

Original size 1200x675

Coded Objects Research. Lena Weber. Год неизвестен [C6]

Смешанный модуль

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

В айдентике инновационного района Cumulus Park (Dumbar, 2020) [C7] буквы состояли из маленьких динамичных «частиц», которые могли перетекать с одной буквы на другую, отражая идею обмена знаниями.

Для Fabric Museum (Jocelyn Zhao, 2023) [C8] вдохновением послужил жаккардовый ткацкий станок, а иллюстрацией стал генератор логотипов, создающий узоры из модулей.

Гибридный подход также демонстрирует айдентика Norwich University of the Arts (North, 2023) [C9], где текучая, вычислительная эстетика пробуждает интерес к исследованиям и цифровому творчеству.

Original size 1200x675

Cumulus Park. Dumbar. 2020 [C7]

Original size 1920x752

Cumulus Park. Dumbar. 2020 [C7]

Original size 1920x1080

Cumulus Park. Dumbar. 2020 [C7]

Original size 1920x746

Jocelyn Zhao. Fabric Museum. 2023 [C8]

Original size 1920x1279

Jocelyn Zhao. Fabric Museum. 2023 [C8]

0

Norwich University. North Design. 2023 [C9]

Текст и цвет

Цветные буквы

Цветные буквы становятся центральным элементом коммуникации, выступая в роли яркого разделителя и символа разнообразия.

В айдентике Creative Week от The One Club for Creativity (Cotton, 2024) [D1] каждая буква логотипа и графики имела уникальный цвет, что визуально передавало идею празднования множества творческих голосов и встречи единомышленников.

Original size 1920x554

Creative Week. Cotton. 2024 [D1]

Original size 1920x724

Creative Week. Cotton. 2024 [D1]

Original size 1920x834

Creative Week. Cotton. 2024 [D1]

Цветные плашки

Текст и плашки — классический прием, при котором текст размещается на цветном фоне. Это не только предотвращает потерю читаемости, но и добавляет смысловой слой.

В интерактивном клипе «Symphony in Acid» (2022) [D2] на текст из трактата Витгенштейна были наложены цветные плашки, визуально обыгрывая тему границ и возможностей визуального и вербального языка.

В айдентике для криптостартапа Entropy (Dumbar, 2022) [D3] цветные плашки, генерируемые кодом, создавали уникальные логотипы, где текст находится на грани исчезновения, символизируя цифровые миры без границ.

Студия Lava для бренда House of rubber (2023) [D4], цель которого — смешать моду, повседневные предметы и человеческое тело, чтобы переосмыслить их в новой скульптуре, использовала контрастные плашки, чтобы упорядочить буквы, расположенные в произвольном порядке, сохраняя связь между ними и метафору резины и смешения медиумов.

Original size 1920x1154

Symphony in Acid. Max Cooper. 2022 [D2]

Original size 1920x1080

Symphony in Acid. Max Cooper. 2022 [D2]

Original size 1920x1112

Entropy. Dumbar. 2022 [D3]

Original size 1920x570

Entropy. Dumbar. 2022 [D3]

Original size 1920x865

House of rubber. Lava. 2023 [D4]

Original size 1920x1106

House of rubber. Lava. 2023 [D4]

Original size 1920x969

House of rubber. Lava. 2023 [D4]

Слияние с фоном

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

Студия Yukiko для фестиваля Dazed Live (2021) [D5] использовала лентикулярный эффект, создающий ощущение меняющегося пространства.

В айдентике для платформы медитации INTO (Dumbar, 2023) [D6] буквы растягивались и растворялись в градиентах, визуализируя переход в медитативное состояние.

Для музыкальной платформы POLYTON (Yukiko, 2024) [D7] визуальная идентичность была основана на смещении и наложении уникальных «звуковых отпечатков», которые становились видимы только в присутствии других элементов.

Original size 900x506

Dazed Live. Yukiko. 2021 [D5]

Original size 1920x858

Dazed Live. Yukiko. 2021 [D5]

Original size 1920x912

Dazed Live. Yukiko. 2021 [D5]

Original size 1200x675

Intro. Dumbar. 2023 [D6]

Original size 1920x1120

Intro. Dumbar. 2023 [D6]

Original size 1920x737

Polyton. Yukiko. 2024 [D7]

Original size 1920x850

Polyton. Yukiko. 2024 [D7]

Текст как текстура

Текстурное дублирование

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

Художник Напсје van Halem, будучи главным дизайнером фестиваля Lowlands [E1], построила айдентику на основе сетки, внутри которой буквы и фигуры складывались в «галлюцинаторные» узоры.

Dumbar для D& AD 2022 [E2] заложили в основу динамичный слоган, который множился, создавая энергичный, постоянно движущийся шрифтовой паттерн, который адаптировался от ярких церемоний до спокойного ежегодника.

Вдохновленные повторением площадки для мероприятийThe Beams, прослеживающимся во всей архитектуре здания, и смелым духом творческих экспериментов, присущим этому месту, Only Studio в 2023 [E3] разработали самобытное и и бесконечно гибкое типографическое решение.

Ísima — проект, направленный на расширение возможностей и поддержку женщин-художников. Айдентика Hey Studio 2025 года [E4] усиливает эту вдохновляющую миссию через: буквы S. Умноженная, повторяющаяся и перетекающая через композиции, она становится символом энергии, непрерывности и коллективной силы.

Original size 1920x849

Lowlands. Hansje van Halem is the head of design. 2018 [E1]

Original size 1920x599

Lowlands. Hansje van Halem is the head of design. 2018 [E1]

Original size 1920x1080

D& AD. Dumbar. 2022 [E2]

Original size 1920x1080

D& AD. Dumbar. 2022 [E2]

Original size 1200x675

Beams. Only Studio. 2023 [E3]

Original size 1920x1311

Beams. Only Studio. 2023 [E3]

Original size 1920x622

Ísima. Hey Studio. 2025 [E4]

Текстура через деформацию текста

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

DIA в коллаборации с Coinbase (2023) [E5] создали шрифт для ончейн-фестиваля, где контур букв состоял из кружков-«монет», которые могли рассыпаться, превращая текст в нечитаемый паттерн, символизирующий криптовалюту.

В айдентике Центрального парка (Pentagram & Cotton, 2023) [E6] шрифт генерировался из листьев, а лиственный мотив использовался в узорах на униформе и сувенирах.

Для выставки Radical Textiles (Base Design, 2025) [E7] был создан «текстильный генератор», преобразующий любой текст в тканое изображение, где шрифт вел себя как ткань — растягивался и сшивался в неровные формы.

Original size 1200x675

Coinbase. DIA. 2023 [E5]

Original size 1920x1079

Coinbase. DIA. 2023 [E5]

Original size 1920x1071

Coinbase. DIA. 2023 [E5]

0

Central Park. Pentagram & Cotton. 2023 [E6]

Original size 1200x675

Radical Textiles. Base Design. 2025 [E7]

Original size 1920x1080

Radical Textiles. Base Design. 2025 [E7]

Слияние с фоном через текстуру

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

Примером служит айдентика конференции Cumulus 2020 [E8], разработанная студией After Image. Алгоритмическая система генерировала композиции из квадратов, размер которых увеличивался по мере удаления от центрального заголовка, создавая метафору органичного роста и расширения из единого центра.

Студия DIA для Международной биеннале графического дизайна в Шомоне (2021) [E9] создала генеративный инструмент, сочетающий мемы и кинетическую типографику. Этот подход позволил добиться эффекта вирусного распространения информации.

В 2022 году компания Cotton разработала интерактивный генератор постеров для шрифта Vanilla Grotesque [E10]. Инструмент смещает акцент с читаемости на «звучание» и визуальную выразительность, предлагая пользователям экспериментировать с эмоциональным восприятием шрифта через генеративную графику.

Original size 1200x675

Cumulus Conference. After Image. 2020 [E8]

Original size 1920x1179

Cumulus Conference. After Image. 2020 [E8]

Original size 1200x675

Chaumont Biennale. DIA. 2021 [E9]

Original size 1920x728

Chaumont Biennale. DIA. 2021 [E9]

Original size 1920x1066

Chaumont Biennale. DIA. 2021 [E9]

Original size 1920x897

Vanilla type. Cotton for Vanilla Type foundry. 2022 [E10]

Original size 1920x649

Vanilla type. Cotton for Vanilla Type foundry. 2022 [E10]

Image sources
Show
1.

(B1) Kosmopolis. Hey Studio. 2023.URL: https://heystudio.es/project/kosmopolis-2/ (дата обращения: 28.09.2025).

2.

(B2) London Design Festival. Pentagram. 2023. URL: https://www.pentagram.com/work/london-design-festival-2023 (дата обращения: 28.09.2025).

3.

(B3) Demo Fest. Dumbar. 2025. URL:https://studiodumbar.com/work/demo-2025 (дата обращения: 28.09.2025).

4.

(B4) SPACE10. DIA. 2020. URL: https://dia.tv/project/space10/#slide-8 (дата обращения: 28.09.2025).

5.

(B5) Tribeca Festival. Pentagram. 2023. URL: https://www.pentagram.com/work/tribeca-festival-2023 (дата обращения: 28.09.2025).

6.

(B6) D& AD. Dumbar. 2021. URL: https://studiodumbar.com/work/d-ad-2021 (дата обращения: 28.09.2025).

7.

(B7) HEADLINES. Lava. 2025.URL: https://lava.nl/work/headlines/ (дата обращения: 28.09.2025).

8.

(B8) Rock & Roll Hall of Fame. Base Design.2022. URL: https://www.basedesign.com/work/rock-and-roll-hall-of-fame (дата обращения: 28.09.2025).

9.

(B9) Freeform / Disney. COLLINS. 2023.URL: https://www.wearecollins.com/work/freeform/ (дата обращения: 28.09.2025).

10.

(B10) Nudus. Lava. 2023. URL: https://lava.nl/work/nudus/ (дата обращения: 28.09.2025).

11.

(B11) Nuits Sonores. DIA.2025. URL: https://dia.tv/project/nuits-sonores/ (дата обращения: 28.09.2025).

12.

(B12) San Francisco Symphony. COLLINS and Dinamo. 2021. URL: https://www.wearecollins.com/work/sf-symphony/ (дата обращения: 28.09.2025).

13.

(B13) NN North Sea Jazz. Dumbar. 2023. URL: https://studiodumbar.com/work/north-sea-jazz (дата обращения: 28.09.2025).

14.

(B14) Comedy Central. Dumbar. 2025. URL: https://studiodumbar.com/work/comedy-central (дата обращения: 28.09.2025).

15.

(C1) CARE exhibition. Elena Jung. 2023. URL: https://www.behance.net/gallery/210063693/CARE-Exhibition-about-cancer (дата обращения: 29.09.2025).

16.

(C2) Conversation Design Studio. PCI Identity System. 2024. URL: https://cds.darkmatterlabs.org/pci-identity-system/ (дата обращения: 29.09.2025).

17.

(C3) Music by Deem. Альберт Сафин и Наташа Кабаева. 2025. URL: https://www.behance.net/gallery/224752125/Music-by-Deem (дата обращения: 29.09.2025).

18.

(C4) Place a Stone. Studio Moniker. 2016. URL: https://studiomoniker.com/projects/place-a-stone (дата обращения: 29.09.2025).

19.

(C5) A workspace in the City of London. Pentagram x Karel Martens. 2023. URL: https://www.pentagram.com/work/pentagram-x-karel-martens?rel=discipline&rel-id=4 (дата обращения: 29.09.2025).

20.

(C6) Coded Objects Research. Lena Weber. Год неизвестен. URL: https://lenaweber.com/archives/387 (дата обращения: 29.09.2025).

21.

(C7) Cumulus Park. Dumbar. 2020. URL: https://studiodumbar.com/work/cumulus-park (дата обращения: 29.09.2025).

22.

(C8) Jocelyn Zhao. Fabric Museum. 2023. URL: https://jocelynzhao.com/Fabric-Museum (дата обращения: 29.09.2025).

23.

(C9) Norwich University. North Design. 2023. URL: https://norwichuni.ac.uk/news/norwich-university-of-the-arts-unveils-new-brand-identity/ (дата обращения: 29.09.2025).

24.

(D1) Creative Week. Cotton. 2024. URL: https://cotton.design/work/creative-week (дата обращения: 29.09.2025).

25.

(D2) Symphony in Acid. Max Cooper. 2022. URL: https://ksawerykomputery.com/works/max-cooper-symphony-in-acid (дата обращения: 29.09.2025).

26.

(D3) Entropy. Dumbar. 2022. URL: https://studiodumbar.com/work/entropy (дата обращения: 29.09.2025).

27.

(D4) House of rubber. Lava. 2023. URL: https://lava.nl/work/house-of-rubber/ (дата обращения: 29.09.2025).

28.

(D5) Dazed Live. Yukiko. 2021. URL: https://y-u-k-i-k-o.com/projects/dazed-live/ (дата обращения: 29.09.2025).

29.

(D6) Intro. Dumbar. 2023. URL: https://studiodumbar.com/work/into (дата обращения: 29.09.2025).

30.

(D7) Polyton. Yukiko. 2024. URL: https://y-u-k-i-k-o.com/projects/polyton/ (дата обращения: 29.09.2025).

31.

(E1) Lowlands. Hansje van Halem is the head of design. 2018. URL: https://www.hansje.net/Lowlands-2018 (дата обращения: 29.09.2025).

32.

(E2) D& AD. Dumbar. 2022. URL: https://studiodumbar.com/work/d-ad-2022 (дата обращения: 29.09.2025).

33.

(E3) Beams. Only Studio. 2023. URL: https://www.onlystudio.com/work/beams (дата обращения: 29.09.2025).

34.

(E4) Ísima. Hey Studio. 2025. URL: https://heystudio.es/project/isima/ (дата обращения: 29.09.2025).

35.

(E5) Coinbase. DIA. 2023. URL: https://dia.tv/project/coinbase-ocs/ (дата обращения: 29.09.2025).

36.

(E6) Central Park. Pentagram & Cotton. 2023. URL: https://www.pentagram.com/work/central-park-conservancy (дата обращения: 29.09.2025).

37.

(E7) Art Gallery of South Australia. Base Design. 2025. URL: https://www.basedesign.com/work/art-gallery-of-south-australia (дата обращения: 29.09.2025).

38.

(E8) Cumulus Conference.After Image. 2020. URL: https://www.behance.net/gallery/220359589/Cumulus-Conference-Visual-Identity (дата обращения: 29.09.2025).

39.

(E9) Chaumont Biennale. DIA. 2021. URL: https://dia.tv/project/chaumont-biennale/ (дата обращения: 29.09.2025).

40.

(E10) Vanilla type. Cotton for Vanilla Type foundry. 2022. URL: https://cotton.design/work/vanilla-type (дата обращения: 29.09.2025).

Chapter:
1
2
3
4
5
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more