Креатив или ТЗ — вот в чем вопрос

На дизайнерских блогах и сайтах часто можно встретить раздел под общим названием Inspiration (Вдохновение). Особенно в буржунете. В данном разделе обычно размещают ссылки на всевозможные ресурсы, где можно подзарядиться креативом, познакомиться с новинками, тенденциями, идеями наконец. Все это замечательно. Мир такой пестрый и интересный. Смотришь на работы других дизайнеров: гениальные и не слишком, простые и сложные, пронзительные и гламурные или мягкие, пастельные… Что-то принимается, что-то нет. Вот это ты взяла бы в свой багажничек, а вот это мусор, хотя и прикольный.

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

Как результат — ты стараешься найти ту тонкую грань между творчеством и необходимостью и порой ловишь себя на мысли, что тебе скучно этим заниматься. Для себя я нашла простой выход. Я представляю, что делаю сайт для себя самой. То есть, как бы я сама хотела это увидеть, чтобы нравилось лично мне. Тогда и интерес к работе не пропадает, и креативить можно без лишних ограничений. Понимаю, что такой подход не всегда будет нравиться заказчику. Особенно, если у него есть уже свои идеи насчет того, как должен выглядеть сайт.

Есть, конечно же, наиболее цивилизованный путь — составление подробного ТЗ и все такое. Можно строго придерживаться пунктов данного ТЗ и выполнить все в точности до йоты. Но будет ли такой сайт живым и интересным? Не превратится ли в пустую железку, постную и скучную?

Как вы, если вы дизайнер, решаете подобную дилемму? Творить то, что вам нравится или быть ремесленником? Уповать на ТЗ или всегда быть гибкой и искать какие-то компромиссы? Спрашиваю не ради любопытства, а потому как темка для меня весьма актуальная. Примерно треть моих заказчиков неудовлетворена полученным результатом. Понимаю, что это неизбежность. Более того, нет смысла даже заморачиваться на этот счет, потому как сколько людей, столько и мнений.

Скорее меня интересует такой вопрос: при прочих равных, чему вы больше отдадите предпочтения: собственному креативу или ТЗ? Причем, вопрос не только к конкретно дизайнерам, а и ко всем читателям моего блога. Думаю, каждый из вас в какой-то степени понимает о чем идет речь. Как бы вы поступили?
alternative.gif

Вдавленный текст | Урок Фотошоп

Уроки фотошоп. Очень часто на сайтах можно увидеть кнопки с текстом, словно бы вдавленным внутрь. Такой своеобразный оттиск. Есть масса способов повторить этот эффект в Фотошоп, используя различные стили, ембоссы, тени и свечения. Но я нашла самый простой способ добиться такого же эффекта. Принцип его прост и, вместе с тем, изящен: шрифт просто дублируется на нижележащий слой и затем сдвигается на 1 пиксель вниз и на 1 пиксель вправо. При этом цвет шрифта на этом слое меняется на белый или просто светлый различных оттенков. Получается блик, который и создает эффект оттиска.

Для начала при помощи инструмента Rounded Rectangle Tool создадим тело кнопки светло-серого цвета

extruded1.gif

Читать далее…

10 популярных цветов по версии Pantone на весну 2009

mimosa.jpgЗаконодатель цветовых стандартов корпорация Pantone объявила, что 2009 год пройдет под флагом цвета мимозы — неприхотливого весеннего цветка теплого желтого оттенка. Объясняется это желанием в период экономической нестабильности и политических преобразований внушить людям спокойствие и уверенность в завтрашнем дне. Теплый желтый как нельзя лучше подходит для этого. Ассоциации с солнечным светом и оживающей после долгой зимы природой — в полной мере! Цвет так и называется — Мимоза.

Табельный номер Pantone 14-0848 NCX.
RGB: 238/192/80
HTML: #EEC050

Самыми модными весной 2009 станут также голубые и фиолетовые оттенки. Еще в сентябре 2008 pantone.com опубликовал доклад о прогнозах на нынешнюю весну:

Fashion Color Report Spring 2009 (PDF-файл, 2,72 Мб)

Согласно докладу, самыми популярными весной 2009 года станут следующие цвета:

Читать далее…

Тенденции веб дизайна по версии журнала Smashing Magazine (часть 2)

Итак, вторая часть обзора тенденций веб дизайна 2009 по версии журнала Smashing Magazine. В двух словах тенденция такова, что креативные дизигнеры пытаются всеми возможными и невозможными способами сломать стереотип восприятия сайта как некоей «коробки», куда ссыпана кучка инфы и более-менее там упорядочена. Приемчики используются самые разнообразные. От попыток вовлечения посетителя внутрь экрана, до намеренного частичного сокрытия текста (Черт! Что там у них написано-то? Ну-ка, ну-ка…) и гигантских картинок, мгновенно приковывающих внимание. Но обо всем по-порядку.

1. Прочь, за пределы коробки!

2trend2009-1.gif

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

Читать далее…

Тенденции веб дизайна по версии журнала Smashing Magazine

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

Smashing Magazine опубликовал обширный отчет в двух частях о тенденциях веб дизайна 2009. Заглянув в трэкбэки, я не нашла достойного перевода текста, а потому решила восполнить этот пробел. Сегодня я публикую лишь первую часть, а в следующем посте будет продолжение. Иначе получится многабукаф. Перевод сокращен до полезного минимума, так как в первых абзацах одна вода.

Итак, тенденции веб дизайна 2009 по версии журнала Smashing Magazine.

1. Letterpress или оттиск

trend2009-1.jpg

Буквально — выдавленный текст или иные символы. По мнению авторов журнала, это довольно неожиданная тенденция, вызванная, скорее всего тем, что ранее мало использовалась вообще. Такую технику теперь стали в изобилии применять для представления дизайнерских продуктов и на сайтах онлайн-сервисов.

Читать далее…

Украшаем свой лэптоп

Владельцам ноутбуков, нетбуков, карманных переводчиков, калькуляторов и прочих гаджетов посвящается.

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

Каким же образом можно изменить облик своего верного лэптопа? Вариантов куча и маленькая тележка. Например:

1. Английский сервис moo.com предлагает всего за €6.89 симпатичный набор стикеров в количестве 90 штук, оформленных в виде квадратных рисунков и собранных в StickerBook — подобие набора сувенирных открыток из 15 листов по 6 наклеек на каждом. Главная фишка в том, что вы можете самостоятельно загружать любые ваши изображения или фотки, а потом заказать из них данный набор.

laptopcreate1.gif

Читать далее…

Интервью: Михаил (Глобатор) ― автор блога shakin.ru

shakinru.jpg

Сегодня у меня в гостях автор известного блога о веб-дизайне и продвижении сайтов ― shakin.ru ― Михаил (Глобатор), который так же является автором не менее популярного сайта globator.net, посвященного урокам Фотошоп. Не скрою, идею с интервью я подхватила у него. И так как Михаил в этом деле уже, что называется, «слона съел», то ему и карты в руки. Только теперь роль интервьюируемого досталась ему самому. Встречайте!

Привет, Михаил! Спасибо, что согласился поучаствовать в моей новой затее. Вопросы я приготовила не совсем обычные. Так как характерной чертой веб-дизайнера является креативность, то и вопросы будут «творчески-ориентированные».

Настя: Готов? :)

Михаил: Всегда готов :)

Н. Что в твоем понимании есть креатив? в широком смысле.

М. Креатив — это когда видишь что-то и не можешь ничего сказать от восторга. Применительно к веб-дизайну — когда заходишь на сайт, и сразу помещаешь его в закладки, а потом высылаешь ссылку на него друзьям и знакомым. Таким должен быть настоящий веб-дизайн.

Н. 1000 посетителей на shakin.ru ― самоцель или эксперимент?

М. И самоцель, и эксперимент одновременно. Процесс достижения цели всегда интереснее самого результата. Помню, когда публично заявил о своей цели через 10 недель увеличить посещаемость с 350 до 1000 посетителей в сутки, то появилось просто море энергии и такой стимул, что я готов был работать над блогом круглыми сутками.

Читать далее…

Следовать за хедлайнерами или стать новым Пикассо?

picasso3.jpg

Дмитрий Фадеев опубликовал на Smashingmagazine любопытную статью, призывающую не следовать уже проявленным трендам в веб-дизайне, а изобретать что-то новое, свое, уникальное. В качестве примеров приводятся такие известные ресурсы как Facebook, Twitter, Apple, 37signals, придумавшие в свое время свои собственные уникальные фишки, которые затем были многократно подхвачены и воплощены во множестве других ресурсов.

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

Но вот что меня больше всего зацепило в той статье. Вернее даже не в самой статье, а в комментариях к ней. Некий lol довольно справедливо заметил, что указанные в качестве «динозавров» фрэш-идеи не так уж и новы на самом деле. Тот же Twitter, например, с его облаками и птичками уже явно появлялся и раньше. Мне на память сразу пришел Artypapers. Про «фейсбук» или, например, Social Median я вообще молчу, потому как ничего нового там не вижу.

Так к чему это я? Не вдаваясь в бесконечные холивары является ли веб-дизайн искусством, я хочу заметить, что древняя как мир поговорка: «Все новое — это хорошо забытое старое» права на все 100%. Как и в музыке, имеющей в своем распоряжении 7 нот, где считается, что все возможные мелодии уже сыграны, так и в визуальных видах творчества можно сказать, что все картины написаны. Однако ведь музыканты до сих пор не перевелись. Да и художники появляются с завидным постоянством.

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

Вопрос на самом деле в другом: так ли уж это необходимо для сайта — зацепить посетителя необычным дизайном? Если, конечно, сам этот сайт не посвящен какому-либо творчеству. Там да, там свои фишки. И визуальная составляющая выходит на первый план.

Но большинство сайтов все же информационные. Нужна ли информационному сайту отличная от прочих «картинка-завлекалка»? Или все же во главу угла следует ставить призывающие заголовки?

Рисуем неоновый эффект (Фотошоп)

glow0.gif

Уроки фотошоп. Недавно в одной своей работе мне нужно было изобразить эффект неона. Порывшись в уроках фотошоп, нашла нечто похожее. По-английски такая штука называется Glow Effect. Выглядит очень красиво и кажется сложным для повторения. Но на самом деле все очень просто и доступно. Основной принцип: вначале используется инструмент Перо (Pen Tool), а затем к нему применяется свойство выбранной заранее кисти (Paintbrush Tool). Но обо всем по-порядку.

Создадим новый документ и зальем его темным фоном, например #1C1C1C. Все светящиеся эффекты очень красиво и натурально выглядят на черном или слегка подсвеченном черном фоне.

Читать далее…

Свежие шрифты и новая задумка

fonts3.jpg

Вот такую симпатичную коллекцию новых шрифтов я нашла у Джека Юзина (Jack Usine) на сайте SMeltery. Скачать их можно там же. К себе тащить не стала, потому как лицензия не позволяет выкладывать эти шрифты у себя в виде архива.

Вообще в последнее время жутко увлеклась идеей создания собственных рукописных шрифтов. Нет, я понимаю прекрасно, что это очень строгая наука с многовековой традицией. Но мне и не нужны шрифты для печати. Исключительно лишь для hand drawn работ и дизайнов. Тут особой точности и выверенности элементов не требуется. Лишь бы общий настрой был соблюден.

И как раз в тему нашла замечательный туториал «Как создать рисованный от руки шрифт» у Джея Хилгерта (Jay Hilgert).

hand-font-jay.jpg

Джей использует обычную черную тушь и перьевые ручки. Рисует буквы на бумаге, потом сканирует и обрабатывает в программе Illustrator. А затем просто перетаскивает каждую букву в окно шрифтового редактора. Джей использует FontLab Studio. Это платная и достаточно дорогая программа, стоит $649. Можно так же воспользоваться более доступным инструментом (всего 99$) — TypeTool. Есть и бесплатный вариант — FontForge. Думаю, что начать для пробы можно как раз с него.

В скором времени я попробую сама нарисовать и сделать какой-нибудь симпатичный шрифтик и так же выложу это дело здесь в виде урока.

I like hand drawn! :)

ПС: может быть уже кто-то пробовал создавать собственные шрифты в специализированных редакторах. Буду рада услышать ваше мнение и полезные советы.