Гранж стиль

FIVE STAGES

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

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

Цвета, используемые в стиле Гранж — коричневый, серый, черный, болотно-зеленый, темно‑оранжевый. Часто можно встретить в оформлении различные текстуры, паттерны (например, клетка тетради), трещины, потертости. Кроме этого, в оформлении часто используются различные мелкие детали — значки, эмблемы.

Шрифтовые решения такие же смелые, дерзкие, как и сам стиль — крупные размеры текстов, рукописные или нестандартные шрифты, 3D-эффекты.

Стиль гранж настолько специфичен, что использовать его нужно с умом и там, где это уместно. Бизнес, а главное его аудитория должны быть смелыми, эпатажными, готовыми к данному стилю. Это может быть рок-группа, брутальный бар, барбер-шоп, интернет-магазин соответствующей направленности, сайт фестиваля, молодая смелая компания-бунтарь.
  • 1
    Цветовая палитра
    • Темные и приглушенные тона: черный, серый, коричневый, ржаво-красный, темно-зеленый.
    • Часто используются грязные или выцветшие оттенки.
    • Акценты могут быть яркими, но всегда «потертыми» — неоновые цвета в гранже выглядят как потертая, приглушенная версия.
  • 2
    Типографика
    • Шрифты с эффектом «износа» или «царапин».
    • Использование грубых и нестандартных шрифтов (рукописный текст, граффити, печатные буквы).
    • Неправильные отступы и расположение текста для создания «хаотичного» эффекта.
  • 3
    Композиция
    • Намеренная асимметрия: элементы могут быть расположены «случайно».
    • Слои: наложение текстур, рваных бумажных эффектов.
    • Элементы выглядят «рукотворно» — как будто созданы вручную.
  • 4
    Графика
    • Текстуры: дерево, бетон, металл, кирпичная кладка, бумага.
    • Изображения и фоны с эффектом потертости, рваных краев, трещин.
    • Использование коллажей, наклеек, скотча и нарочито «грязных» элементов.
  • 5
    Иконки и элементы интерфейса
    • Кнопки с потертостям
    • Навигация нестандартная, может быть
    • Минимум глянца и современных эффектов.
  • 6
    Анимация
    • Минимальная, если вообще используется.
    • Если есть, то выглядит «сломанной» или механической.
  • 7
    Примеры использования
    • Музыкальные сайты (рок-группы, альбомы, фестивали).
    • Личные блоги художников, музыкантов, альтернативных личностей.
    • Сайты брендов одежды в стиле
    • Арт-проекты, выставки, галереи с акцентом на андеграунд.
Пример: в стиле Хай-тек