Блог: за кулисами
journal Нам нужно много дизайнеров! Больше! Ещё больше!
Компания Турбомилк приглашает на работу дизайнера. Направление деятельности компании — визуальный дизайн интерфейсов, пиктограммы, логотипы, вебдизайн. Нам нужен человек, который имеет опыт дизайна для веба, имеет представление о структурировании информации и работает быстро. У нас идеальные условия для работы и профессионального роста.
journal Обильные RSS-потоки
В наш быстротечный век блогов, социальных сетей и прочего веб два ноля, важнейшим средством синдицированной информации являются RSS-каналы. По ним, как ракеты на водородном топливе, несутся новости, анонсы и прочие обновления. Многие из наших читателей давным давно подписаны на наш удобный и современный RSS-канал.
«Ну с блогом все понятно. А что с анонсами новых работ? Вы что там все — писатели? Где картинки?!» — заметит внимательный читатель. И будет совершенно прав — с обновлениями на сайте мы немного расслабились. Но теперь все будет иначе. Теперь в наш RSS будут попадать не только новые посты в блоге, но и обновления в портфолио, новые бесплатные иконки и описания проектов.
cookbook Конструирование языка пиктограмм пользовательского интерфейса
Прошлой осенью мне довелось выступать с небольшим докладом на конференции, организованной RusCHI и 1С в рамках празднования Всемирного дня юзабилити. Я говорил о конструировании языка пиктограмм пользовательского интерфейса. Руководствуясь принципом «лучше поздно, чем никогда», я предлагаю вашему вниманию тот же самый рассказ в виде текста с иллюстрациями.
cookbook Раскрываем карты, или почему Windows не MacOS
Для многих пользователей Mac OS X любимой интерфейсной фишкой является Expose. И совершенно заслуженно — это очень эффектный и удобный способ переключения между окнами.

Неудивительно, что Expose часто преподносится как одно из ключевых преимуществ интерфейса Mac OS X перед Windows. «Ха-ха, наверняка Рэдмонд пытался скопировать Expose, но обломался об ограниченные возможности графического движка», — ехидничают одни. «Должно быть, они просто боятся обвинений в прямом плагиате», — рассуждают другие. Так ли это? Попробуем разобраться.
cookbook Бестиарий
Иногда наши дизайнеры устают от традиционного интерфейсного творчества и их тянет на что-нибудь нетрадиционное. Нет, вы ничего такого не подумайте, все вполне прилично.
cookbook Кто склевал все хлебные крошки, или почему MacOS не Windows
Finder — это менеджер файлов в MacOS X. Его главная проблема в том, что он не дает пользователю ощущение местоположения.
cookbook Конический градиент в Adobe Illustrator. Часть III. Хэпи Енд
В нашем любимом Illustrator’е все-таки можно сделать нормальный конический градиент. Методика это была найдена в виде файла konischer-verlauf.zip с описанием на немецком языке. Уверен, многие из вас уже скачали и досконально изучили его. Настоящая заметка целиком посвящена содержанию этого файла, но на русском языке, а также с уточнением ряда моментов.
cookbook «Обрезание» — праздник детства
Вспомним операционные системы прошлого века — куча Windows до 2000, Mac OS до 9-ой версии. Все они поддерживали только однобитную прозрачность для иконок. К счастью, прогресс не стоит на месте — современные операционные системы используют уже восьмибитную прозрачность. Однако ради обратной совместимости Microsoft рекомендовала включать в состав иконкок для Windows XP варианты картинок и с однобитной прозрачностью. Со временем возня со сведением современной восьмибитной прозрачности к однобитной обрела в среде дизайнеров-иконочников романтическое название — обрезание краев. Именно об этой возне пойдет сегодня речь…
cookbook Первые впечатления от MacOS, или фон Нейман — он и в Африке фон Нейман
Так получилось, что в новом году я начал работать на новом компьютере с новой для меня системой — MacOS. Я уже слышу возгласы моих уважаемых коллег по цеху: «Как, только сейчас? Где же ты был раньше?». «На кой черт тебе это понадобилось? Ты с ума сошел?» — восклицают другие. Увы, я должен вас разочаровать. Рассказ о том, по каким причинам мой переход на Mac не состоялся в 95-м, 98-м, 2002-м и 2006-м годах, так же как и объяснение причин, побудивших меня сделать это сейчас, останутся за рамками этой заметки. Сейчас моя задача — зафиксировать первые впечатления от работы на новой платформе, по горячим следам. Что впечатлило, а что удивило. Прошу не относиться к этим заметкам слишком серьезно. Итак…
journal Всемирный день юзабилити
Мы рады сообщить, что на конференции, организованной RusCHI и 1С в рамках празднования Всемирного дня юзабилити, дизайнеры Турбомилка выступят с докладами:
- Проектировщики и дизайнеры: как сделать проект и не убить друг друга (Денис Кортунов совместно с Платоном Днепровским из UIDesign Group)
- Конструирование языка пиктограмм пользовательского интерфейса (Егор Гилёв)
cookbook Дизайн в стиле web 2.0
Скажу сразу, я не являюсь фанатом web 2.0. Главным образом потому, что этот термин обозначает не пойми что. Нет, я не против социальных сетей, обеими руками за AJAX, а эту статью я пишу прямо-таки в блог. Но зачем кому-то понадобился web 2.0, если только не для того, чтобы дурить головы венчурным инвесторам, мне решительно непонятно. Однако, нравится нам это или нет, этот термин входит в нашу жизнь, и все чаще заказчики просят нас сделать дизайн «в стиле web 2.0».
А что это такое, дизайн в стиле web 2.0? Отражение, пририсованное к буквам? Закругленные углы? Отбросим эти расхожие клише, как незаслуживающие внимания мелочи, и попробуем разобраться на примерах. Я взял на себя смелость попробовать составить небольшую подборку наиболее ярких, на мой взгляд, представителей новой волны в веб-дизайне.
cookbook PNG gamma: хотели, как лучше, получилось, как всегда
Казалось, соседство в одном офисе двух разных платформ — Macintosh и PC — уже давно перестало быть источником проблем. Никто не мог и предположить, что в наш век глобализации и открытых границ мы напоремся на новый подводный камень в таком несложном деле, как подготовка картинок для демонстрации промежуточных результатов клиенту. Усаживаемся поудобнее и читаем в оба глазика новую поучительную историю.
cookbook Рождение Венеры
Каждый дизайнер должен знать, зачем нужен Google Image Search. В моем личном рейтинге посещаемости сайтов он уверенно входит в верхнюю десятку наряду с LiveJournal и нашим Basecamp’ом. Постоянно приходится искать метафоры для иконок. Или смотреть, как выглядит очередной «садовый секатор». Порою возникает необходимость полюбоваться шедевром мировой художественной культуры!
cookbook Инструментарий. Часть 2. Растровая
Вы, должно быть, уже негодуете — три недели прошло с тех пор, как Дмитрий раскрыл секреты «векторного» этапа создания иконок, и где же обещанное продолжение? Сейчас объясню, почему мы так медлили.
Дело в том, что мы всегда стремимся по возможности урезать «растровый» этап создания иконки до минимума. Всеми силами стараемся оттянуть тот момент, когда наступает время свернуть Illustrator и запустить Photoshop. Глаза бы мои не видели этот фотошоп! Откуда же такая ненависть к «священной корове» всех дизайнеров? Ничего личного, уверяю вас! Ничего не могу сказать плохого о самом Adobe Photoshop как о представителе класса растровых графических редакторов, тем более что сделан он не в пример качественнее столь любимого нами векторного Illustrator’а. Неприязнь я питаю не к конкретному продукту, а вообще ко всем способам обработки изображений, основанным на их растровом представлении.
cookbook Инструментарий. Часть 1. Векторная
На заре моей творческой карьеры для меня единственным векторным редактором был Corel Draw. Я даже не задумывался о том, что бывают и другие. В Corel Draw все было как надо, пока дело не доходило до процесса растеризации. Хуже растеризации я за всю жизнь не видел. Для того чтобы импортировать все это счастье в Photoshop, приходилось сохранять вектора в чуждый для Corel и родной для Adobe формат EPS, теряя при этом часть эффектов.
Так что мое знакомство с Adobe Illustrator состоялось от безысходности. Егор — тот вообще великий мученик. Прошел через Corel Draw, Xara и Macromedia Fireworks, и блуждал бы еще долго, если бы не зацепился бы за Adobe Illustrator. Только Денисочка, умненький мальчик, тот сразу решил осваивать векторный редактор от Adobe и даже купил себе книжку.
Это я все к тому, что Adobe Illustrator для нас вовсе не идеологический выбор, как некоторые могли бы подумать, а единственный инструмент, подходящий для создания векторных иконок. Была бы возможность, мы с радостью поменяли бы его на другой. В конкурсе на самый отвратительно и неаккуратно написанный программный продукт за 500$ Illustrator занял бы почетное первое место, причем с огромным отрывом. Количество ошибок просто поражает воображение и порой выводит из себя. Но не будем о грустном…
cookbook Инструментарий. Введение
Однажды мы получили такое вот письмо. Антон Третьяков из Интернета спрашивает нас (пунктуация и орфография авторские):
«Здравствуйте! Скажите пожалуста в каких программах я могу начять разработку иконок. Я-дизайнер и знаю основные графические пакеты. Мне интересен ход разработки».
Странный вопрос, не правда ли? Надо было лишь копнуть чуть глубже и почитать наш великолепный блог. Тогда стало бы ясно, что в работе мы используем Adobe Illustrator и Adobe Photoshop. Разумеется, мы не обиделись на Антона за его невнимательность к нашему творчеству. Ведь его письмо дало нам повод пополнить наш блог серией заметок о нашем инструментарии.
cookbook Мини обзоры для DesignCollector
Совсем недавно студия Турбомилк в лице меня и с помощью Егора проводила недельник дизайна интерфейсов на DesignСollector. Мы немного подумали и решили: а почему бы нам не разместить все эти миниобзоры в нашем собственном блоге? Эти ссылки должен знать каждый, кто хотя бы задумывается о дизайне интерфейсов.
Начнём мы со всемирно известных иконостроителей, а затем плавно перейдем к руководствам по дизайну интерфейсов. Ни на секунду не сомневаюсь, что все нижеперечисленные сайты непременно окажутся в ваших закладках, рядом с закладкой на Турбомилк.
cookbook Визуальный стиль интерфейса: униформа или индпошив?
Бытует мнение, будто нестандартный визуальный стиль интерфейса — признак приложения несерьезного, развлекательного. Во всяком случае, для домашнего применения, а не для бизнеса. Более того, это мнение зафиксировано в священных скрижалях Windows UX Guide:
Как правило, темы оформления приемлемы для приложений, где общее впечатление важнее, чем продуктивность. Приложения с высоко развитым визуальным оформлением должны погружать в себя пользователя только на небольшие промежутки времени. Таким образом, темы оформления подходят для игр и киосков, но не для рабочих приложений.
Нестандартный визуальный стиль — враг продуктивности. Это утверждение преподносится как аксиома. Но так ли это на самом деле?
cookbook Конический градиент в Adobe Illustrator. Часть II. Истина где-то рядом
На прошлой неделе я обещал вам рассказать, как правильно нарисовать конический градиент в Adobe Illustrator. За свои слова принято отвечать. Так что делать нечего, придется открыть и этот секрет на примере всё того же компакт-диска.
Для начала устроим зарядку для мозгов. Я дам пару маленьких подсказок, а вы попытаетесь сделать конический градиент своими силами. Если получится, заметку можете не читать — сэкономите время. Итак, подсказки:
- Линейный градиент
- …
- Effects → Warp → …
Ну как, что-нибудь получается? Не очень?
cookbook Конический градиент в Adobe Illustrator. Часть I. Ложный след
Однажды беседовали мы о разных возможностях, а также плюсах и минусах векторных редакторов, и Егорчик так с грустью взял и сказал: «а хорошо было бы иметь под рукой конический градиент, как в Corel Draw». На что я интеллигентно так спросил: «ах, зачем он тебе нужен, этот конический градиент?». Долгие годы меня вообще мучил вопрос, зачем вообще может кому-то понадобится эдакая пошлость, как конический градиент. На что Егор так мечтательно ответил: «компакт-диски рисовать очень удобно!».
В силу профессиональной специфики, нам приходится рисовать широкий спектр предметов из повседневной жизни, в том числе и cd. Действительно, создание иконки компакт диска — каждый раз весьма мучительный процесс. Как бы было здорово, взять две окружности вырезать одну из самого центра другой и залить полученный объект коническим градиентом. Звучит заманчиво.
Но все знают, что в Adobe Illustrator возможности рисовать эти конические градиенты нет. Так как же нам нарисовать компакт-диск в Adobe Illustrator? Ну что же, мой любимый внимательный читатель, я надеюсь, ты готов! В качестве подготовки сперва рекомендую прочитать мою заметку «Кристально чистый вектор». Кстати, не забудьте включить Scale Strokes & Effects. Больше напоминать я не буду.
О блоге
Сотрудники компании Турбомилк в научно-популярном стиле рассказывают о тонкостях и нюансах визуального дизайна интерфейсов. Душераздирающие рассказы об иконках, критика чужого дизайна и восхваление своего, интересные ссылки, новости из жизни компании — основные темы статей.
Популярное
- cookbookПервые впечатления от MacOS, или фон Нейман — он и в Африке фон Нейман
- cookbook10 ошибок в дизайне иконок
- cookbookДизайн в стиле web 2.0
- cookbookЧто может быть лучше Basecamp?
- cookbookРаскрываем карты, или почему Windows не MacOS
- cookbookWindows 7: встречаем по одежке
- cookbookНашествие иконок-гигантов
- cookbookОптимизация Adobe Illustrator: разгон до первой космической
- cookbookКто склевал все хлебные крошки, или почему MacOS не Windows
- journalМы попали в новости на Первом канале


ЖурналСедьмой Фестиваль 404 состоится 4-5 октября 2014http://openid.yandex.ru/babikov78/: Торжество? :) Торжество открытия классической гимназии в г. Троицке. Протоиерей Г. Высоцкий: http://chevo.su/?p=1948 журнал \"Оренбургские епархиальные ведомости \", 1873-й год.
СтатьиКонический градиент в Adobe Illustrator. Часть III. Хэпи ЕндДмитрий Жуков: Да можно, нужно только засунуть этот объект с граидиентом в Clipping Mask.
СтатьиКонический градиент в Adobe Illustrator. Часть III. Хэпи Ендkashmir1: Спасибо. А можно ли как то применить такой градиент к более сложному объекту, чем круг. Например к шестеренке?
ЖурналЮзерпик для главного твиттера страны@odalex: Поговаривают, что в правительстве одни жулики
СтатьиПравильный экспорт макетов дизайна из AI в PSD@Vetalka84: Все равно хтмль не поддерживает вектор,и растеризация необходима. Просто клиенты не всегда шарят. И никто им не обьясняет.