Turbomilk.ru

Журнал: Конференция Уральских Веб-разработчиков (UWDC'2010)

Денис Кортунов — Чт, 11 Мар 2010 12:29:32 +0400

Не так давно я посетил замечательный город Челябинск, который оказался не настолько суровым, как его представляют. Целью моей поездки была конференция уральских веб-разработчиков UWDC’2010, на которой я выступал с докладом о том как мы живем и работаем в нише.

А еще на конференции я много фотографировал для нашего турбо-фликра:

Иконки: Intuit Customer Manager

Денис Кортунов — Чт, 11 Мар 2010 11:10:26 +0400

Давным-давно к нам за иконками обратилась компания Intuit для их системы Customer Manager. Почему мы рассказываем о проекте только сейчас? Все дело в том, что мы обещали никому не рассказывать про эту работу, пока продукт не выйдет в свет. Прошло два года и мы раскрываем завесу тайны.

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

После нескольких итераций стиль был утвержден и мы принялись отрисовывать великое множество иконок в двух размерах для интерфейса:

Далее мы нарисовали контурные иконки для обозначения разных статусов:

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

Руководство по дизайну иконок для Intuit Customer Manager

Перспектива

Объекты в иконках в размере 24×24 пикселя изображаются в аксонометрической проекции. Расположение осей координат при этом должно быть такое:

Объекты в иконках в размере 16×16 пикселей для лучшей читаемости изображаются прямо, во фронтальной проекции.

Объем

Объекты в изометрической проекции, как правило, имеют заметную толщину:

Исключением являются совершенно плоские объекты из рельного мира:

Палитра

Источник света

Свет на объекты падает сверху-слева:

Анатомия иконки в стиле Intuit Customer Manager

Иконки в стиле Symphony обладают следующими отличительными чертами:

Обводка. Все объекты обведены линией толщиной 1 пиксель. В верхнем левом углу обводка светлее, в нижнем правом — темнее.
Блики придают объектам реалистичности и блеска (add lustre).
Тень. Иконки отбрасывают черную тень (drop shadow) прозрачностью 80% на 1 пиксель вправо и на 1 пиксель вниз.

О компании Intuit

Intuit — ведущий поставщик финансового программного обеспечения для малого и среднего бизнеса в США. Продукты и сервисы Intuit, такие как QuickBooks, Quicken и TurboTax, помогают управлять небольшими компаниями, расчитывать заработную плату, контролировать личные финансы и платить налоги.

В 2008-м году компания Intuit была отмечена журналом Fortune как наиболее уважаемая софтверная компания в США.

Журнал: Удмуртская Интернет Конференция

Дмитрий Жуков — Вт, 09 Мар 2010 16:48:04 +0400

Про Ижевск я почти ничего не знаю, кроме того, что там есть оружейный завод, продукция которого представлена на картинке выше. У меня и моего коллеги Алексея Стеншина появился прекрасный шанс узнать всё про Удмуртию и её интернет, ведь мы едем на Удмуртскую Интернет Конференцию 2010, навстречу новым знакомствам. Мы очень хотим поделится нашими уникальными знаниями, очень ждем ваших вопросов в рамках круглых столов и квадратных залов.

Логотипы: MSDN TV

Денис Кортунов — Вт, 02 Мар 2010 16:04:10 +0400

У компании Microsoft есть популярный ресурс для программистов и прочих разработчиков Microsoft Developer Network. MSDN настолько велик и могуч, что у него даже появилось собственное телевидение. Нам доверили разработать логотип для этого проекта.

Это логотип для нашего проекта MSDN TV, сервиса, на котором будут регулярно выкладываться интересные видео. Там можно что-то похожее на лого ютюба сделать, с телевизором, а лучше круче. Денис Котляров, Microsoft

Клиент пожелал, чтобы лого был близок по духу с оригинальным логотипом MSDN:

Сначала мы подумали о скромных и простых логотипах. Чтобы их можно было размещать прямо поверх видео и они бы хорошо смотрелись в маленьком размере:

Мы прикинули, что видео в HD-качестве уже практически является стандартом и решили себя не ограничивать. Продолжая линию сайтов Channel 8,9,10, мы нарисовали модный логотип, который очень хорошо вписывается в тенденции и понятен пользователям. Многогранное TV которое постоянно меняется, где каждый увидит что-то свое в каждой грани:

Далее родился более мягкий и уютный вариант с винтажным телевизром с антенной. Здесь лого попроще и понятная идея. Video flow выходит за рамки телевизора и выливается к нам, либо потому, что видео очень много и оно уже не умещается в телевизоре, либо контент настолько качественный, что мы не можем отличить видео от реальности:

Внутри Microsoft случилось бурное обсуждение вариантов. К счастью, обошлось без жертв и в итоге победил логотип с телевизором.

Обзоры: Обзор планшета Wacom Bamboo Fun M Pen&Touch

Денис Кортунов — Пн, 08 Фев 2010 12:12:31 +0400

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

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

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

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

Планшет оказался очень качественным на ощупь. На картинках, которые на сайте, он выглядит как-то не очень. В жизни он намного лучше — пластмасса «под люминий» и глянцевая белая вставка. В комплекте идет некрасивый, но удобный пен, три запасных антифрикционных стержня, специальное кольцо, чтобы стержни выдергивать, плюс коробочка с дисками и инструкцией. Очень хорошо, что в комплекте нет огромного блока питания, планшет подключается к USB и питается от него. А еще в комплекте нет мышки! Наконец-то до вакомовцев дошло, что она никому не нужна!

С большим разочарованием обнаружил, что планшет сделан не в Японии, как это было с предыдущими моими вакомами, а в Китае. Но ничего, будем надеяться, что не сломается. Благо ломаться там особо нечему.

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

Планшет идеально подходит по дизайну ко всяким эппловским штучкам. Вот он рядом с apple wireless keyboard. Наверное, хорошо бы смотрелся с magic mouse, если бы она у меня была.

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

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

Слева есть 4 кнопки. Я запрограммировал их вот как:

Expose: показать все окна
Expose: показать десктоп
Клик правой кнопкой
Клик левой кнопкой

Изначально первая кнопка была настроена на включение/выключение режима Touch. Я не понял зачем это было сделано, так как если поднести к планшету пен, то он понимает чего от него хотят и работает только с пером. А если перо убрать, то он сразу понимает прикосновения пальцами.

Самая главная проблема с работой в режиме Touch — как перетаскивать объекты. (двигать курсор с нажатой кнопкой) (Drag & Drop) Я поначалу помогал левой рукой и просто зажимал кнопку (одну из четырех слева) с кликом. Но оказалось есть хитрость — надо очень быстро кликнуть пальцем по объекту и сразу вести палец, тогда объект начинает «перетаскиваться». Еще неудобно что-то выделять — текст или картинку. (хотя это частные случаи «перетаскивания»)

Плюсы:

Маленькая цена (8500 руб)
Технология Multitouch
Очень приятное шероховатое покрытие планшета
Ощущение качественной и добротной вещи (кроме пена)
Удобный скроллинг
Отличные драйвера (с Mac OS планшет работает просто идеально, никакая настройка не нужна)

Минусы:

Нет регулировки наклона планшета относительно стола
Неудобно делать Drag&Drop
Нет подставки для пена
Пен выглядит не очень привлекательно, плюс, у него нет резинового хвата

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