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

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

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

Хіпстерський дизайн сайту: особливості стилю

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

• Кольорова гама та особлива текстура. Гранжевий фон для сайту передбачає використання характерних текстур: стара папір, потерті джинси, брудні стіни тощо. Кольорова гама представлена приглушеними «брудними» відтінками – сірий, болотний зелений, коричневий, чорний, бордовий, піщаний, темно-оранжевий.
• Елементи сторінки. Гранж сайти часто прикрашаються деталями: скріпки, кнопки, стікери, знімки полароїдного фотоапарата. Присутні елементи міської архітектури, пейзажі.
• Шрифти. Хіпстерський сайт рясніє неохайними, вигадливими шрифтами. Вони можуть бути доповнені елементами потертості, шорсткості, текстурності. Як варіант це може бути написаний від руки текст.

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

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

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

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