Особенности современных стилей гранж и ретро в веб-дизайне

Опубликовано: 01.09.2018

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

Our Miss Brooks: Easter Egg Dye / Tape Recorder / School Band

Особенности стиля гранж

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

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

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

Впечатляющие и реалистичные детали Гранж выступает в качестве креативного и необычного стиля, о чем свидетельствует использование любых проявлений hand-made. К их числу относят обрывки бумаги, кляксы, стикеры, пятна, полароидные снимки или явно потертые иконки.

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

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

Перерождение ретро стиля

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

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

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

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

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

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

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