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

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

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

Древний Египет

Искусство Древнего Египта необычно и уникально, отличающееся не только монументальными принципами в архитектуре, использовании прямоугольников и треугольников, но в огромном количестве стилистических рисунков, иероглифов, характерных скульптур, ставших визитной карточкой эпохи.

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

 

Колоритным архитектурным сооружением Египта является храмовый комплекс Карнак, отличающийся неровными углами и немного неправильными формами. Именно такой подход находит воплощение в использовании диагонального расположения элементов сайта при одновременно строгой разметке на странице.

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

Возрождение

В истории мира этот период имеет особое значение. С середины 15 века Возрождение стало самым популярным направлением в искусстве, в котором свои работы создали такие мастера как Тициан, Шекспир, Иниго Джонс, Рафаэль Санти, Боттичели, Донато Браманте, да Винчи и многие другие.

Если рассмотреть произведения мастеров внимательно, то можно заметить некоторые особенности: особый угол зрения, перспектива и баланс между объектами композиции с одновременным стремлением к отражению реального мира. Наглядный пример – фреска Рафаэля «Афинская школа».

Здесь вы сможете увидеть точечную перспективу, с центром в месте нахождения Аристотеля и Платона, что притягивает взгляд зрителя и концертирует его внимание именно на этих героях. Перспектива позволила сделать изображение реалистичным и заставила зрителей увидеть самое главное.

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

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

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

Такое построение дизайна уже связывается с произведением Рафаэля «Диспута», где в перспективе в несколько ярусов  располагаются персонажи и элементы сцены.

Барокко

В завершении Возрождения на рубеже 16-17 веков появляется в Европе стиль Барокко, в котором творили Караваджо, Рубенс, Рембрандт, Пуссен. Если внимательно рассмотреть живопись этого периода, то можно выделить насыщение темного цвета, почти черного, контраст со светлым, насыщенность всех тонов и драматический сюжет картин.

Хорошим примером нам послужит «Сад любви» Рубенса. Здесь вы увидите контраст темного и светлого, насыщенные цвета красного и синего. Но самое главное в ней – лица. Они яркие и светлые, упустить хотя бы одно при рассмотрении невозможно, а значит, ориентируясь по эмоциям на них, можно разгадать и сюжет произведения.

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

Мы подобрали для вас образцы проектов Голос (Бельгия) и дизайн студии Fluper. Элементы дизайна напомнят нам о Барокко: контраст темного и светлого, яркие оттенки, подчеркивающие главное.  Обратите внимание на фоновые фотографии, что запечатлели артистов в движении. В картинах эпохи Барокко персонажи тоже замерли в действии. Если говорить о сюжете, то именно на сайте проекта Голос отражается и борьба героев.

Рококо

Эпоха Рококо наступила в 17-18 веках, а в живописи все чаще используют аристократические и романтические темы.  Картины отличаются легкостью, изяществом образов и мотивов, некоторым волшебством и сказочностью. Архитектура и интерьеры отличаются использованием витиеватых растительных элементов, орнаментов и мифологических вставок.

Посмотрите на вид интерьера в Большом дворце Петергофа. Рокайльные завитки, раковины, овальные угловые формы и витиеватые элементы стали основой стиля.

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

Романтизм

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

Рассматривая Плот «Медузы» Теодора Жерико, обратите внимание на лица потерпевших крушение фрегата «Медуза» в 1816 году. Кто-то отчаялся, кто-то заметил надежду, кто-то паникует, а кто-то в раздумьях. При этом сопереживать хочется всем, но по-разному.

Обладая эмоциональной основой, на посетителя внешний вид сайта может воздействовать также глубоко. Например, посмотрите на сайт чая «Принцесса Нури». В нем нет чего-то особенного, но сама подача информации, фотографии и анимация в совокупности воздействуют настолько сильно, что хочется, как минимум, попробовать такой чай, максимум – посетить его родину. Эмоции? Разумеется, в лучшем своем проявлении!

В завершение

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

Эпох и направлений в живописи и архитектуре неимоверно много, но постепенно мы рассмотрим и другие примеры.