Идея данного поста возникла после очередного посещения моего любимого онлайн журнала Smashingmagazine, где в посте “50 Beautiful Watercolor Paintings” представлен ряд замечательных акварельных работ разных авторов:
Но при чем тут веб-дизайн, спросите вы? Те, кто давно уже читает мой блог, знают, что я просто обожаю гранж и ретро стиль в дизайне. Поэтому все, что нарисовано от руки, меня жутко завораживает и заряжает креативными идеями. Акварель в этом плане — просто идеальный инструмент! Вот посмотрите, например, какой замечательный дизайн для шаблона Вордпресс получился у Альваро Гузмана (Alvaro Guzman):
В своем уроке Альваро подробно рассказывает и показывает, как создавался этот дизайн. Вдвойне интересно и полезно изучить данный урок по той причине, что “рисовал” автор не живыми красками по бумаге, а творил все только лишь в Фотошопе. Результат весьма впечатляет.
А посмотрите, какой потрясающе красивый диз получился у Ника Ла (Nick La) в его обновленном n.design studio:
Лично меня такие работы подталкивают на необдуманные действия к тому, чтобы выудить из стола старую коробочку с акварельными красками “Ленинград”, да вспомнить подзабытые уроки с курсов начинающих любителей-живописцев, посещала которые лет несколько назад.
А что вы думаете об использовании рисованных акварельных элементов в дизайне сайта? Является ли это избыточным изыском или наоборот — эффектной фишкой в дизайне?
Постовой:
Праздник-праздник на носу! А потому организация фуршета — дело первостатейной важности.
Стильные и гламурные душевые кабины в Киеве.
От зимней стужи спасает лишь наружное утепление стен.
Здравствуйте! Меня зовут Настя Манно. Я веб дизайнер и автор этого блога
«Ленинград» — самая классная акварель!
Это очень эффектная фишка, потому что часто дизайнеры стремятся привнести реальную жизнь в дизайн, и часто это ограничивается вебдванольными выпуклостями или фотографиями вещей, а акварель всегда останется глотком свежего воздуха и в живописи, и в других видах визуального искусства.
[Ответить]
Красиво смотрится такой стиль, а работы Nick La видел уже есть на что посмотреть. Настя, а ты в таком стиле что то уже делала?
[Ответить]
Кирилл очень верно подметил: это как свежий воздух в дизайне. Причем обилие деталей здесь не загромождает общую картину, а лишь подчеркивает “натуру”.
Артур, пока лишь в дизайне своего блога применяла нечто похожее. Вот есть задумка сделать очередной бесплатный шаблон в акварельном стиле. Пока возюкаю кисточками по бумаге. Руку набиваю, тэскээть :)))
[Ответить]
Ну твой блог у меня вообще вне конкуренции в рунете, а насчет того что готовишь, буду ждать с нетерпением, и удачи тебе Настенька в этом деле.
[Ответить]
Симпатично, креативно и действительно неповторимо. Хотя конечно гораздо сложней обычной графики. Создание псевдоакварели в Фотошопе работка не из легких. Так что Настя “возюкай” на бумаге, если опыт уже имеется. Обработать в Фотошопе будет чуть проще, чем в нем же нарисовать. Опять же - акварель должна быть живая…
[Ответить]
Креативно! Очень впечатляет. Хотел бы себе такой дизайн для блога.
[Ответить]
Еще несколько (полезных?) примеров для инспирэйшна из моих закладок ;)
Примеры:
http://inspiredology.com/showcase-of-watercolour-in-webdesign/
http://naldzgraphics.net/inspirations/35-inspiring-watercolor-effect-in-web-design/
http://www.weberica.net/web-design-en.html (мой фаворит)
http://abduzeedo.com/beautiful-watercolor-illustrations-super-heroes-and-villains (не совсем photoshop и веб-дизайн, но тоже симпатично :)
Туториалы:
http://www.pvmgarage.com/en/2009/06/roundup-of-watercolor-in-web-design-25-amazing-examples-50-resources-and-tutorials/ (примеры, туториалы, кисти)
http://www.photoshoproadmap.com/Photoshop-blog/2009/04/06/15-artistic-watercolor-effects-photoshop-tutorials/
http://free-web-design.co.cc/watercolor-effect-photoshop.html
http://abduzeedo.com/super-cool-watercolor-effect-10-steps-photoshop
Красивый стиль, часто пересекающийся с hand-made и grunge.
Настя, удачи в экспериментах!
[Ответить]
Артур, спасибо!
Алексей, скорее всего так и поступлю. Хотя у меня уже есть уйма готовых кистей ФШ в акварельном стиле. Наверное, что-то и из них тоже применю.
Игорь, вэлкам! Заказывайте у меня :)
Жень, спасибо! Отличная подборочка! Нашла там много новенького.
[Ответить]
Совсем не обязательно ограничиваться только классической акварелью :) Попробуйте совместить ее с фломастерами, гуашью, с дешевыми чернилами и так далее.
И лучше именно на бумаге, чем в фотошопе, потому что отсканированный рисунок производит часто совсем другое, даже лучшее, впечатление.
[Ответить]
Да, Настя. Когда мой блог созреет, обязательно закажу дизайн именно у вас. Мне очень нравятся ваши работы!
[Ответить]
Степан (рисунок), у вас очень интересная задумка для вашего сайта. Только зря вы его завесили рекламой от гугля и бегуна. Лишнее это на данном этапе. А вот уроки хотелось бы видеть с более подробными пошаговыми инструкциями. Все-таки любая визуализация требует “один раз увидеть, чем сто раз услышать(прочитать)” :)
[Ответить]
После все будет. Те картинки, что там есть, отсканированы были уже в готовом виде. По ходу дела надо фотографировать, а возможность сделать это прилично не всегда есть.
[Ответить]
Настен, вот смотрю я на твои вкусы и думаю:
то-ли это я такой повернутый, то-ли ты чего не догоняешь…
Вообщем ты знаешь разницу между «Хорошим дизайнером» и «Великим дизайнером»?
Вот прочти это: http://www.cameronmoll.com/speaking/misc/good-vs-great.pdf
Если лень качать(читать) скажу сразу:
Хороший дизайнер: Декорирует элементы на странице. (Decorate)
Великий дизайнер: Соединяет их. (Comunicate)
Это я все к тому, что вся эта акварель, «завитюшечки» и проч. конечно хорошо!
Но не надо забывать о главном: дизайн должен быть не эстетично мотивирован (aestetic driven), а причинно обоснован (propose driven).
У меня есть опыт в гейм-дизайне (game design), там есть такая должность — дизайнер уровней (level designer). Так вот, знаешь чем хороший левел дизайнер отличается от великого (great). Хороший левел дизайнер просто расставляет деревья, дома, собак на карте. Таких людей еще называют художниками декораторами (background artist). А великий левел дизайнер продумывает динамику уровня (в твоем случае — сайта), ведет игрока (пользователя).
Короче, ну совсем коротко. Меньше «фигнюшечек», больше дела.
[Ответить]
nuxdie, куда ж нам до великих :)
[Ответить]
Конечно же фишка, особенно в рунете! Очень устаёт глаз от прямых линий, “пластика”, “мокрых полов” и прочей атрибутики нового века. А хочется чего-то эдыкого)
[Ответить]
я только сегодня обратил внимание на сайдбар, а точнее на “избранное@? и теперь просто не могу оторваться от статей…
акварель всегда боготворил, но рисовать - у меня никогда не получалось с ней работать, только карандаш всегда… =\
[Ответить]
Денис, как я тебя понимаю! :) Самой иногда жутко хочется поработать с акварелью, но все никак не собраться.
[Ответить]