Вокруг дизайна

Блог арт-директора

Процесс: иконка для мобильного приложения

Понедельник, 31 октября, 2011

Хочу показать процесс создания одной иконки для приложения I-pusher. Суть приложения: сохранение разнообразного контента из разных браузеров (и не только) на айфон пользователя. Так что идея проталкивания и запихивания (push) данных была очень желательна.

Шаг 1. Подумать над идеями. Нарисовать в блокноте эскизы, снять мобильным телефоном. Четкость неважна, главное - быстро.

Шаг 2. Поскольку в таком виде показывать нельзя, избранные идеи надо отрисовать более прилично, но тоже быстро.

Шаг 3. Выбранные две концепции вырисовываются  более тщательно, меняются детали, фон.

Шаг 4. Выбран победитель. Он еще несколько раз допиливается, меняется фон, толщина обводки, наклон. Почти финальный результат:

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

Но это был интересный мини-проект в любом случае.

Как правильно использовать голову

Вторник, 24 августа, 2010

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

Собственно, реклама, которая будет печататься в "Ведомостях", "Коммерсанте" и "Известиях" чуть большим размером, чем тут: Piccy.info - Free Image Hosting

Концепт клиент одобрил вчера, а сегодня в срочном порядке в этом же стиле были сделаны два плаката: полтора на полтора метра и 0,8 на 2 метра. И отправлены в печать.

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

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

Рисование по плану

Вторник, 13 мая, 2008

Эту запись в Живом Журнале обязательно нужно прочесть иллюстраторам. Впрочем, всем дизайнерам также рекомендую, очень полезно.

Natalie Ratkovski ([info]conjure)  пишет о том, с чего начинается рисование иллюстрации. Цитата:

"Для иллюстратора четко сформулированная цель так же сужает рамки поиска, не позволяет потерять в процессе желаемый результат из вида и служит красной нитью на протяжении всей работы.

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

Дальше читайте сами.

Ссылка еще раз: http://conjure.livejournal.com/222450.html

Рисуем балду

Пятница, 11 января, 2008

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

На картинке ниже – процесс пошагово, от наброска к финальной картинке, с использованием Adobe Illustrator.

рисование иконки пошагово

Потом всегда можно уменьшить до нужного размера, перекрасить и добавить деталей по вкусу. Главное, как всегда, не лениться. Один раз пересилишь себя, нарисуешь такую заготовку, и персонажей можно клепать толпами. Не дай бог, конечно, такое счастье!

Виртуальные открытки

Пятница, 21 декабря, 2007

Приближается Новый год − пора рассылать виртуальные открытки друзьям, знакомым и партнерам по бизнесу. Простейший вариант − пойти на сервер виртуальных открыток и выбрать готовую. Но мы же не ищем таких легких путей! Поэтому открытку будем рисовать сами. Понадобятся: фотоаппарат, Фотошоп, предмет фотосъемки и немного свободного времени.

Далее пошагово:

1. Сфотографировать объект.
2. Отретушировать, насколько это возможно, обрезать все ненужное.
3. Обтравить по необходимости.
4. Сочинить текст, подобрать шрифт, придумать расположение.
5. Сделать рамку и декорировать.

Собственно, и все, можно отправлять.

С Новым годом и Рождеством!

О схемах и пряниках

Четверг, 13 декабря, 2007

В свое время у меня было много работы, связанной с созданием и улучшением блок-схем. Дело обычно происходило так: клиент присылал какую-нибудь схему, нарисованную в Word или даже PowerPoint, и говорил "сделайте мне красиво". Сделать красиво, не потеряв смысла - вот какова цель.

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

Но это - лишь внешние изменения. Главное же, что отличает хорошую схему от плохой - аккуратность исполнения. Если клиент не может нарисовать два одинаковых квадрата - это не его вина. А вот для дизайнера оставить кривую по сути схему, наведя только внешний глянец - верх непрофессионализма. Если пряник у нас кривой, никакая глазурь его не спасет, если продолжать метафору.

Схема ниже - яркий пример наплевательского отношения к шрифтам, дугам и иконкам. Кривые дуги со стрелками, пофигизм при работе со шрифтами, да еще и иконки стандартные - полный набор. И эта схема является украшением главной страницы системы Blogun.Ru! Для сайта, который напрямую связан с заработком денег, это странно - конкуренты не дремлют. Уж если делать схему главным декоративным элементом, то надо было посвятить ей в два раза больше времени и привести в божеский вид... а в этом случае - перерисовать заново

Дизайнеры, посмотрите на пример выше и никогда так не делайте!

Шпаргалка для фуд-фотографа

Четверг, 13 декабря, 2007

Перед вами − шпаргалка для начинающего фуд-фотографа, которому дали задание красиво снять разные блюда и напитки, а он не знает, с какого края к этому делу подступиться.

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

Главные приемы:

  • макросъемка. Фокус на что-то самое вкусное, остальное − легкий расфокус
  • съемка блюда сверху (тарелка на салфетке, рядом приборы)
  • один объект впереди, остальные - сзади, в расфокусе

Техника:

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

Моменты:

  • Следите за тем, чтобы в кадре не было лишних предметов. Крошки или случайно попавшая в кадр затрапезная посуда испортит все.
  • Если блюдо скучное на вид, добавьте деталей: красивую посуду, зелень, ягодки и т.п.
  • Светлые прозрачные напитки плохо выглядят белом фоне. Используйте что-то визуально привлекательное как фон для прозрачных напитков. Можно темный фон, также иногда неплохо смотрится, если сзади стоит какая-то еще посуда, подходящая по стилю.
  • Зелень и цветы почти всегда придают блюду дополнительной привлекательности и свежести.
  • Овощи и фрукты должны быть свежие, чистые и практически идеальные на вид. Неважно, каково это на самом деле на вкус.
  • Пицца традиционно снимается сверху, целиком либо с одним отрезанным сегментом (он может лежать на деревянной лопатке).
  • Cпагетти аппетитнее выглядит, если в наполненную тарелку положить вилку с накрученными на нее спагетти
  • Вообще столовые приборы, расположенные рядом с блюдом, как бы приглашают к еде. Но они должны быть начищены до блеска и выглядеть нарядно.

Все, теперь можно идти и фотографировать. Выдающимся фуд-фотографом вы, может, и не станете (было бы слишком просто), но шансы снять неплохое фото явно повышаются.

Помаши маме ручкой!

Понедельник, 3 декабря, 2007

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

Во-первых, банальная экономия финансов. Когда нет смысла платить больше, прагматичные люди экономят, и правильно делают.

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

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

Не ленись, помаши маме ручкой!

Технические моменты

Пятница, 14 апреля, 2006

Как мы уже говорили, главная задача дизайнера - гармонично организовать пространство, и чтобы это потом было еще и красиво. Однако сами дизайнеры часто - жутко неорганизованные товарищи. Не все, конечно :)

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

А ведь исходником пользуется не только дизайнер! Его видит кодер, которому надо собрать всю эту красоту в HTML, а иногда другие дизайнеры и клиенты. Что и говорить, лучше, если в исходнике все разложено по полочкам. Да, лень (и очень лень!), но надо. Надо заставлять себя приводить все в порядок хотя бы перед сдачей эскиза, а еще лучше - сделать своей хорошей привычкой просто не наводить бардака в слоях. Менее ленивые дизайнеры уже давно так делают, и смотреть в их исходники - одно удовольствие!

Дизайн на века

Понедельник, 3 апреля, 2006

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

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

Как этого добиться? Практически не думая, можно ответить: дизайн на века - это дизайн в классическом стиле. Это будет немного консервативно, но всегда актуально.