Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

Знаете,… но художники (а особенно великие и известные) почти всегда обладают чуть-чуть большим пониманием игры цвета и как-то, вот, весьма удачно подбирают те оттенки палитры, действительно впечатляющие людей и банально нравятся широкой общественности, от критиков и ценителей искусства до простых обывателей.

Давайте же посмотрим на лучшие картины, их цветовые палитры и попробуем вдохновиться ими. Примеры дизайна сайтов мы приводить не будем, поскольку смысл нашего рассказа в том, чтобы подсказать вам, как и где найти вдохновение и идеи. Но как использовать их, в каком количестве и варианте – решать только мастеру. Хотя на многих ресурсах существует выборка по цвету. Да и вариантов сочетания цветов настолько много, что с ума можно сойти от обилия их использования на том или ином сайте!

 

Каждая палитра цветов будет представлена в виде образцов Adobe Color CC. Достаточно будет только сохранить рисунок из этой статьи, загрузить его в Adobe Color CC и цветовая гамма подхватится автоматически. Затем её можно сохранить и использовать в Photoshop. Просто и удобно! Только аккаунт нужно создать, чтобы сохранять палитры и загружать пользовательские.

Крик

Являющаяся особенно ярким произведением искусства в жанре экспрессионизма, картина была создана Эдвардом Мунком где-то между 1893 и 1910 годами. История её появления весьма интересна и, пожалуй, это одна из многочисленных причин интереса к ней воров. Ее уже крали, а потом восстанавливали в 1994 и 2004 годах и при этом, несмотря на кажущуюся хрупкость от времени, она отделалась лишь малой толикой повреждений.

Что же касается палитры, то в ней чувствуется дружественность, успокоение, несмотря на тревожный и динамичный сюжет. Что уж говорить, но вдохновение может прийти к нам из самых невероятных мест!

Цветовое настроение красок по определению Adobe Color CC получило название – красочное, но в незначительном изменении оно может быть темным или приглушенным, ярким.

Воскресный день на острове Гранд-Жатт

Чтобы по-настоящему оценить эту картину, придется смотреть её в большом разрешении. Здесь, на викискладе. Джорж Сёра создал эту необычную красоту в 1884 году в стиле пуантилизм. Этот стиль особенно интересен тем, что используются тысячи крошечных точек чистого цвета, которые при собирании образуют некую фигуру, контур, что различимыми становятся только расстоянии. Представьте себе, сколько трудов и кропотливой работы ушло на то, чтобы создать образ такого масштаба!

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

И вот варианты настроения от Adobe Color CC. Все они разные, все они используют разные точки (пипетки) на полотне. Но все они базируются на оттенках зеленого в сочетании с теплым желтым. Красные и голубые только дополняют произведение, подчеркивая образы и передавая сюжет.

Звездная ночь

Созданная в 1889 году голландским постимпрессионистом Ван Гогом, картина изображает вид из окна номера в санатории на юге Франции, где и пребывал художник. Возможно, мастер был чуток эксцентричным (отрезал себе ухо, подарил его затем проститутке, да еще и в газетку завернул), но он обладал чувством цвета. Смелые холодные оттенки красиво дополняются интенсивными, яркими теплыми тонами звёзд и огней.

Adobe Color CC определяет палитру сине-желтых оттенков вкупе с темно-коричневым как красочную. И вне зависимости от смены настроения, оттенки как таковые не меняются, но добавляются темно-зеленые или насыщенно желтые.

Тайная вечеря

Сейчас мы услышим: «Подождите, это не та вечеря, что я знаю, вы лжете!». Да, «Тайная вечеря» да Винчи – особенно известное и популярное произведение. Это же работа венецианского художника  Тинторетто, которую он создал в конце 1500-х годов. И, надо сказать, отличное произведение, ничем не уступающее известному творению. Особенность в том, что Тинторетто нашел отличный способ смешивания интенсивных, ярких цветов, с интересной перспективой и сумасшедшей световой иллюзией. Вместе они создают потрясающую сцену на холсте, которая притягивает взор.

Если поиграть с цветовыми настроения в Adobe Color CC, то самое первое – красочное, подходит более всего для передачи эмоции. Здесь затронуты не только теплые оттенки желтого и насыщенного коричневого, но есть зеленоватый и голубоватый. Приглушенные, мягкие цвета. Но если попробовать сменить настроения, то и цвета будто оживут и начнут сменяться на самые экстравагантные.

Мона Лиза

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

Темная и богатая цветовая палитра – лучшее решение для взрослого вида картины, элегантного даже. И что самое интересное, но это самая «простая» из работ, что находятся в Лувре. Знаете, её окружают такие огромные и красочные полотна, что даже не верится, как женскому образу удается не затеряться.

Adobe Color CC также придает палитре красочное настроение и определяет оттенки бежевого, коричневого и, о, темно-синего цвета. Потрясающе и необычно.

Окулист

Норман Роквелл, пожалуй, самый культовый американский художник, который когда-либо жил. С начала 20-го века и до середины 1900-х годов он изображал каждый день американской жизни, что захватывала сердца миллионов. Колорит, быт, отличительные черты всего этого знакомы каждому и большая заслуга в этом, несомненно, у картин, обложек журналов, плакатов, шаржей и зарисовок творца. А теперь, вдумайтесь, представьте… на его счету более 4 000 оригинальных работ! Каждая из которых имеет почти бешеную популярность в мире и по сей день. И поскольку такое положение вещей не характерно для быта наших бабушек и дедушек, живших в СССР, но для американских жителей иначе… даже сейчас его работы украшают стены домов, наполняя интерьер летним теплом сельской местности.

Цветовые палитры Роквелла всегда завораживают и являются чуть ли не первыми источниками вдохновения для многих дизайнеров. Ну, как минимум, можно найти и других авторов, работающих в схожем жанре и со схожей тематикой. И, да, палитры будут практически одинаковые. Но, несмотря на большое количество работ мастера, «У окулиста» (At the Optometrist, 1956 год) прекрасно представляет передачу цветов для рассказа небольшой истории о мальчике, докторе, о зрении и о том, какая же большая необходимость возникает в очках! А всего-то игра цветов…

Немного разные и одновременно похожие наборы Adobe Color CC смогут пригодиться и преобразить практически любой дизайн сайта.

Большая волна

Иначе это творение так же называют Большая волна в Канагаве. Работа выполнена в технике гравюры где-то между 1830 и 1833 годами японским мастером Кацусиком Хокусаем. Это часть серии работ, посвященных горе Фудзияма. Данная картина по сей день самая известная из всего японского художественного творчества в целом.

Что может нас, как веб-дизайнеров, заинтересовать здесь? Формы и цвета волн, их отражение на горы, игры размеров  и передача динамики, силы, борьбы. О да, это еще и удивительный пример симметрии.

Если рассматривать палитру более пристально, то Adobe Color CC совершенно по-разному меняет настроение. От холодных синих до теплых бежевых, сероватых, пепельных и желтых. Каждый раз с разными оттенками, неповторяющимися, оригинальными.

Постоянство памяти

Сюрреалисты – пьянящие букеты, которые всегда придумывают нечто, чтобы изобразить некоторое глубокое понятие. Одно из известных произведений Сальвадора Дали датируется 1931 годом, предположительно. Но именно оно пытается изобразить относительность времени и пространства в глубоком их понимании… или же…это попросту расплавленный на солнце сыр?!

Во всяком случае, смотрим на цвета и высокий контраст с обилием теней. Здесь даже не потребовались явные источники света.

Удивительно, но практически все наборы Adobe  включают те или иные постоянные цвета. Нежно-голубой, оранжевый, черный. Разброса оттенков мало, но ведь сколько дизайнов сайтов мы видим с четкими, яркими цветами?

Водяные лилии

Необычная работа нашей подборки выполнена в стиле французского импрессионизма 19-го века. Для него характерны тонкие, едва видимые четкие мазки, отличающиеся контрастом. Все они должны сочетаться по оттенкам палитры в соответствии с теорией цвета и расщепления солнечного луча на составляющие. Иными словами, выбирается цвет, а затем два его тона, с которыми и ведется работа. Это позволяет отказаться от черного цвета и не смешивать цвета, как таковые. Но по факту появление импрессионизма совпало с началом развития смешивания и создания синтетических пигментов и лаков в мире.

Водяные лилии – самая известная работа Клода Моне. И отличительная её особенность  в том, что каждая такая кувшинка – не один мазок или цельный объект, а около 250 штрихов и мазков.

Но Adobe практически при любом наборе цветов оперирует зеленоватыми, голубоватыми оттенками. Да, можно предположить, что дизайн сайта получится «как в болоте». Но это если выбрать Темное настроение. А что если приглушенное или красочное. Что самое занятное, отличия от Яркого набора видны невооружённым взглядом.

Заключение

Таким нехитрым образом подчерпнуть вдохновение можно даже из произведений искусства. Никто не говорит о том, что палитра должна использоваться точь в точь и в полном объеме. Это могут быть 2-3 оттенка из разного настроения. Особенность нашего рассказа в том, что такие цвета  и сочетания их уже себя зарекомендовали в мире, в творчестве, в живописи и использование их в веб-дизайне заведомо правильное и выигрышное решение.

Посещая тот или иной ресурс Awwwards или Css Design Awards, можно отсортировать работы по основному цвету. Но только по  одному. Поэтому, уделите немного времени и посмотрите, какие еще цвета использовали мастера для  создания своих шедевров.

У каждого из нас есть любимые картины. Задумайтесь, а что они могут предложить вам, как веб-дизайнерам? Что найдется в них для конструкции, цвета, образов? Уверены, что даже «Бурлаки на волге» таит в себе много интересного…

Как вам материал?