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

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

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

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

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

• Ступенчатые, «зиккуратные» рамки и разделители, заимствованные у силуэтов небоскрёбов, обведённые тонкой золотой линией
• Идеально симметричные мотивы солнечных лучей или веера, расходящиеся из одной фиксированной точки, никогда не смещённые с оси
• Тонкие двойные линии-рамки и разделители вместо мягких теней или блюра
• Центрированные, формально уравновешенные композиции вместо свободных асимметричных сеток
• Мелкие ромбовидные или шевронные глифы в роли маркеров разделов и орнамента линий
• Полоса служебных метаданных капителью (даты, локации, номера изданий), обрамляющая основной контент

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

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

Типографика

• Широкий межбуквенный интервал и капитель в заголовках, навигации и лейблах вместо жирного начертания
• Римские цифры и старомодные номера изданий/ссылок в роли структурных элементов
• Последовательный капительный голос для служебных лейблов (материалы, даты, издания), напоминающий музейную табличку

UI-паттерны

• Верхняя панель, объединяющая мелкий геометричный брендмарк, навигацию капителью и кнопку с золотой рамкой
• Служебная полоса метаданных капителью (дата основания, номер издания, локация) под основной навигацией
• Центрированный hero, сочетающий ступенчатую рамку изображения с симметричным мотивом солнечных лучей
• Нумерованная сетка карточек с римскими цифрами вместо иконок, каждая обрамлена тонкой двойной линией