Мондриан и веб-дизайн
Наверняка те из вас, кто изучал в 2017–2018-м тренды веб-дизайна на Dribbble, Behance и т. п., не раз натыкались на термин mondrianism (мондрианизм). Разберемся, что же имеется в виду под этим мудреным словом и, самое главное, как это можно применять на практике.
Прежде чем перейти к сайтам, начнем с небольшого ликбеза по искусству. Термин мондрианизм является производным от имени Пита Мондриана, нидерландского художника начала XX века, основателя неопластицизма и со-основателя движения De Stijl. De Stijl сильно повлиял на Bauhaus и весь последующий европейский дизайн в целом.
Мондриан призывал к чистой абстракции, максимальному упрощению форм и цветов. С 1913 г картины Мондриана представляли собой абстрактные матрицы: черные параллельные и перпендикулярные линии делили холст на правильные ячейки, некоторые из которых закрашивались основными цветами (красным, синим и жёлтым).
Палитра
Цветовую палитру Мондриан позаимствовал из теории математика Шунмакерса, который писал, что желтый, синий и красный — “единственные существующие цвета… Желтый — это движение луча (вертикаль)… Синий — контрастный цвет по отношению к желтому (горизонтальный небесный свод)… Красный — соединение желтого и синего”. Черный, серый и белый назывались НЕ-цветами, они подчеркивали плоскости, отделяли цветовые блоки друг от друга.
Композиция
Что касается построения холстов, то для художника было важно пересечение линий под прямым углом: для того, чтобы “уравновесить противоположности”, вертикали и горизонтали. По сотношению цветовых блоков Мондриан писал следующее: равновесие предполагает большую поверхность не‑цвета и меньшую поверхность цвета или материи. Т. е. сбалансированная по цвету композиция предполагала акцентное использование желтого, синего и красного.
Влияние
Живопись Мондриана сильно повлияла на архитектуру, моду и интерьерный дизайн, и неспроста: его работы фактически представляли из себя модульные сетки, а цветовая гамма, несмотря на ограничения, была яркой и выразительной. Все это способствовало практическому применению его принципов в дизайне.
Эстетика Мондриана созвучна эстетике карточных интерфейсов.
Начиная с Windows Metro от Microsoft и Material Design от Google, яркие цвета и модульность прочно вошли в современный дизайн интерфейсов.
Зародившийся в 2017-м тренд на Dribbble по сути развил вектор развития на нестандартные карточные лейауты и использование ярких цветов. С одной стороны такие интерфейсы выглядят трендово и современно, с другой стороны являются реверансом золотому веку модернистского искусства
Дизайн по-мондриановски — способ организации меняющегося потока элементов. Деление на блоки крайне разнообразно, однако всегда предполагает соотношение главное — второстепенное.
В качестве развлечения и тренировки попробуйте онлайн-сервис мондриан-генератор stephen.com/mondrimat Очень залипательно!
Гибкая мондриановская сетка применима для интерфейсов с широкими возможностями интерактива (взаимодействия с пользователем) и динамическим контентом.
Где использовать
1) Ресурсы с богатым контентным наполнением (новости, блоги и т п) — мондриановская сетка с интересной анимацией удачно подчеркнет интересные статьи в банерах
2) Портфолио с кейсами (студии, дизайн-бюро и т п) — во всех смыслах европейская сетка будет передавать соответствующие эмоции
Если сетки мондрианизма довольно универсальны для большинства проектов, то цвета в стиле Мондриана больше соответствуют сферам моды, дизайна и архитектуры (что подтверждают примеры последних 100 лет)
Это был небольшой ликбез по влиянию Мондриана на дизайн. Надеюсь вы узнали что-то новенькое. Пробуйте этот стиль в своих проектах, самые смелые — делитесь ими в комментариях!