HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>10 ноя 2023</li>
2 <ul><li>10 ноя 2023</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><h2>История одного дизайна. "Композиция с красным, синим и жёлтым"</h2>
4 </ul><h2>История одного дизайна. "Композиция с красным, синим и жёлтым"</h2>
5 <p>Как картина Пита Мондриана нашла отражение в дизайне ― от моды до веб-вёрстки.</p>
5 <p>Как картина Пита Мондриана нашла отражение в дизайне ― от моды до веб-вёрстки.</p>
6 <p>Фото: ANGELA WEISS / AFP / Getty Images</p>
6 <p>Фото: ANGELA WEISS / AFP / Getty Images</p>
7 <p>Пишу, редактирую, и всё это под хорошую плохую музыку.</p>
7 <p>Пишу, редактирую, и всё это под хорошую плохую музыку.</p>
8 <p>В рубрике "История одного дизайна" мы рассказываем о выдающихся объектах дизайна - о предпосылках их создания, значении и влиянии на развитие визуальной культуры.</p>
8 <p>В рубрике "История одного дизайна" мы рассказываем о выдающихся объектах дизайна - о предпосылках их создания, значении и влиянии на развитие визуальной культуры.</p>
9 <p>В XX веке голландский художник Пит Мондриан создал серию абстрактных картин, состоящих из разноцветных блоков. "Композиция с красным, синим и жёлтым" ― одна из самых известных и значимых среди них. В чём особенность этой работы и как она повлияла на искусство и дизайн ― расскажем в этом материале.</p>
9 <p>В XX веке голландский художник Пит Мондриан создал серию абстрактных картин, состоящих из разноцветных блоков. "Композиция с красным, синим и жёлтым" ― одна из самых известных и значимых среди них. В чём особенность этой работы и как она повлияла на искусство и дизайн ― расскажем в этом материале.</p>
10 <p>Пит Мондриан ― один из основоположников абстракционизма в живописи. Изначально он работал в технике импрессионизма, но после Первой мировой войны стал осваивать другие художественные направления. Результатом стал новый визуальный язык ― минималистичный, с чёткой геометрией и определённой цветовой гаммой. Художник использовал красный, жёлтый, голубой (основные цвета палитры), белый, чёрный и серый. Этот стиль Мондриан назвал неопластицизмом.</p>
10 <p>Пит Мондриан ― один из основоположников абстракционизма в живописи. Изначально он работал в технике импрессионизма, но после Первой мировой войны стал осваивать другие художественные направления. Результатом стал новый визуальный язык ― минималистичный, с чёткой геометрией и определённой цветовой гаммой. Художник использовал красный, жёлтый, голубой (основные цвета палитры), белый, чёрный и серый. Этот стиль Мондриан назвал неопластицизмом.</p>
11 <p>"Композицию с красным, синим и жёлтым" художник создал в 1930 году. Квадратная картина из ярких разноцветных блоков отражает представления автора о "новой" красоте: на полотне нет образного сюжета, сложных деталей, но есть выверенный баланс цветов и ощутимая динамика.</p>
11 <p>"Композицию с красным, синим и жёлтым" художник создал в 1930 году. Квадратная картина из ярких разноцветных блоков отражает представления автора о "новой" красоте: на полотне нет образного сюжета, сложных деталей, но есть выверенный баланс цветов и ощутимая динамика.</p>
12 <p>Сейчас картина находится в музее Kunsthaus в Цюрихе.</p>
12 <p>Сейчас картина находится в музее Kunsthaus в Цюрихе.</p>
13 <p>"Композиция с красным, синим и жёлтым" ― картина размером 45×45 см, выполнена маслом. Мондриан расчертил полотно сеткой с помощью прямых чёрных линий. Они образуют блоки разных размеров и цветов: красного, белого, синего, жёлтого.</p>
13 <p>"Композиция с красным, синим и жёлтым" ― картина размером 45×45 см, выполнена маслом. Мондриан расчертил полотно сеткой с помощью прямых чёрных линий. Они образуют блоки разных размеров и цветов: красного, белого, синего, жёлтого.</p>
14 <em>Изображение: Kunsthaus Zürich</em><p>Красный квадрат занимает большую часть композиции. Это могло бы нарушить визуальные пропорции картины, однако его уравновешивает небольшой синий прямоугольник. Мондриан использует цвета так, чтобы создать баланс и динамику, и произведение воспринимается гармонично.</p>
14 <em>Изображение: Kunsthaus Zürich</em><p>Красный квадрат занимает большую часть композиции. Это могло бы нарушить визуальные пропорции картины, однако его уравновешивает небольшой синий прямоугольник. Мондриан использует цвета так, чтобы создать баланс и динамику, и произведение воспринимается гармонично.</p>
15 <p>Линии нарисованы разной толщины и разными оттенками чёрного цвета. Цветные блоки и линии не ограничены рамкой и как будто устремляются за границы полотна, добавляя ему объём. Только одна черта намеренно не доведена до края ― над жёлтым прямоугольником в нижнем правом углу.</p>
15 <p>Линии нарисованы разной толщины и разными оттенками чёрного цвета. Цветные блоки и линии не ограничены рамкой и как будто устремляются за границы полотна, добавляя ему объём. Только одна черта намеренно не доведена до края ― над жёлтым прямоугольником в нижнем правом углу.</p>
16 <p>Геометрические формы, которые использовал Мондриан, универсальны и хорошо ложатся на разные поверхности. Поэтому референс "Композиции" прослеживается в разных направлениях дизайна ― от модной одежды до вёрстки интерфейсов. Со временем использование разноцветных блоков в оформлении стало самостоятельным приёмом ― колор-блок.</p>
16 <p>Геометрические формы, которые использовал Мондриан, универсальны и хорошо ложатся на разные поверхности. Поэтому референс "Композиции" прослеживается в разных направлениях дизайна ― от модной одежды до вёрстки интерфейсов. Со временем использование разноцветных блоков в оформлении стало самостоятельным приёмом ― колор-блок.</p>
17 <p>Пит Мондриан фактически стал вдохновителем минимализма и оп-арта ― ответвления абстрактного искусства, основанного на геометрических формах и оптических иллюзиях. Одни художники создают в своих работах прямые отсылки на голландца, а другие по-своему переосмысливают его метод.</p>
17 <p>Пит Мондриан фактически стал вдохновителем минимализма и оп-арта ― ответвления абстрактного искусства, основанного на геометрических формах и оптических иллюзиях. Одни художники создают в своих работах прямые отсылки на голландца, а другие по-своему переосмысливают его метод.</p>
18 <p>Оп-арт-проект Джанни Сарконе ― композиция в цветовой палитре Мондриана вписана в золотое сечение</p>
18 <p>Оп-арт-проект Джанни Сарконе ― композиция в цветовой палитре Мондриана вписана в золотое сечение</p>
19 <em>Изображение:<a>Gianni Sarcone</a></em><p>В 1965 году дизайнер Ив Сен-Лоран представил коллекцию одежды Mondrian. Это была серия шерстяных платьев с узнаваемым рисунком и цветами.</p>
19 <em>Изображение:<a>Gianni Sarcone</a></em><p>В 1965 году дизайнер Ив Сен-Лоран представил коллекцию одежды Mondrian. Это была серия шерстяных платьев с узнаваемым рисунком и цветами.</p>
20 <em>Фото:<a>Nationaal Archief</a></em><em>Фото: Louis Dalmas /<a>Musée Yves Saint Laurent Paris</a></em><p>Позднее разные модные бренды не раз обращались к характерным цветам и формам Мондриана.</p>
20 <em>Фото:<a>Nationaal Archief</a></em><em>Фото: Louis Dalmas /<a>Musée Yves Saint Laurent Paris</a></em><p>Позднее разные модные бренды не раз обращались к характерным цветам и формам Мондриана.</p>
21 Блейзер Moschino в стиле работ Мондриана<em>Изображение: Walker/Viden /<a>Ebay</a></em><p>Отсылки к "Композиции" Мондриана встречаются в оформлении общественных пространств. Например, в 2016 году в Москве открылась станция метро "Румянцево", в дизайне которой использовали разноцветные прямоугольные блоки.</p>
21 Блейзер Moschino в стиле работ Мондриана<em>Изображение: Walker/Viden /<a>Ebay</a></em><p>Отсылки к "Композиции" Мондриана встречаются в оформлении общественных пространств. Например, в 2016 году в Москве открылась станция метро "Румянцево", в дизайне которой использовали разноцветные прямоугольные блоки.</p>
22 <em>Изображение: Студия<a>Артемия Лебедева</a></em><p>Ещё один пример ― дом Чарльза и Рэй Имз. Фасад здания составлен из прямоугольных стеклянных блоков в чёрной арматуре, окрашенных в белый, синий, красный и жёлтый.</p>
22 <em>Изображение: Студия<a>Артемия Лебедева</a></em><p>Ещё один пример ― дом Чарльза и Рэй Имз. Фасад здания составлен из прямоугольных стеклянных блоков в чёрной арматуре, окрашенных в белый, синий, красный и жёлтый.</p>
23 <em>Фото: Stephanie Braconnier / Shutterstock</em><p>В 2017 году к столетию творческой группы "Де Стейл", одним из основателей которой был Пит Мондриан, фасад мэрии в Гааге оклеили тонкими разноцветными пластиковыми листами.</p>
23 <em>Фото: Stephanie Braconnier / Shutterstock</em><p>В 2017 году к столетию творческой группы "Де Стейл", одним из основателей которой был Пит Мондриан, фасад мэрии в Гааге оклеили тонкими разноцветными пластиковыми листами.</p>
24 <em>Фото: studio VOLLAERSZWART /<a>Behance</a></em><p>Работами Мондриана вдохновляются, когда оформляют и жильё. Например, итальянская студия notooSTUDIO разработала проект, где искусство вступает в диалог с бытом.</p>
24 <em>Фото: studio VOLLAERSZWART /<a>Behance</a></em><p>Работами Мондриана вдохновляются, когда оформляют и жильё. Например, итальянская студия notooSTUDIO разработала проект, где искусство вступает в диалог с бытом.</p>
25 <em>Фото: notooSTUDIO srl /<a>Behance</a></em><em>Фото: notooSTUDIO srl /<a>Behance</a></em><p>В 2016-м Sagmeister &amp; Walsh в рекламной кампании для Aïzone использовали цветовое оформление "Композиции". Составленные образы работают сразу на двух уровнях: внимание привлекает и яркая, психоделическая картинка, и узнаваемый референс.</p>
25 <em>Фото: notooSTUDIO srl /<a>Behance</a></em><em>Фото: notooSTUDIO srl /<a>Behance</a></em><p>В 2016-м Sagmeister &amp; Walsh в рекламной кампании для Aïzone использовали цветовое оформление "Композиции". Составленные образы работают сразу на двух уровнях: внимание привлекает и яркая, психоделическая картинка, и узнаваемый референс.</p>
26 <em>Изображение: Aizone /<a>Sagmeister &amp; Walsh</a></em><em>Изображение: Aizone /<a>Sagmeister &amp; Walsh</a></em><p>В 2005 году агентство Wyler Werbung юмористически обыграло композицию Мондриана в рекламной кампании для фирмы, занимающейся перевозками. На постере картина "осыпалась", и компания обещает, что с вещами их клиентов такого не произойдёт.</p>
26 <em>Изображение: Aizone /<a>Sagmeister &amp; Walsh</a></em><em>Изображение: Aizone /<a>Sagmeister &amp; Walsh</a></em><p>В 2005 году агентство Wyler Werbung юмористически обыграло композицию Мондриана в рекламной кампании для фирмы, занимающейся перевозками. На постере картина "осыпалась", и компания обещает, что с вещами их клиентов такого не произойдёт.</p>
27 "Искусство остаётся прекрасным, когда мы его доставляем"<em>Изображение: Art Logistics Worldwide / Kraft Els /<a>Wyler Werbung</a></em><p>Сегодня на многих сайтах применяют вёрстку блоками разных цветов.</p>
27 "Искусство остаётся прекрасным, когда мы его доставляем"<em>Изображение: Art Logistics Worldwide / Kraft Els /<a>Wyler Werbung</a></em><p>Сегодня на многих сайтах применяют вёрстку блоками разных цветов.</p>
28 Оформление сайта в мондриановских цветах<em>Изображение: Giorgi Gelbakhiani /<a>Dribbble</a></em>Проект сайта для Balenciaga: на то, что в качестве референса использовался Мондриан, указывают цветные разноразмерные блоки, разграниченные чёрными линиями<em>Изображение: Vyk Designer /<a>Behance</a></em><p>Австралийский физик Дэвид Морган-Мар придумал язык программирования Piet, названный в честь Мондриана. В коде вместо текста используются разноцветные блоки, а написанная программа выглядит как пиксельная абстрактная мозаика. Для кодирования используют 20 цветов.</p>
28 Оформление сайта в мондриановских цветах<em>Изображение: Giorgi Gelbakhiani /<a>Dribbble</a></em>Проект сайта для Balenciaga: на то, что в качестве референса использовался Мондриан, указывают цветные разноразмерные блоки, разграниченные чёрными линиями<em>Изображение: Vyk Designer /<a>Behance</a></em><p>Австралийский физик Дэвид Морган-Мар придумал язык программирования Piet, названный в честь Мондриана. В коде вместо текста используются разноцветные блоки, а написанная программа выглядит как пиксельная абстрактная мозаика. Для кодирования используют 20 цветов.</p>
29 Так выглядит программа, созданная в Piet<em>Изображение: David Morgan-Mar /<a>Danger mouse</a></em><a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
29 Так выглядит программа, созданная в Piet<em>Изображение: David Morgan-Mar /<a>Danger mouse</a></em><a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>