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

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

Сегодняшний материал мы посвятим искусству последних двух веков и обратим внимание на веяния последних лет.  

Искусства и ремесла

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

Мы подобрали для вас отличный пример проекта lotie.com, который совместил и ручное создание оформления, и музыкальное сопровождение и даже различные спецэффекты наложения и глубины в сочетании с современными тенденциями в веб-дизайне.

Другим примером ручной работы, создания дизайна сайта, в виде рисованного от руки изображения, является ernestandcelestine.com. Сочетание функциональности и ремесленно-ориентированным стилем, современные инструменты с иннервацией социальной сети Facebook, анимация.

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

Интернациональный стиль

Архитектурный стиль, что сформировался из школы Баухаус и доминировал в мире вплоть до 60-х годов XX века. Это и штаб-квартира ООН, и Сигрем Билдинг и многие иные небоскребы. Стиль эпохи отличался строгими линиями, прямыми углами, обилием квадратных и прямоугольных форм. Яркий пример для нас сегодня - Вилла Тугендгат архитектора Людвига Миса ван дер Роэ. Здесь строгие формы соседствуют с функционалом, обилием света и использованием окружающего пространства в качестве дополнительного интерьера.

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

Швейцарский дизайн

Широко известный сначала в Швейцарии, а затем и во всем мире с середины 1950-х годов, стиль уделял внимание удобству чтения, разработке буквицы, что понятная и не раздражительна. Также проводились эксперименты и создавались стандарты разметки печатной страницы. Стиль отличается: вырыванием по левому краю, четкими шрифтами наподобие Helvetica, строгой сетки расположения элементов.

Дизайн сайта  v4.jasonsantamaria.com наглядно демонстрирует все главные акценты швейцарского стиля. Будь то расположение элементов на странице, использование шрифтов или даже портфолио мастера.

 

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

Футуризм

С момента открытия полета человека в космос люди стали мечтать о далеких галактиках, иных цивилизациях, об НЛО и многом ином. Так появилось направление научной фантастики, а художники и писатели начали превращать мечты в картины и романы. Идеи и мысли Азимова, Гамильтона, Булычева, Гаррисона, Орсона Скотта Карда и многих иных сейчас также интересны и близки каждому, как и раньше.

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

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

Гранж

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

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

XXI век

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

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

Все это нашло отражение и в веб-дизайне. Простой минималистический внешний вид сочетается с небольшими тенями и эффектами параллакса и перспективы, использованием реальных изображений и фотографий, созданием трехмерности и адаптивности. Буквально за несколько лет, стили веб-дизайна волной сменяли друг друга, но и до сих пор ни один из них не канул влету окончательно. Идеи и вариации используются в каждом дизайне сайта. Сайты IBM (ibm.com/ru-ru/), проекта Теплица (te-st.ru/section/ngos/), магазина Envatomarket (graphicriver.net/?osr=tn) наиболее ярко отражают современные тенденции.

Итоги

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

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

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

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