Предлагаю вашему вниманию научно-популярную статью от нашего тридешника Андрея Пушкина (push) про способы превращения 3д в вектор. Так как проблем с этим очень много, то это только первая статья целого цикла.



За последние несколько лет технологии в 3д-графике развивались бешеными темпами. Алгоритмы расчета фотореалистичных изображений, увеличение ядер процессора и объемов оперативной памяти (а также новая технология рендеринга с использованием GPU) сделали возможным в «домашних» условиях получать изображения высокого качества. 3д стал мощным инструментом графического дизайна. Есть ряд неоспоримых преимуществ использования «трехмерного» подхода, и самое главное и существенное — скорость работы.

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

Многие знакомы с крупнейшим интернет-аукционом eBay, оборот которого составляет около 10 млрд. долларов. Намного меньше людей знают (на Хабре точно знают) социальную сеть автомобилистов Автокадабра, фишкой которой является эксклюзивный набор иконок автомобилей. Что общего может быть у этих двух сайтов? Ответ простой — eBay совершенно незаконно использует иконку автомобиля с Автокадабры. (иконка находится на главной странице eBay, нажмите refresh, если не появилась)

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

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

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

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

Оказалось, что это один из плакатов для летней Олимпиады 1972 года в Мюнхене. Меня удивило насколько свежо и современно выглядит работа, сделанная почти 40 лет назад. Решил изучить вопрос про стиль этой Олимпиады более внимательно — стал искать в интернете.

Наверняка, вы слышали о конкурсе на новые иконки для LiveJournal, который объявил Артемий Лебедев. Сегодня были объявлены результаты. Не скрою, мы в Турбомилке неприятно удивлены, при всем уважении к авторам выбранных Артемием работ.

Вот такие иконки предложили мы:

Под катом подробный рассказ как мы рисовали эти иконки и почему они должны быть именно такие.

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



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

Из северной морской страны Норвегии нам написал дизайнер Гундер Эриксен, владелец сайта framebase.com, творческий и позитивный человек с хорошим чувством юмора. Мистеру Эриксену требовался логотип для его сайта и энергичный красочный персонаж. Точного видения образа персонажа не было, а потому мы начали работать с простых эскизов: любых визуальных образов, которые могли бы развиться в хорошую идею в дальнейшем.

Недавно делегация турбомилкеров посетила конференцию для творческих профессионалов Creative Future 2010. В России проводится не так много мероприятий для дизайнеров, поэтому мы поехали в Москву без лишних размышлений. Место для конференции было выбрано весьма удачно — кинотеатр «Октябрь» на Новом Арбате.

Представляем вашему вниманию обзор графического планшета Wacom Cintiq от нашего иллюстратора Евгении Родиной (jodybastet):

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

Чего мелочиться? Я выбрала Cintiq 21UX Intuos4. :)

Мы сейчас находимся на конференции РИФ+КИБ 2010 и находим, что здесь очень интересно. Все происходящее мы фотографируем и выкладываем фото на специальную страничку. (или на flickr)



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

Я очень люблю разного рода аксессуары, а уж если речь идет про оные для iPod/iPhone — тут устоять очень трудно. В Самаре ассортимент не очень широкий, да и спрос довольно низкий, поэтому есть шанс дождаться распродажи. В одном большом магазине электроники уже давным давно распродается Wi-Fi док станция для iPod от компании Denon. Вот я её и купил.

• Зарядка iPod/iPhone (самое главное!)
• Прослушивание интернет-радио через wi-fi (там очень много российских радиостанций)
• Воспроизведение музыки и видео с iPod/iPhone (показывает русские буквы и обложки дисков)
• Умеет дружить с компьютером с Windows Media Player через DLNA (с маком дружить не умеет)

А что бы не купить всего за 2 тыщи рублей?! Hi-Fi, Wi-Fi, все дела! Вообще, это довольно старая модель и её уже не производят. Но я ранее не имел опыта общения с такого рода устройствами, поэтому предлагаю мини-обзор.

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

У Бегуна есть тип рекламных блоков, в которых показываются тематические иконки. Наш чудо-индексатор смотрит рекламируемый сайт и определяет тематику, и согласно тематике показывает иконку. Иногда индексируемый текст может не точно соответствовать тематике объявления, и поэтому нужны иконки которые не чётко показывают тему, а лишь определяют её. Аллегория должна быть верной, чтобы рубрика ремонт не показывала иконку с автомобилем, но не нужно конкретизировать, что это исключительно ремонт. Попробуете такое противоречие осмыслить?
^{Алексей Шмелёв, Бегун}

Вопреки традиции начали не со скетчей, но со стиля иконок. Мы довольно долго думали — какой стиль иконок/пикторамм будет более уместен для рекламных блоков. Ведь нужно, чтобы иконки привлекали внимание к блоку, но не отвлекали от самого объявления. Лишняя детальность в этом деле не нужна. Поэтому мы остановились на старых добрых пиктограммах — они универсальны и легко читаются. Плюс, за счет того, что все они нарисованы в векторе, их легко масштабировать.

Когда человек работает за компьютером, он смотрит в монитор и видит там разные программы. Мы подумали: «А что, если сделать так, чтобы программы тоже могли смотреть на человека большими ясными глазами?!» Так появился набор бесплатных глазастых иконок Лупоглазики 2, которыми можно заменить стандартные значки популярных приложений.



Если вы не знаете как заменить иконки в Windows или в Mac OS X, то у нас для вас есть инструкция.

Практически к каждому компьютеру в нашей компании подключен графический планшет. Это легко объяснить, ведь мы — дизайнеры. Сегодня в офисе завелся новый «зверь» Wacom Bamboo Fun M Pen&Touch. Хочу поделиться своими личными впечатлениями об этом планшете.



Начну историей моих отношений с продукцией Wacom. Я пользуюсь планшетами этой японской компании уже более 10 лет. Сначала у меня довольно долгое время был первый wacom intuos А5. Потом первый же intuos, но размера А4. А потом я опять вернулся к размеру А5, так как А4 — слишком большой, и сейчас у меня Wacom Intuos 3 Medium. Были времена когда я мышью вообще не пользовался, а все операции делал только планшетом.

Все эти планшеты были из профессиональной линейки. И тут должен возникнуть закономерный вопрос: «Нахрена ты купил планшет из нижней линейки за 8510 рублей, если у тебя уже есть про-модель за 15 тысяч?» Дело в том, что меня очень манит функция Touch, то есть можно возюкать по планшету не только пеном, но и пальцами. Причем, поддерживается технология multi-touch, к которой я очень привык на тачпаде ноутбука.

Иллюстратор Евгения Родина jodybastet решила поделиться своими умениями и написала урок по рисованию объемного персонажа в Adobe Photoshop с использованием графического планшета. Персонаж немного странный, но мы надеемся он не оскорбил ни чьи чувства.



Урок рекомендуется как дизайнерам/иллюстраторам (коих, мы верим, немало на Хабре), так и просто любителям рисовать за компьютером.

Если у проекта яркое и запоминающееся название, то рисовать для него логотип — одно удовольствие. Нам очень повезло! К нам обратились разработчики интернет-ресурса Канобу и попросили, чтобы мы придумали такой же яркий лого.

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

Работу над логотипом мы решили начать с набросков. Первая группа иллюстрирует цикличность игры, которая придает символу динамику.

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

Было весело, смотрите.

Недавно в Самаре прошла конференция веб-разработчиков 404 на которой я делал доклад о секретах продвижения Турбомилка в интернете. Скромность — это модно, но не практично. Мало сделать что-то крутое, про это нужно интересно рассказать, причем, нужным людям.

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


Делать доклад мне помогал Платон Днепровский из UIDesign Group за что ему большое спасибо. (ролик рекомендуется смотреть прямо с Vimeo в HD-качестве)

Фирма 1С обратилась к нам с задачей разработать концепцию нового дизайна интерфейса платформы 1С: Предприятие. Задача была поставлена довольно простая: нарисовать легкий, простой, элегантный, инновационный, современный, светлый, чистый, стильный, тонкий, воздушный интерфейс.

Вот как выглядел интерфейс до нашего вмешательства:


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

Basecamp не стоит называть инструментом для управления проектами. Даже его создатели это понимают. Basecamp is the leading web-based project collaboration tool — написано большими буквами на официальном сайте этого заслуженного продукта. Basecamp — это инструмент для общения. Вместо электронной почты. Basecamp не измерит рабочую нагрузку на будущую неделю по команде в целом и для каждого работника в частности, и не оценит реальность поставленных сроков. Вместо этого он просто помогает нам обмениваться нужной информацией внутри команды и с нашими клиентами. Поэтому нелепо сравнивать Basecamp, например, с Microsoft Project, или, если говорить об онлайновых решениях, с Copper Project. Эти замечательные продукты решают совсем разные задачи.

К чему эти пространные рассуждения? К тому, что искать альтернативы Basecamp’у следует не в разделе Инструменты для управления проектами, а в разделе Инструменты для совместной работы.

Там нам открывается увлекательный мир вики-движков, в разной степени приспособленных для нужд малого бизнеса. Обычно они весьма страшны на вид и с первого взгляда сложно разобраться, как всё это работает и на какую кнопку первым делом нажать. Внедрение таких вики — дело энтузиастов, свято верящих в силу вики-среды и умеющих заразить этой верой окружающих. Но, к счастью, встречаются и движки с человеческим лицом, доступные для понимания простым людям, вроде нас с вами: Jive SBS, Socialtext, Confluence, PBworks. Вот о последнем продукте и пойдет речь в сегодняшней заметке. А точнее, о PBworks Project Edition. Как нетрудно догадаться по названию, это решение как раз метит в нишу Basecamp’а: организация совместной работы над проектами.

Для нашего собственного проекта Иконза нам понадобился интерфейс. Очень хотелось, чтобы он получился красивым и модным, а еще удобным и простым в использовании. Чтобы при одном взгляде на него дух захватывало и все бы говорили: «Ого! Какой хороший интерфейс!». Так как мы были клиентами сами у себя, то у нас не было никаких ограничений — можно было делать все что угодно.

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