Гранж или Хипстерский стиль в веб-дизайне

Слово «grunge» принадлежит к сленговому стилю, его значение близко к понятиям «отталкивающий», «неприятный». Под словосочетанием «grunge work» понимается черная работа. Стиль с экстравагантным названием гранж возник как отрицание пафосности, гламура, ненастоящих ценностей. Сначала этот стиль проявился в музыке 80-90-х годов (Nirvana, Soundgarden). Чуть позже хипстерский стиль основался в сфере моды, архитектуры, фотографии, дизайна интерьеров. В веб-дизайне гранж обрел популярность после широкого распространения стиля web 2.0, как своеобразный протест четкости форм, гармоничности градиентов, безукоризненности бликов.

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

Хипстерский дизайн сайта: особенности стиля

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

• Цветовая гамма и особая текстура. Гранжевый фон для сайта предусматривает использование характерных текстур: старая бумага, потертые джинсы, грязные стены и пр. Цветовая гамма представлена приглушенными «грязными» оттенками – серый, болотно-зеленый, коричневый, черный, бордовый, песочный, темно-оранжевый.
• Элементы страницы. Гранж сайты часто украшаются деталями: скрепки, кнопки, стикеры, снимки полароидного фотоаппарата. Присутствуют элементы городской архитектуры, пейзажи.
• Шрифты. Хипстерский сайт пестрит неопрятными, замысловатыми шрифтами. Они могут быть дополнены элементами потертости, шероховатости, текстурности. Как вариант это может быть написанный от руки текст.

Какому типу сайтов подходит гранж?

Гранж сайты – это сайты, ориентированные на молодежь, как целевую аудиторию. Это могут быть сайты, посвященные музыке, творчеству. Яркий пример – сайт театра Буша (www.bushtheatre.co.uk). Фон каждой страницы – текстурный, в оформлении использованы приглушенные гранжевые оттенки. Контент иллюстрирован городскими пейзажами.

Стиль гранж подходит и для сайтов, посвященных путешествиям, блогов, сайтов по продвижению услуг. Хорошо выглядят в этом стиле портфолио: например, презентация работ веб-дизайнера-фрилансера www.alitabatabaei.com. Цветовая гамма – оттенки серого, бежевого и черный. Для шапки и футера использована текстура, шрифты на сайте с эффектом потертости.

Гранжевый дизайн можно применять к оформлению коммерческих сайтов, которые имеют отношение к данному стилю. Например, для интернет-магазинов с одеждой и аксессуарами в стиле гранж, яркий пример – магазин Sycfuk (sycfuk.com). Идентификаторы хипстерского стиля здесь – текстурное оформление шапки сайта, характерный шрифт с потертостями, общая цветовая гамма.