Оригинал статьи можно почитать в Smashingmagazine, здесь же мой вольный перевод и выборка самого вкусного.
Пока в Рунете только набирают силу всевозможные социальные сети с их «вебдавнольным» имиджем, на западе семимильными шагами возвращается ретро и, вместе с ним, ничем не приукрашенная реальность повседневности. Ведь на самом деле в реальной жизни (читай в природе) нет таких идеальных геометрических форм, ровных градиентов, точно выверенных теней и бликов как в стиле web 2.0. Поэтому многие дизайнеры стараются оформить свои сайты и блоги в виде непринужденной и даже немного нарочитой небрежности, зачастую придавая им вид неких «потертых временем» объектов. Как старая и много раз читанная книга.
В гранжевом дизайне вовсю используются такие элементы как рваные изображения, кусочки бумаги, скрепки, грязные пятна, кляксы, потертые иконки, нарисованные «от руки» картинки. Грязные текстуры, часто используются в качестве фоновых изображений для навигации меню, фотографий и в общей планировке.
Однако гранж-стиль вовсе не означает, что должно быть именно грязно. Можно набросать на макет кучу мусора, но она не станет ничем другим как кучкой мусора. Во всем должна быть гармония. К тому же нет особых причин захламлять страницу кляксами и изображениями ржавых канализационных люков, чтобы придать ей реалистичный вид в урбанистическом стиле.
В большинстве случаев в гранжевом дизайне используются приглушенные цвета. Коричневый, бежевый, серый и черный цвета доминируют. Яркие цвета в настоящее время заменены на более естественные и тонкие. Вот наиболее часто используемая палитра цветов:
Вместе с тем, дизайн в стиле гранж может содержать и яркие цвета, однако они должны быть более реалистичным. Темные оттенки зеленого и синего можно считать вполне обычными. Во всяком случае, они не должны акцентировать на себе внимание, а служить неким «уравнителем» для чисто гранжевых элементов. То есть, вводить элемент порядка.
Если сравнивать подобные сайты с оффлайновыми реалиями, то сразу же вспоминается такое очень распространенное в творческой среде определение, как «творческий беспорядок». Своеобразный «островок» автора, где он творит посреди кучи книг, бумаг, тюбиков с красками, кистей, пепельниц, мольбертов, пишущих машинок, рулонов бумаги, холстов, и еще тысячи и одной мелочи. Заходишь в комнату такого человека и сразу понимаешь — это натура творческая. :)
Полезные ссылочки:
5 шрифтов в стиле гранж и + еще один
Кисти для Фотошоп в стиле гранж (5,2мБ)
50 векторных изображений «уголков» в стиле гранж
Здравствуйте! Меня зовут Настя Манно. Я веб дизайнер и автор этого блога
Это очень интересный стиль!
Страничка выглядит совершенно естественно. Словно не долго и трудно создаваемый сайт, а просто “размышления на тему”… :) Приятно и непринуждённо. Не хочется надевать смокинг и бабочку, можно уютно просматривать в джинсах и кроссовках и с чашкой кофе :) :D
Спасибо, Настя, за интересную статью. И за перевод :-*
[Ответить]
Спасибо!!! :-*
Оль, ты права. Я тоже когда писала статью, то сразу вспомнила про старые и потертые джинсики. Хоть и непрезентабельный видок, но зато жутко удобно и привычно! :)
[Ответить]
Хех, а я как раз подумывал эту статью перевести =)
[Ответить]
:) Кто первый встал, того и тапочки! Спасибо за комментарий!!
[Ответить]
Спасибо за интересную статью и не только за эту!
[Ответить]
Я рада, Павел, что вам понравилось! На днях я продолжу тему гранжа и выложу несколько несложных уроков в Фотошопе по этому стилю. А у вас просто замечательные работы на стекле!!!
[Ответить]
Спасибо за похвалу! Прияяяятно ! А работы на стекле я хочу выложить в создаваемом мною магазине. На Вашу рассылку недавно подписался, буду читать и учиться! Надоело работать на дядю! Хочу создать красивый и зарабатывающий блог, сайт, магазин! Думаю что получится, чего и Вам от души желаю !!!
[Ответить]
Павел, все обязательно получится! Если веришь в то, чем сильно увлечен, то все сможешь, и все придет в нужное время! :) Удачи вам!
[Ответить]
Спасибо. Познавательная статья. Главное полезная.
[Ответить]
Я рада, что вам понравилось! :) После праздника (9 мая все ж!) продолжу эту тему :)))
[Ответить]
Настя, молодец=) Остаётся только похвалить тебя за то что ты делаешь!!=) Надеюсь вскоре совместными усилиями получится “воспитать” у людей в РУнете любовь к хорошему дизайну и интересным идеям..
[Ответить]
Спасибо, Хомячок Изобретатель, за добрые слова! Я тоже на это надеюсь! :)
[Ответить]
[…] В интернете говорят, что гранж вышел из моды, отодвинутый строгими формами Web 2.0. Хотя на западе ретро возвращается, а с ним и ничем не приукрашенная реальность повседневности. Я не дизайнер, не особо слежу за модой, и мне этот стиль нравится. Неплохую статью о гранжевом направлении можно почитать в переводе Насти Манно. […]
Так.Кто помнит 90-е,порванные джинсы и кассеты с группой nirvana?:)))
А вообще этот стиль всё равно не будет таким популярным как web 2.0!так как в гранже надо уметь весь этот мусор красиво завернуть.А в вебе только и делай что блеск прилепляй да полосочками всё заливай!:)
[Ответить]
[…] Оптимизированная для поисковых систем тема WordPress в стиле гранж. Есть готовая карта сайта и страница архивов. Мода на ретро возвращается! […]
Дааа-а-а-а-а… Классно!!! Мне этот стиль “капец” ка нравитЦо! Жаль что в Википедий при поиске выходит только музыкальное направление Гранж. Мож плохо искал… Отличный материал, отличный дизайн сайта! Молодец…
[Ответить]
[…] п.с. Гранж Все новое – это хорошо забытое старое. На западе действительно сейчас начинается бум ретро в веб дизайне. Но гранж никогда не сменит web 2.0. Почему? Все очень просто. Ретро – это искуственный, созданный нашими фантазиями мир прошлого, не вписывается органично в наш прогрессивный разум. Представьте себе интернет в стиле ретро? Уже, таким же образом можно фантазировать на тему замены 3D high-poly псевдографикой. Представьте себе человека из 1920х, которого засунули в черно белый мир… Будет ли ему там комфортно? Это только в нашем сознании, люди из 1920х живут в черно-белом, сами же они себя представляли… в блестящих комбинезонах из будущего, верхом на марсианском черве. Касаемо гранжа – это всего лишь оппозиционный отход от сверхпопулярного веба, который, в отличие от последнего, задает действительно высокие рамки к качеству и сложности графического оформления. […]
Статья интересная, но хотелось бы еще больше инфы по этому стилю, ведь если хотя бы попытаться найти перевод слова Grunge , то не найдешь ответа, так как перевода этого слова еще нет. Гранж это тот стиль, который мы сейчас создаем, и от нас будит зависеть, каким он будит)
[Ответить]
А слабо вот эту вот кучу из книг, бумаг, тюбиков с красками, кистей, пепельниц, мольбертов, пишущих машинок, рулонов бумаги, холстов, и еще тысячи и одной мелочи вообразить? ;-)
Значит так, полка-другая книг, стопка-пара важных бумаг, возможно даже ценных, ящик тюбиков, сноп кистей, коллекция пепельниц, три мольберта, два ундервуда, несколько рулонов нужной бумаги, холсты ну и еще так, по мелочи, тысяча с небольшим предметов… Круто! Прямо жил-был художник один, домик имел и холсты. :-D
Шучу я.
[Ответить]
Большое спасибо за материал, очень интересно и полезно) лично мне помог написать нормальный реферат именно про стиль дизайна а не про одежду и музыку(чего в и-нете ПОЛНО!)
да-да соглошусь- гранж - это вечно!
еще раз спасибо:)
[Ответить]
спасибо! черпал отсюда тоже вдохновление на дизайн своего первого сайта :)
[Ответить]
Max, симпатичная у вас stranichko :)
[Ответить]
спасибо, Настя. Я видел Вы учавствовали в конкурсе блогов одной мадам и победили. Хотелось бы знать, тянет ли мой блог/страничка на конкурс, и проводятся ли где-нибудь сейчас конкурсы.
[Ответить]
Max, гугль вам в помощь :) Я не в курсе про новые конкурсы
[Ответить]
Ну незнаю даже , мне такого стиля хватает на заборах в городе и стройках)
[Ответить]
Интересные темы. А ещё интереснее то, что я сутки искал тему для своего блога, который только позавчера запустил. Нашёл несколько гранжевых, и именно в буржунете. Как баран, долго на них смотрел и не мог выбрать :)
Странное дело - вроде бы интернет, всё под рукой. Ан нет, за бугром гранж, у нас web2.0
[Ответить]