Стиль опознаётся по механике, а не по настроению. Как построена сетка, что за шрифт, что творится с цветом и текстурой — вот и весь детектор. Дальше двадцать с лишним стилей с датами, именами и приметами, таблица для быстрой сверки и разбор, как подобрать стиль под проект: от айдентики до постера на стену.
Что такое стиль в графическом дизайне и чем он отличается от тренда
Стиль — устойчивая система визуальных решений, выросшая в конкретной культурной среде: сетка и композиция, типографика, палитра, декоративные элементы, текстуры. Тренд живёт на поверхности стиля и быстро выдыхается. Сравните сроки службы. Флэт как тренд запустили интерфейсы: Windows 8 с языком Metro в 2012 году и iOS 7 в 2013-м. Швейцарская школа работает с 1950-х, и на ней до сих пор стоит половина корпоративной айдентики.
Пол Рэнд, автор знаков IBM, UPS и ABC, называл дизайн безмолвным посланником бренда. Стиль и есть язык этого посланника. Читается он по пяти вещам:
- Сетка и композиция. Жёсткий модуль, свободный хаос или что-то посередине.
- Шрифт: гротеск, антиква с засечками или декоративная дисплейная гарнитура.
- Цвет — сколько красок, какие именно, есть ли градиенты.
- Текстура. Чистая плашка, потёртость, глянец, зерно.
- Воздух. Его берегут или забивают полосу до отказа.
По этим пяти пунктам дальше и разбираем каждый стиль.
Как устроен этот гид: таблица-шпаргалка по 20+ стилям
Сразу оговорка о классификации. В одном списке ниже стоят явления разной природы: художественные направления (конструктивизм, поп-арт), школы (Баухаус, швейцарская), техники (коллаж), дизайн-системы (Material Design) и технологии (вариативные шрифты). Смешивать их в одну шкалу некорректно, но узнаются они по одним и тем же пяти маркерам — поэтому в таблице они рядом, а тип явления указан отдельным столбцом.
| Стиль | Тип явления | Эпоха | Шрифт | Цвет | Как узнать за 3 секунды |
|---|---|---|---|---|---|
| Викторианский | направление | 2-я пол. XIX в. | антиквы, декоративные | контраст + золото | рамки, вензеля, симметрия |
| Модерн / ар-нуво | направление | 1890–1910 | завитки, «капли» | пастель | растительные плавные линии |
| Футуризм | направление | нач. XX в. | экспериментальный | контрастный | диагонали, культ скорости |
| Конструктивизм | направление | 1920-е | рубленый плакатный | красный-чёрный-белый | диагонали, фотомонтаж |
| Баухаус | школа | 1919–1933 | гротеск | красный-синий-жёлтый | круг, квадрат, треугольник |
| Ар-деко | направление | 1920-е | Broadway и подобные | золото + чёрный | лучи, веера, симметрия |
| Швейцарский | школа | 1950–1960-е | Helvetica, Univers | 1–2 акцента на нейтрали | модульная сетка, флаговый набор |
| Поп-арт | направление | 1950–1960-е | комиксовый | кислотные плашки | растр Бен-Дэй, тираж образов |
| Психоделика | направление | 1966–1969 | «плавящийся» леттеринг | вибрирующие пары | текст, который трудно читать |
| Панк-DIY | направление, техника | 1976–1979 | вырезки из газет | грязный ксерокс | шантажная типографика |
| Мемфис | группа, направление | 1981–1988 | игровые гротески | розовый, бирюза, жёлтый, чёрный | сквигглы, зигзаги, терраццо |
| Новая волна | школа | 1970–1980-е | разрушенная типографика | свободный | швейцарская сетка, разобранная на части |
| Гранж | направление | кон. 1980-х — 1990-е | разрушенные, наложенные | «грязная» палитра | потёртые текстуры, сломанная сетка |
| Минимализм | направление | послевоенный — н. в. | 1–2 гротеска | 2–3 цвета | много воздуха, ничего лишнего |
| Флэт | интерфейсный язык | с 2012–2013 | геометрический гротеск | чистые плашки | ни теней, ни объёма |
| Material Design | дизайн-система | с 2014 | системный гротеск | плашки + акцент | слои и тени по высоте, сетка 8 dp |
| Веб-брутализм | направление | с ~2014 | Times New Roman, Arial | монохром / 1–2 цвета | «голый» HTML-вид, никакой полировки |
| Скевоморфизм | интерфейсный язык | до 2013, возвраты | любой | реалистичный | имитация кожи, металла, бумаги |
| Неоморфизм / глассморфизм | интерфейсный приём | ~2020 | гротеск | приглушённый / полупрозрачность | мягкие выпуклости, матовое стекло |
| Y2K | эстетика эпохи | 1997–2004, возврат | техно-гротески, курсивы | серебро, baby blue, кислотный | хром, глянцевые пузыри, голография |
| Frutiger aero | эстетика эпохи | 2004–2013 | округлый гротеск | голубой, зелёный | глянец + природа, капли воды |
| Вейпорвейв | интернет-эстетика | 2010-е | катакана, ретро-леттеринг | розово-фиолетовый | античные бюсты, глитч, сетки-горизонты |
| Вариативные шрифты | технология | с 2016 | OpenType Variable Fonts | — | плавная смена насыщенности и ширины |
| Коллаж | техника | сквозной | смешанный | смешанный | вырезки, склейки, рваные края |
| Ретро / винтаж | приём | отсылка к 1920–1980-м | по эпохе-источнику | приглушённый | состаренная печать, зерно |
Классика XX века: швейцарский стиль, Баухаус, конструктивизм, ар-деко
Баухаус — школа, основанная Вальтером Гропиусом в Веймаре в 1919 году и работавшая до 1933-го. Формулу «форма следует за функцией» школа не придумала — она старше Баухауса и связана с именем Луиса Салливана, — но функциональный подход здесь развивали последовательно. Герберт Байер нарисовал шрифт Universal: попытку свести алфавит к геометрическим первоосновам. Опознаётся мгновенно. Круг, квадрат, треугольник, триада красный-синий-жёлтый, гротеск без единого завитка.
Русский конструктивизм шёл параллельно, в 1920-е: Александр Родченко, Эль Лисицкий, плакат «Клином красным бей белых» (1919–1920). Диагонали, врезающиеся в композицию, красно-чёрно-белая палитра, фотомонтаж. Темперамент совсем другой, чем у Баухауса: там лабораторный порядок, здесь плакатный крик и движение.
Швейцарский стиль в дизайне (он же интернациональный типографический) сложился в Базеле и Цюрихе в 1950–1960-е. Йозеф Мюллер-Брокманн, Эмиль Рудер и Армин Хофманн собрали систему: модульная сетка, флаговый набор с выключкой влево, жёсткая иерархия, асимметричная композиция. Шрифты — Helvetica и Univers, оба 1957 года, до них Akzidenz-Grotesk. На макете видно сетку, которой не видно: один гротеск в нескольких кеглях, много воздуха, единственный яркий акцент на нейтральном фоне. Баухаус играет с формами, швейцарцы — с информацией; первый строит геометрический образ, второй выстраивает типографическую систему.
Ар-деко оформился в 1920-е и получил имя от парижской Международной выставки декоративного искусства 1925 года. Строгая симметрия, лучи и веера, золото на чёрном, дисплейные шрифты вроде Broadway. Язык роскоши, на котором до сих пор говорят ювелирные и алкогольные бренды.
Рядом стоят предшественники. Викторианский стиль второй половины XIX века: орнаменты, рамки, вензеля, антиквы, золото, воздуха ноль. Модерн (ар-нуво) 1890–1910-х с растительными линиями Альфонса Мухи и пастелью. Итальянский футуризм начала XX века, где типографика летит по диагонали, а скорость возведена в культ.
Бунт и контркультура: поп-арт, психоделика, панк, гранж, брутализм
Поп-арт 1950–1960-х, Энди Уорхол и Рой Лихтенштейн: растр Бен-Дэй, кислотные плашки, тиражирование массовых образов. Комиксовая точка, повторённый портрет, дешёвая полиграфическая эстетика, которую подняли до искусства.
Психоделика — Сан-Франциско, 1966–1969, афиши Виктора Москосо и Уэса Уилсона. Леттеринг плавится, надпись приходится расшифровывать, а комплементарные пары цветов вибрируют так, что рябит в глазах. Нечитаемость тут приём: афиша работала фильтром, свой прочтёт.
Панк-DIY (1976–1979) — Джейми Рид и обложки Sex Pistols. Ксерокс, буквы, выдранные из газет, шантажная типографика. Выглядит склеенным на коленке, в этом и смысл.
Гранж вырос из альтернативной музыки конца 1980-х, само слово значит «неопрятный». Главная фигура — Дэвид Карсон с журналом Ray Gun: разрушенные сетки, шрифты друг на друге, потёртые текстуры, грязная палитра. Текст читается с усилием, фоны похожи на стену в подворотне.
Брутализм пришёл из архитектуры середины XX века, от французского béton brut, «сырой бетон». В вебе оформился примерно с 2014 года: системные Times New Roman и Arial, монохром или пара цветов, ни градиентов, ни теней, нарочито неприбранные блоки — эстетика craigslist. Из заметного: обложки Bloomberg Businessweek и сайт Balenciaga. Гранж наслаивает грязь и текстуру, брутализм снимает всё до голого каркаса. При внешнем родстве это противоположные жесты.
Постмодерн и эксцентрика: Мемфис, новая волна, коллаж
Стиль мемфис в дизайне родился в Милане в 1981 году. Группу Memphis собрал Этторе Соттсасс, среди участников — Микеле Де Лукки и Андреа Бранци, в 1988-м всё закончилось. Затевалось это как сознательная полемика с хорошим вкусом и минимализмом. Геометрические примитивы вперемешку со сквигглами (волнистыми закорючками) и зигзагами, узор терраццо, палитра розовый-бирюза-жёлтый-чёрный, асимметрия во всём. Начинался Мемфис с мебели и предметов, и это редкий случай, когда стиль одинаково узнаётся в графике, интерьере и объекте. Во второй половине 2010-х он вернулся — вспомните хотя бы яркий ребрендинг Dropbox 2017 года.
Новая волна — мост между швейцарской строгостью и постмодерном. Вольфганг Вайнгарт из Базельской школы и Эйприл Грейман принялись ломать швейцарскую сетку изнутри: буквы разлетаются, интерлиньяж пляшет, но за хаосом видна выучка. Швейцарский плакат, который взорвали намеренно и со вкусом.
Коллаж — техника, доросшая до стиля: вырезки, склейки, рваные края, фотография поверх рисунка. Живёт от дадаистов до современных обложек и сторис.
Цифровая эра: минимализм, флэт, Material Design, типографика и 3D
Минимализм в графическом дизайне возник в послевоенной Америке как ответ абстрактному экспрессионизму, а корнями уходит к конструктивистам. Девиз — «Less is more» Миса ван дер Роэ. На практике это максимум два шрифта, 2–3 цвета и ставка на белое пространство. В предметном мире его первой тиражировала Braun, шедшая от философии Баухауса; в цифровом Apple и Muji сделали минимализм синонимом дорогой простоты. Воздуха больше, чем контента, и каждый элемент отвечает на вопрос «зачем ты здесь».
Флэт — производная минимализма для экранов. Переломные точки: Windows 8 с языком Metro (2012) и iOS 7 (2013), когда Apple отказалась от скевоморфизма, то есть от имитации кожи, металла и бумаги в интерфейсах. Плоские плашки, ни теней, ни бликов, геометричные иконки. Минимализм тут философия «убрать лишнее», флэт — конкретный визуальный язык без объёма: флэт-макет бывает плотным и пёстрым, минималистский такого не позволит.
Material Design Google показали в 2014-м: интерфейс как слои цифровой бумаги, тени зависят от высоты элемента по оси z, всё сидит на сетке 8 dp. В 2021-м вышла Material 3, она же Material You, с адаптивными палитрами. Карточки с мягкими тенями, круглая кнопка действия, системная упорядоченность на грани скуки.
Дальше пошли короткие волны:
- Неоморфизм и глассморфизм, около 2020 года. Мягкие выпуклости «из того же материала, что фон» и матовое стекло macOS Big Sur. Живут в интерфейсах и презентациях; на картинке эффектно, в работе кнопка перестаёт читаться как кнопка.
- Вариативные шрифты: формат OpenType Variable Fonts появился в 2016-м. Одна гарнитура плавно меняет насыщенность и ширину. Применяют в вебе и адаптивной типографике.
- Градиенты и mesh-градиенты, с середины 2010-х: логотип Instagram 2016 года, фирменные переливы Stripe. Логотипы, фоны, айдентика диджитал-сервисов.
- Трёхмерная графика: вернула в цифру объём, который отменил флэт. Обложки, промо, иллюстрации к продуктам.
Y2K, вейпорвейв и нулевые: как узнать эстетику рубежа тысячелетий
Стиль Y2K в дизайне — эстетика рубежа тысячелетий, примерно 1997–2004 годы. Blobject-дизайн с обтекаемыми формами, полупрозрачный iMac G3 (1998), Windows XP, «Матрица», телефоны Nokia и Motorola Razr, журнал The Face. Приметы: хром и жидкий металл, blobby-формы и глянцевые пузыри, лазерно-голографические фоны, техно-гротески и курсивы, палитра baby blue, розовый, серебро, кислотно-зелёный, пиксельные звёздочки и бабочки. Здесь та же связка графики и предмета, что у Мемфиса: Y2K — это ещё и прозрачный цветной пластик в технике той эпохи.
С Y2K вечно путают соседей. Frutiger aero (2004–2013) — глянец плюс природа, капли воды, зелёные луга, голубое небо. Вейпорвейв (2010-е) — розово-фиолетовая ностальгия с античными бюстами, катаканой и глитчем. Cybercore/acid — жёсткая техно-версия на кислотных цветах. А вот Мемфис перепутать сложно: он плоский, матовый, нарисованный, Y2K объёмный, глянцевый, отрендеренный.
Возвращение Y2K в 2020-е заметно по TikTok и по волне ребрендингов 2022–2024 годов, подхвативших хром и кислоту. Поп-культурные всплески вроде альбомного оформления Charli XCX часто относят к той же ностальгической волне, хотя эстетики там разные и напрямую к Y2K это не сводится.
Чек-лист «Y2K, а не безвкусица»:
- один хромированный элемент на композицию, не пять;
- глянец на заголовке или ключевом объекте, фон держите спокойным;
- палитра — три цвета из канона: серебро и два акцента;
- основной текст набирайте читаемым гротеском, жидкий металл оставьте крупным надписям;
- контраст проверяйте по WCAG AA: не ниже 4,5:1, для крупного текста 3:1;
- звёздочки и бабочки — приправа.
Как выбрать стиль под проект: алгоритм и типичные ошибки
Начните с задачи: информировать, продать эмоцию или выделиться. Дальше пройдите по пяти параметрам.
| Параметр | Что спросить | Куда ведёт ответ |
|---|---|---|
| Задача | информировать или зацепить | информировать — швейцарский, минимализм, флэт; зацепить — Мемфис, Y2K, коллаж |
| Носитель | постер, упаковка, интерфейс, иконка | мелкий формат и иконки — флэт и минимализм; крупный формат держит текстуру и декор |
| Требуемая читаемость | текста много или это образ | много текста — гротеск и сетка; образ — дисплейные шрифты и леттеринг |
| Срок жизни | сезонная кампания или айдентика на годы | сезон — актуальные эстетики вроде Y2K; надолго — швейцарский, минимализм |
| Сложность производства | сколько цветов, эффектов, вариантов | ограниченный бюджет печати — 1–2 цвета, плоская графика; градиенты и хром требуют контроля на выводе |
Отраслевые ожидания — шестой фильтр, и это варианты, а не правила. Фарма и B2B-SaaS часто уходят в швейцарский стиль или минимализм: они читаются как ясность. Детские бренды и стритвир берут Мемфис и Y2K. Кофейни и крафтовые продукты — винтаж и гранж. Финтех — флэт с градиентами. Нарушать ожидания можно, но осознанно.
Возьмите один и тот же постер концерта и мысленно соберите его трижды. Швейцарская версия: сетка, Helvetica, одна красная плашка. Гранжевая: рваная фактура, шрифты друг на друге. Y2K: хромированный заголовок на голографическом фоне. Контент не поменялся, а сообщений три.
При смешении стилей работает пропорция: один «дикий» элемент на три нейтральных. Мемфисский сквиггл на швейцарской сетке — акцент. Три сквиггла — каша.
Типичные ошибки:
- Стилизация ради стилизации: стиль взяли, потому что красиво, а не потому что нужно.
- Нечитаемость. Психоделический леттеринг в меню ресторана, и официант весь вечер пересказывает блюда голосом.
- Случайная датировка бренда: гранж девяностых делает новый продукт визуально устаревшим.
- Смешение без иерархии — все элементы дикие, глазу не за что зацепиться.
- Носитель. То, что живёт на постере, разваливается в иконке 32 пикселя.
Где искать референсы и как прокачать насмотренность
Смотрите первоисточники, а не пересказы в подборках. Музейные коллекции плаката, архивы обложек журналов и пластинок, оцифрованные подшивки изданий нужной эпохи. По швейцарской школе есть классическая книга Йозефа Мюллера-Брокманна о модульных сетках, по типографике — работы Эмиля Рудера. Русский конструктивизм удобно изучать по плакатам Родченко и Лисицкого, а потом ловить его следы в айдентике московских культурных институций: диагонали и рубленые шрифты 1920-х всплывают в оформлении города регулярно.
Насмотренность набивается механически. Увидели работу — прогоните её по пяти маркерам: сетка, шрифт, цвет, текстура, воздух. Помогают парные сравнения: Баухаус против швейцарского, Мемфис против Y2K, Y2K против frutiger aero. Десятка два разборов, и опознание занимает те самые три секунды.
FAQ: частые вопросы про стили графического дизайна и их названия
Сколько всего стилей в графическом дизайне? Чётких границ нет. Одни классификации насчитывают дюжину, другие переваливают за тридцать. Держите в голове 20–25 узнаваемых систем из этого гида, остальное обычно их гибриды.
Чем швейцарский стиль отличается от Баухауса? Баухаус (1919–1933) работает с геометрическими первоформами и цветовой триадой. Швейцарский стиль (1950–1960-е) — с типографической системой: сетка, иерархия, гротеск. Первый строит образ, второй организует информацию.
Флэт и минимализм — одно и то же? Нет. Минимализм — принцип «убрать всё лишнее», применимый к любому носителю, от упаковки до вывески. Флэт — экранный язык без теней и объёма, появившийся в 2012–2013 годах. Перегруженный флэт-макет встречается сплошь, перегруженный минимализм — оксюморон.
Почему Y2K снова популярен? Работает ностальгический цикл: поколение, выросшее в нулевые, стало платёжеспособной аудиторией, а соцсети ускорили возврат хрома и кислотных цветов.
Можно ли смешивать стили в одном проекте? Можно, и часто нужно. Условие одно, зато жёсткое: иерархия. Один акцентный чужой элемент на три нейтральных, иначе композиция рассыпается.
С какого стиля начать начинающему дизайнеру? Со швейцарского. Он учит сетке, типографике и иерархии, а на этой базе потом легко ломать правила в духе новой волны или гранжа.
