RSS

новые сообщения

самое популярное

свежие комментарии

  • Aleks: Говорить о художнике-иллюс раторе Майке Дэвисе (Mike Davis)...
  • Константин: Очень понравились его работы. В избранное...
  • Flyse: вы очень круты. прямо … очень.
  • Олегг: А у меня нет такого узора :-(
  • Санёк: Не мудрено, что больше всего шансов у англоязычной...
  • MaxiS: Да наверно у всех такая мысль пролетала, а потом вспоминали...
  • Tod: Вот “желающих хоть отбавляй” меня и остановило, уж...
  • Tod: Вот ведь как бывает, сижу пишу пост на эту же тему. Придется...
  • Вася Болтов: Спасибо большое за интересные ссылочки. Я так...
  • cross: Красивенькое ретро, обязательно попробую где-нить...

архив

рубрики

Каталог DMOZ

считалочки






Добавить в Technorati Favorites

View blog authority

количество читателей онлайн и всего

Web Design Blogs - BlogCatalog Blog Directory
TopOfBlogs
Рейтинг блогов
blog search directory
Каталог блогов

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

Автор Настя Манно

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

grunge1.jpg

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

grunge2.jpg

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

grunge3.jpg

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

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

grungecolor.gif

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

grungeclear.jpg

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

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

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

Популярность: 35%

Еще по теме:
Рубрика: Стиль | Март 15, 2008 в 16:52

Ответов (12) на “Дизайн в стиле гранж”

  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 #

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

Трэкбеки

Что вы об этом думаете?

XHTML: Вы можете использовать следующие тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>