Что такое Bauhaus веб-дизайн?

Bauhaus веб-дизайн напрямую заимствует у немецкой школы Баухаус (1919-1933), которая считала круг, треугольник и квадрат базовым словарём визуальной композиции и применяла это же сведение к типографике, цвету и макету. На вебе это значит, что каждый декоративный элемент восходит к одной из трёх фигур, расставленных на строгой модульной сетке, без ничего добавленного ради эффекта.

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

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

Ключевые визуальные характеристики

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

Цветовые характеристики

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

Типографика

• Геометрический гротеск в духе Futura, а не гуманистический или засечковый шрифт
• Жирные начертания и капс с трекингом используются для структуры, а не только для акцента
• Плотный, уверенный межстрочный интервал вместо просторных редакционных отступов

UI-паттерны

• Верхняя панель с компактным лого из круга/треугольника/квадрата и текстовой навигацией
• Двухколоночный hero: жирный геометрический заголовок с одной стороны, композиция из круга/треугольника/квадрата - с другой
• Тонкая полоса статистики с несколькими пронумерованными фактами, разделёнными линиями
• Ряд карточек с обводкой, каждая помечена одной из трёх базовых фигур