Mannodesign

По устоявшейся традиции пишу очередной пост о тенденциях веб дизайна. Теперь уже на 2012 год. Источники, как всегда, буржуйские, т.к. все новое приходит к нам оттуда.

Итак, что нас ожидает в плане веб дизайна в начавшемся 2012 году:

1. Дайте мне круглых! То ли с подачи Google+, то ли намекая на форму календаря древних Майя, но факт на лицо: в 2012 году в моде будет все круглое.

Тема на самом деле не нова. Во времена повального увлечения дизайном в стиле web 2.0 круги также имели место быть. Но тогда приходилось использовать исключительно картинки. Теперь же с активным внедрением эффектов CSS3 все это стало намного проще.

Круг — очень сильная фигура. Она моментально притягивает взгляд. Использовать нужно аккуратно и знать заранее, чего конкретно вы хотите добиться и что именно акцентировать. Если бездумно округлять все и вся, получится лишь пестрая мишура и конфетти.

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

На сайте Smashingmagazine.com появилась интересная статья «Clear Indications That It’s Time To Redesign», в которой автор (Jeff Gothelf) делится своими наработками. В частности, высказывается несколько идей, когда наступает пора сменить дизайн сайта.

Вот 5 ключевых признаков, что пора сменить дизайн:

1. Показатели посещаемости и активности пользователей поползли вниз. Безусловно, это может зависеть далеко не от самого дизайна как такового. К примеру, ваш продукт просто стал не интересен на рынке. Но порой причиной снижения показателей может стать чересчур креативный диз. Это так называемая «творческая усталость».

2. Ваши пользователи намекают, что пора бы и обновиться. Если им что-то не нравится в облике сайта, то имеет смысл расспросить об этом подробнее. Вполне вероятно, что вы сами воспринимаете свой сайт вовсе не так, как видят его посетители.

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

4. Это выглядит старо. Не в смысле ретро, а просто отстойно или несовременно. На мой взгляд — спорный пункт. Есть много примеров, когда сайт выглядит, мягко говоря, убого и не эстетично, но пользуется при этом огромной популярностью.

5. С момента последнего обновления диза прошло более 12 месяцев. Имхо, также спорный пункт. Ну да, за год многое меняется, появляются новые фишки, но это не повод менять диз. Так, легкая подтяжка морды лица, добавление пары новых кнопок и(или) виджетов, возможно некоторые перестановки. Но это скорее косметические меры, нежели смена дизайна.

А вы как думаете, не пришло ли время сменить дизайн на вашем сайте?

Richard Darell из bitrebels.com опубликовал любопытный пост о дизайнере Riccardo Sabatini, создавшем необычный и сложнейший шрифт в стиле стимпанк под названием Mekkanika.

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

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

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

Конечно же, так бывает не всегда. Порой достаточно нескольких мелких исправлений, при которых сама идея не разрушается. Но когда «проблемных», как я их называю, заказов накапливается уже достаточное количество за все время дизайнерской деятельности, то вольно или невольно задумываешься: а оно мне надо? Стоит ли сразу рисовать весь макет или лучше выполнять его постепенно, согласовывая с заказчиком каждую нарисованную деталь? Под деталью я подразумеваю, конечно же, не каждую мелкую иконку или кнопку, но блок в целом: шапку с лого, контентную часть, сайдбары, подвал, блок комментов и т.п.

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

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

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

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

2. Кто он — посредник? Одно дело, если это какой-либо офисный работник, которому поручили сделать сайт для фирмы. Он в этом полный профан, потому все телодвижения выполняет под чутким надзором и управлением начальства.

Другое дело — третья сторона. И это вполне могут быть люди, нечистые на руку: от банальных кидал, до хитрованов, перепродающих твою работу за большую сумму денежек. Но ты то об этом не знаешь наверняка.

Косвенно все это можно также отнести и к так называемым «обезличенным заказчикам». Что я имею в виду. Это те случаи, когда к тебе обращаются под местоимением Мы: «Мы — процветающая фирма, хотим заказать у вас дизайн». Бла, бла бла и никакой подписи, кроме парочки телефонов и мыла. Раньше я вежливо указывала в ответном письме, что для начала хорошо бы представиться, кто конкретно со мной общается. Мы — это ничто и никто.

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

Да и вообще не серьезно это — представляться безликим Мы. Попахивает дилетантизмом. Как вы считаете? И как вы относитесь к подобным заказчикам, если они у вас случаются?

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

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

Уроки фотошоп. Замечательный и простой урок Photoshop от vandelaydesign.com — Create a Plaid Pattern in Photoshop — о том, как быстро и легко можно нарисовать знаменитую шотландку, используя готовые палитры от Adobe Kuler.

Переводить урок не стала, так как там все очень просто и интуитивно понятно: создается квадрат 98х98 пикселей, размечается вертикальными направляющими 8px, 28px, 36px, 49px, 57px, 70px и 78px. Затем полоски поочередно выделяются и заливаются цветами из выбранной палитры. Слой дублируется, поворачивается на 90° и делается полупрозрачным.

Уроки фотошоп. Простой урок фотошоп, в котором я покажу как легко и быстро можно нарисовать симпатичную шляпку самореза. Ну, а куда ее применить, я думаю, найдете :)

1. Откроем новый документ в Фотошоп и при помощи инструмента Ellipse Tool нарисуем круг светло-серого цвета #d7d7d7. Чтобы получился идеальный круг, удерживаем нажатой клавишу Shift:

2. Применим к нему последовательно следующие стили:

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

Сегодня я хочу познакомить вас с замечательным художником из Бразилии по имени Тиаго Хойсел (Tiago Hoisel), работающим в стиле DigitalArt. Его работы полны оптимизма и юмора. Просто смотрите и вдохновляйтесь :)

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

Уроки фотошоп. Ко дню св. Валентина я собрала небольшую коллекцию уроков фотошоп и инструментов на тему как самостоятельно создать что-нибудь креативненькое и симпатичное, чтобы подарить своим любимым. Надеюсь, вы найдете что-то интересное и не поленитесь поздравить своих близких :)

Валентинки своими руками.

Ряд интересных уроков на тему валентинок:

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