lingvoblog
свежее комменты
рубрики

Если вы хотите получать уведомления о новых записях на блоге Mannodesign.Com, то просто подпишитесь на RSS-рассылку.

Введите ваш e-mail:

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

line

Оригинал статьи можно почитать в Smashingmagazine, здесь же мой вольный перевод и выборка самого вкусного.

grunge1.jpg

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

grunge2.jpg

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

grunge3.jpg

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

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

grungecolor.gif

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

grungeclear.jpg

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

Полезные ссылочки:

5 шрифтов в стиле гранж и + еще один
Кисти для Фотошоп в стиле гранж (5,2мБ)
50 векторных изображений «уголков» в стиле гранж

Mannodesign.Com

15.03.2008 Рубрика: Стиль

Комментарии (26)

  1.   Комментарий от Ольга Т. — 15 Март 2008 #

    Это очень интересный стиль!
    Страничка выглядит совершенно естественно. Словно не долго и трудно создаваемый сайт, а просто “размышления на тему”… :) Приятно и непринуждённо. Не хочется надевать смокинг и бабочку, можно уютно просматривать в джинсах и кроссовках и с чашкой кофе :) :D

    Спасибо, Настя, за интересную статью. И за перевод :-*

  2.   Комментарий от Настя Манно — 15 Март 2008 #

    Спасибо!!! :-*
    Оль, ты права. Я тоже когда писала статью, то сразу вспомнила про старые и потертые джинсики. Хоть и непрезентабельный видок, но зато жутко удобно и привычно! :)

  3.   Комментарий от Apathetic — 16 Март 2008 #

    Хех, а я как раз подумывал эту статью перевести =)

  4.   Комментарий от Настя Манно — 16 Март 2008 #

    :) Кто первый встал, того и тапочки! Спасибо за комментарий!!

  5.   Комментарий от павел — 19 Март 2008 #

    Спасибо за интересную статью и не только за эту!

  6.   Комментарий от Настя Манно — 19 Март 2008 #

    Я рада, Павел, что вам понравилось! На днях я продолжу тему гранжа и выложу несколько несложных уроков в Фотошопе по этому стилю. А у вас просто замечательные работы на стекле!!!

  7.   Комментарий от павел — 19 Март 2008 #

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

  8.   Комментарий от Настя Манно — 19 Март 2008 #

    Павел, все обязательно получится! Если веришь в то, чем сильно увлечен, то все сможешь, и все придет в нужное время! :) Удачи вам!

  9.   Комментарий от vashurin — 7 Май 2008 #

    Спасибо. Познавательная статья. Главное полезная.

  10.   Комментарий от Настя Манно — 8 Май 2008 #

    Я рада, что вам понравилось! :) После праздника (9 мая все ж!) продолжу эту тему :)))

  11.   Комментарий от Хомячок Изобретатель — 11 Май 2008 #

    Настя, молодец=) Остаётся только похвалить тебя за то что ты делаешь!!=) Надеюсь вскоре совместными усилиями получится “воспитать” у людей в РУнете любовь к хорошему дизайну и интересным идеям..

  12.   Комментарий от Настя Манно — 11 Май 2008 #

    Спасибо, Хомячок Изобретатель, за добрые слова! Я тоже на это надеюсь! :)

  13.   Комментарий от Bear-grunger — 10 Октябрь 2008 #

    Так.Кто помнит 90-е,порванные джинсы и кассеты с группой nirvana?:)))
    А вообще этот стиль всё равно не будет таким популярным как web 2.0!так как в гранже надо уметь весь этот мусор красиво завернуть.А в вебе только и делай что блеск прилепляй да полосочками всё заливай!:)

  14.   Комментарий от margolan — 14 Март 2009 #

    Дааа-а-а-а-а… Классно!!! Мне этот стиль “капец” ка нравитЦо! Жаль что в Википедий при поиске выходит только музыкальное направление Гранж. Мож плохо искал… Отличный материал, отличный дизайн сайта! Молодец…

  15.   Комментарий от Константин — 15 Ноябрь 2009 #

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

  16.   Комментарий от Виталий — 3 Март 2010 #

    А слабо вот эту вот кучу из книг, бумаг, тюбиков с красками, кистей, пепельниц, мольбертов, пишущих машинок, рулонов бумаги, холстов, и еще тысячи и одной мелочи вообразить? ;-)
    Значит так, полка-другая книг, стопка-пара важных бумаг, возможно даже ценных, ящик тюбиков, сноп кистей, коллекция пепельниц, три мольберта, два ундервуда, несколько рулонов нужной бумаги, холсты ну и еще так, по мелочи, тысяча с небольшим предметов… Круто! Прямо жил-был художник один, домик имел и холсты. :-D
    Шучу я.

  17.   Комментарий от grunge_girl — 13 Март 2010 #

    Большое спасибо за материал, очень интересно и полезно) лично мне помог написать нормальный реферат именно про стиль дизайна а не про одежду и музыку(чего в и-нете ПОЛНО!)
    да-да соглошусь- гранж - это вечно!
    еще раз спасибо:)

  18.   Комментарий от Max — 22 Март 2010 #

    спасибо! черпал отсюда тоже вдохновление на дизайн своего первого сайта :)

  19.   Комментарий от Настя Манно — 22 Март 2010 #

    Max, симпатичная у вас stranichko :)

  20.   Комментарий от Max — 25 Март 2010 #

    спасибо, Настя. Я видел Вы учавствовали в конкурсе блогов одной мадам и победили. Хотелось бы знать, тянет ли мой блог/страничка на конкурс, и проводятся ли где-нибудь сейчас конкурсы.

  21.   Комментарий от Настя Манно — 26 Март 2010 #

    Max, гугль вам в помощь :) Я не в курсе про новые конкурсы

  22.   Комментарий от Alex — 4 Апрель 2010 #

    Ну незнаю даже , мне такого стиля хватает на заборах в городе и стройках)

  23.   Комментарий от redskinman — 19 Апрель 2010 #

    Интересные темы. А ещё интереснее то, что я сутки искал тему для своего блога, который только позавчера запустил. Нашёл несколько гранжевых, и именно в буржунете. Как баран, долго на них смотрел и не мог выбрать :)

    Странное дело - вроде бы интернет, всё под рукой. Ан нет, за бугром гранж, у нас web2.0

Трэкбеки

Пожалуйста, оставьте ваш комментарий. Спасибо!