Однажды к нам обратилась компания Бегун за тем, чтобы мы нарисовали иконки для всех рекламируемых товаров и услуг. Ведь рекламные блоки с иллюстрациями привлекают больше внимания пользователей и имеют более высокий 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 на которой я делал доклад о секретах продвижения Турбомилка в интернете. Скромность — это модно, но не практично. Мало сделать что-то крутое, про это нужно интересно рассказать, причем, нужным людям.

В ходе доклада я рассказал как нам помогает наш корпоративный блог (в том числе на Хабре), что мы туда пишем и как следим за результатами. Плюс, показал картинки про великие и ужасные Хабра-эффект и 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’а: организация совместной работы над проектами.

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

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

Я занимаюсь графическим дизайном на ноутбуке. Это очень просто, если подключать к ноуту 24" экран. Но однажды я решил, что один большой экран — это мало. Мне захотелось еще один монитор. Но выход на ноутбуке только один, а внешние видео-карты для мака — достаточно редкий вид. Случилось так, что у нас в офисе завалялся никому не нужный iMac G5 с экраном 20". Я немного схитрил и у меня получился вот такой десктоп:



Ну с подключением двадцатичетырехдюймового Benq проблем не возникло никаких — он подключен через mini-dvi выход ноутбука. А вот iMac я подключил через firewire. Интересно узнать как это работает?

А ваш PC так может? ;)


Update: Скорей бы этот пост ушел с первой страницы и меня бы перестали минусовать люди, которые слишком серьезно восприняли этот пост. Ребята, расслабьтесь — это юмор! Маки тоже так не могут.

Кто клиенты Турбомилка? Как Турбомилк работает «изнутри»? Чем Турбомилк отличается от веб-студий? На эти и многие другие вопросы ответил руководитель компании Егор Гилев (yegorg) в ходе online-конференции фестиваля веб-разработчиков «404». Вопросы были заданы посетителями сайта конференции. Уверен, что это коллективное интервью будет интересно владельцам и менеджерам веб- и дизайн-студий или тем, кто только хочет открыть свою студию.

Андрей Лисицын: Расскажите как вы начинали, как появился ТурбоМилк? Какие сложности были в начале работы студии, как их преодолели? Где вы учились и как пришли к дизайну?

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

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

Например, мы хотим нарисовать перекрашиваемую иконку фолдера. Берем любимый векторный редактор и рисуем.

Сегодня ночью в Сан Франциско открывается конференция WWDC 2009. А это значит что поздно вечером будет эппловский кейноут на котором будут представлены новые нямочки. Не знаю как вам, а меня это очень возбуждает. Ведь, это одно из важный событий в IT-индустрии, которое покажет нам будущее (не все, а кусочек).

Предлагаю всем начать культивировать в себе аналитиков и попробовать предсказать какие именно новинки будут представлены сегодня. А заодно обменяемся своим видением будущего.

Вот мой прогноз:

#1 Новый iPhone
У меня есть немало доводов против этого, но похоже что сегодня все-таки покажут новый эпловский телефон. Я, кстати, поспорил, что нового айфона сегодня не будет и, похоже, проиграю 500 рублей. Будет видео, электронный компас, более быстрый процессор, мультизадачность.

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

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

Мы начали мозговой штурм. Для начала выбрали ключевые характеристики нашего проекта: цветной, перекрашиваемый, изменяемый, полупрозрачный, гибкий. Долго вспоминали всяких животных и прочих существ. Вспомнили хамелеона, но сразу его отбросили, как не оригинального. Потом на ум пришли полупрозрачные гады. Например, медузы. Английское слово jellyfish мы отбросили как непроизносимое для русского человека. А вот слово meduza нам показалось интересным, только мы его превратили в meduzer. Это был первый рабочий вариант.

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

Мы долго думали над всем этим и наконец придумали вот такой проект:



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

Чтобы научно-популярно объяснить, что такое Иконза и как она работает, мы сняли комичный скринкаст (лучше смотреть напрямую с YouTube):

«Неписанный кодекс дороги»

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

Волею судеб делегация из трех турбомилкеров оказалась на конференции веб-разработчиков ReMIX 09. Конференцию проводит компания Microsoft в сотрудничестве с собственными партнерами. В этом году ReMIX стал более камерным — всего было 300 участников, против 1500 в прошлом, но это даже хорошо — было мало случайных людей.



Как и в прошлом году, мегазвездой конференции стал Стив Баллмер, который был весьма бодрый (как обычно) и рассказывал про замечательное будущее интернета. А особенно про богатые интернет приложения (RIA) и как он их любит. Кстати, интересный факт: на глобальной конференции MIX 09, которая проходила в Лас Вегасе, Баллмера не было, а в Москве он был.

В интернете есть очень много разных поисковых систем, например, iconfinder.net, которая по ключевым словам находит иконки. Случилось так, что к нам обратился создатель проекта Мартин Лебланк и захотел чтобы мы нарисовали логотип. Турбомилкеры очень обрадовались такому повороту событий и принялись за работу с должным рвением.

Вот так вот продаются айподы и аксессуары к ним в аэропорту города Лас Вегас.



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