Стили веб-дизайна

Y2K

Y2K веб-дизайн - это эстетика хрома и неона, унаследованная от интернета рубежа тысячелетий: глянцевые градиенты, стеклянные панели, HUD-индикаторы и общее ощущение «операционной системы из будущего».

Editorial

Editorial веб-дизайн заимствует структуру у печатной журналистики - шапка издания, строка авторства, буквица и врезка-цитата - применённые к современному веб-макету.

Oversized Typography

Oversized Typography - стиль, в котором один гигантский заголовок заменяет собой герой-изображение: крупный дисплейный текст формирует всё первое впечатление вместо фото или иллюстрации.

Bento Box

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

Lightweight 3D

Lightweight 3D веб-дизайн использует мягко отрендеренные сферы, кляксы и кольца, которые читаются как трёхмерные объекты, - собранные из градиентов и теней, а не из настоящей 3D-сцены.

Brutalism

Brutalism веб-дизайн обнажает сырую структуру страницы - толстые обводки вместо мягких теней, системный или моноширинный шрифт, плоские цвета и без скруглений - подобно тому, как бруталистская архитектура оставляет бетон на виду, не облицовывая его.

Bauhaus

Bauhaus веб-дизайн сводит макет к базовой геометрии - кругу, треугольнику и квадрату - на строгой сетке с одним уверенным акцентным цветом, следуя принципу школы «форма следует функции».

Swiss Style

Swiss Style - также известный как International Typographic Style - строит страницу на строгой математической колоночной сетке, с выключкой текста по левому краю, объективной фотографией и одним ярким акцентным цветом, вместо центрированной или декоративной композиции.

Art Deco

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

Cyberpunk

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

Biomorphism

Биоморфный веб-дизайн заменяет прямые сетки и жёсткие углы мягкими неровными формами-«блобами», волнистыми разделителями и землистой натуральной палитрой - заимствуя логику у растений и рукотворных предметов, а не у машинных изделий.

Конструктивизм

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

Футуризм

Футуристический веб-дизайн превращает hero-блок в светящуюся показометрию реакторного ядра - механизм с прицельным кольцом, окружённый орбитальной телеметрией, спецификационными панелями и живой строкой статуса, - построенную вокруг скорости, движения и точной инженерии, а не фотографии продукта.

Ретро

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

Glassmorphism

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

Pixel Art

Pixel art веб-дизайн заимствует визуальный язык 8-битных и 16-битных видеоигр - угловатые спрайты, жёсткий HUD и небольшую, намеренно ограниченную палитру - и переносит его на современный интерфейс вместо скриншота игры.

Frutiger Aero

Frutiger Aero - эстетика техно-оптимизма середины 2000-х, сочетающая глянцевые, «мокрые» поверхности интерфейса с образами природы - голубым небом, каплями воды, зелёными листьями, - чтобы технологии выглядели чистыми, natural и дружелюбными.

Мемфис

Мемфис - максималистский, анти-минималистский стиль миланской Memphis Group (1981-1988), который сталкивает насыщенные цвета, рукописные волнистые линии и фигуры-конфетти с толстым чёрным контуром - сегодня он возвращается в веб- и брендинг-дизайн как осознанно игривый противовес плоским, приглушённым интерфейсам.

Неоморфизм

Неоморфизм, он же soft UI, - стиль интерфейсов 2019-2020 годов, в котором кнопки, карточки и тумблеры лепятся из одного базового цвета, а пара мягких теней - светлой и тёмной - создаёт ощущение, что элемент выдавлен из поверхности или вдавлен в неё, без границ и контрастных заливок.