винтаж

Винтаж в веб-дизайне

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

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

Дизайн в стиле винтаж

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

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

Содержание:

Барокко

Стиль барокко процветал в Европе с начала XVII до середины XVIII века.  Своей популярностью он во многом обязан поддержке Римской Католической церкви, которую сильно поколебала реформация протестантов. 

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

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

Винтаж барокко Guci

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

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

Викторианский стиль

Викторианский стиль вдохновлен периодом правления королевы Виктории в Англии с 1837 по 1901 год. Это были годы значительных технологических достижений, когда последствия промышленной революции были в самом разгаре.

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

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

Винтаж Викторианский стиль

Яркая визуальная идентичность этой эпохи с ее экстравагантными украшениями, изысканными цветами и фактурной лакированной деревянной отделкой никого не оставляет равнодушным.  Веб-сайт, который прекрасно демонстрирует, как можно включить элементы викторианского стиля в современные проекты, — это The Ol ’Box.  Его пользовательский интерфейс минимален. Тем не менее, сочетание монохромного дизайна, иллюстраций, напоминающих метод глубокой печати, и элегантных цветов, делают сайт похожим на произведения искусства викторианской эпохи.

Готика

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

Готический дизайн — один из наиболее традиционных и формальных примеров винтажного стиля. Как таковой, готический стиль можно охарактеризовать как власть и царственность с оттенками тьмы.

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

веб-дизайн готика

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

Ар-деко

Ар-деко достиг своего пика в середине 1920-х — начале 1930-х годов. Он представлял собой смесь различных художественных стилей и высокого мастерства, в то время как используемые материалы были дорогими и высококачественными. Его главные характеристики — богатство и роскошь.

Ар-деко позаимствовал элементы досовременного искусства со всего мира.  Он объединил японский и китайский экзотический и минималистичный подход к искусству, смелые геометрические формы кубизма и использование золотых, ярких цветов и цветочных мотивов, типичных для стиля Луи Зейза.

Art Deco

Благодаря широкому использованию в архитектуре и во всех декоративных формах искусства, он стал одним из первых международных стилей. Некоторые из самых известных зданий Нью-Йорка, такие как Эмпайр-стейт-билдинг и Радио-сити-мьюзик-холл, были построены в стиле ар-деко. Стиль также повлиял на дизайн плакатов 70-х годов и оставил неизгладимый след в иллюстрациях и визуальной культуре последних лет.

Ар-нуво

Ар-нуво, также известный как модерн, приобрел известность в период с 1890 по 1910 год. Он возник как попытка создать совершенно новый стиль, не имевший ничего общего ни с одной из предыдущих художественных эпох (в отличие от своих предшественников начала XIX века, которые активно использовали элементы других стилей). Ар-нуво известен интенсивным использованием длинных волнистых линий, вдохновленных формами, встречающимися в природе. Этот стиль подчеркивал важность контуров над цветами. Обычные оттенки ар-нуво были приглушенными оттенками коричневого, желтого, оливково-зеленого, шалфейно-зеленого и синего.

Графическое искусство стало особенно популярным в эпоху модерна. Во многом это было связано с развитием хромолитографии, то есть печати цветных изображений. Плакаты создавались массово и использовались как средство продвижения искусства, будь то на стенах улиц или в художественных журналах.  Лейтмотив стиля ар-нуво — женщина (часто в окружении цветов) как олицетворение гламура, современности и красоты.

Art Nouveau

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

Баухаус

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

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

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

Bauhaus
Bauhaus Vintage

Два сайта, воплощающие идеи Баухауса, — это Future London Academy и Readymag Stories — Bauhaus Vkhutemas.  Первый выполнен в контрастных черных и желтых тонах, напоминающих минималистичный плакат. Скромные анимационные эффекты подчеркивают дизайн, а смелое использование большого размера шрифта и простых геометрических форм демонстрирует современный подход автора к принципам Баухауса. Изучение истории двух школ Readymag и Вхутемас — похоже на просмотр журнала для фанатов.  У вас есть возможность насладиться интерактивным веб-интерфейсом Баухауса, характеризующимся минимальным использованием цветов, огромными шрифтами без засечек, большими текстовыми блоками, яркими дополнительными изображениями и плавными переходами от одного раздела к другому.

Поп-арт

Поп-арт появился в конце 1950-х, но достиг своего пика в 60-70-е годы.  Когда мы говорим об этом стиле, первое, что приходит в голову, вероятно, это «Банки супа Кэмпбелла» Энди Уорхола или какие-то другие работы из его творчества, поскольку он был одним из самых выдающихся художников эпохи поп-арта.

Поп-арт не был похож ни на один другой стиль, потому что он включал в искусство элементы из популярной культуры (такие как комиксы, газеты, дорожные знаки и даже консервные банки). Одна из его основных целей — показать бессмысленность элитарной культуры. Для этого художники в основном полагались на сатиру, пародию и иронию. Огромной популярностью пользовались яркие цвета, особенно красный, синий и желтый.

В это время расцвело искусство коллажа. Креативщики использовали в своих проектах изображения из газет и кадры из фильмов, чтобы высмеивать текущие события и банальность массовой культуры. Помимо Уорхола, одним из самых значительных художников той эпохи был Ричард Гамильтон.  Его коллаж «Что же делает сегодняшние дома такими разными, такими привлекательными?» был создан в 1956 году и является одним из первых знаковых произведений поп-арта. Гамильтон считал, что искусство должно учитывать рост потребления и роль технологий в повседневной жизни, что проявляется в его проектах.

Pop Art

Сайт коллекции Gucci Весна / Лето ’18 по стилю напоминает коллаж Гамильтона. Необычные забавные иллюстрации, дикие цвета и сочетания, казалось бы, несравнимых элементов — все это отражает дух поп-арта.  Пользовательский интерфейс приглушен, что привлекает внимание к избранным коллажам и позволяет им захватить безраздельное внимание посетителя.

Атомный век

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

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

Atomic Age

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

Интересным элементом является оформление некоторых разделов сайта в виде секретных политических документов, времен холодной войны.

Винтаж 70-х

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

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

Винтаж 70-х

Креативный разработчик Роб Смиттенаар прекрасно демонстрирует, как эстетика 70-х может быть успешно использована в веб-дизайне. На сайте, созданном для поклонников фильма Квентина Тарантино «Однажды в Голливуде».

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

Гранж

Термин «гранж» был придуман для обозначения определенного музыкального жанра, на который оказали влияние панк, рок и хэви-метал. Гранж-дизайн, который был популярен в 90-х, отражает грубость упомянутых музыкальных стилей и добавляет в микс реальные городские и индустриальные образы. 

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

винтаж гранж

Веб-сайт Punk Is Not Dead демонстрирует характерные черты гранж-дизайна, представленные в свежей форме. Сочетание ярких розовых и ярко-желтых оттенков, плоских и простых иконок и запоминающихся графических эффектно выделяет этот сайт из множества других. Фоновая музыка и привлекающая внимание анимация говорит свободе, лежащей в основе стиля гранж.

Заключение

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

Источник

Опубликовано admin

Добавить комментарий