Блог: за кулисами
cookbook Что может быть лучше Basecamp?
В наше время редко кого удивишь удобной и красивой системой extranet. «О, вы тоже используете Basecamp! Отлично!» — отвечают нам новые клиенты, получившие приглашение на turbomilk.seework.com. Basecamp стал стандартом де-факто, а его создатели — 37signals — признанными гуру дизайна и юзабилити.
Да, когда мы начали использовать Basecamp, сперва возникло ощущение, что мы попали в рай. Система просто делала свое дело, и не заставляла нас предполагать, что мы слишком тупы, чтобы ею пользоваться. Полное отсутствие каких-либо возможностей настройки (кроме, разве что, перекраски интерфейса) обернулось огромным плюсом: не надо тратить время и энергию на эту самую настройку. Садись — и работай. Однако по прошествии года активного использования Basecamp (несколько десятков завершенных проектов) мне начало казаться, что пора взглянуть на эту систему более трезвым взглядом.
cookbook Бутылка — не бутылка
У нас коллектив небольшой. Часто случается, что рано утром или поздно вечером оказываешься в офисе один. Работать невозможно, грусть и тоска сбивают все рабочее настроение. Сейчас мы раз и навсегда избавимся от этой проблемы. Смастерим себе нового коллегу, не знающего голода и усталости.
Многие из вас наверняка пытаются заботиться о своем здоровье и заказывают в офис чистую питьевую, возможно даже йодированную воду в больших 19-литровых бутылках. Бутылки эти, несмотря на все ухищрения в дизайне диспенсеров, зрелище в целом угнетающее и отталкивающие. А ведь всё в ваших руках!
cookbook Кристально чистый вектор
Наверняка многие из вас активно используют растровые эффекты Blur и Feather, чтобы делать красивые блики и тени. Всё бы хорошо, но, чтобы растрировать такую картинку в большом разрешении, надо или сразу задавать большое разрешение растровых эффектов, или увеличивать саму картинку в Illustrator’e. Описанные ниже нехитрые приемы помогут вам избежать всей этой возни и создавать современные, красивые и легко масштабируемые иконки, да и не только иконки, не используя растровые эффекты.
cookbook 3D на скорую руку
Признаться, я всегда скептически оценивал возможности применения технологий трехмерного моделирования для дизайна пиктограмм. В самом деле, в размере 32×32 или даже 48×48 этим технологиям просто негде развернуться. Простые объекты легко нарисовать без всякого моделирования, а сложные все равно превратятся в кашу. Незначительные ошибки в построении перспективы не делают погоды, гораздо важнее подгонка линий под пиксельную сетку, а это можно сделать только вручную. Игру света и тени тоже не с руки поручать бездушной машине — в таком ограниченном пространстве умелыми руками можно добиться более эффектного результата, причем не в ущерб читаемости образа.
Однако же, времена меняются.
cookbook Чернильный пейзаж

Наверняка многие уже слышали о том, что хитрые и коварные линуксоиды придумали использовать векторные иконки в графическом интерфейсе… А чем же они будет их рисовать на своем линуксе? Хороший вопрос! Они взяли и просто начали писать собственный векторный редактор. Линуксоиды народ странноватый, но добрый и щедрый. Поэтому редактор, как и следовало ожидать, кросс-платформенный и бесплатный. Называется он Inkscape (по-русски — чернильный пейзаж).
К слову, вот этот самый логотип-иконка Inkscape, нарисован в нем самом.
Дальше все пытливые умы идут на официальный сайт, качают версию программы для своей платформы (версия для MacOS весит около 14Mb, для Windows — 8-ми) и стараются что-нибудь изобразить. Остальные читают дальше.
cookbook Три аспекта дизайна по Дональду Норману
Пару часов назад на стадионе «Олимпико» в Турине был зажжен огонь ХХ Зимних Олимпийских игр. Хороший повод вспомнить о пиктограммах, которые применяются вне компьютерных интерфейсов. По традиции, для каждой олимпиады разрабатывается уникальный набор пиктограмм, обозначающих виды спорта, благодаря чему мы имеем замечательные иллюстрации разных подходов к решению одной и той же дизайнерской задачи.
cookbook Беглый взгляд на Microsoft Expression
Почему меня заинтересовал этот продукт? По задумке Microsoft, семейство продуктов Expression призвано обеспечить всем необходимым дизайнеров интерфейсов (для Windows и для Web). Таким образом, Expression Graphic Designer (далее — MSEGD) обещает быть первым инструментом, предназначенным специально для создания интерфейсной графики (если не считать Flash, но область применения Flash куда как уже).
Родным братом Graphic Designer’у приходится Interactive Designer, обещающий исполнение давней мечты дизайнеров интерфейсов: создавать интерфейсы без участия рук программистов (не путать с RAD tools — там была совсем другая цель).
От открывающихся перспектив захватывает дух. Запускаем…
cookbook The Icon Book
Изучая эволюцию пользовательских интерфейсов с начала 80-х годов прошлого века до наших дней, трудно избавиться от ощущения, что ремесло пиктограммостроения, едва успевшее приобрести черты инженерной науки (например, в интерфейсе Macintosh System 7), уже через несколько лет скорее можно отнести к изящным искусствам (Windows XP и MacOS X).
journal Мы запускаем турбоблог
Два месяца назад мы открыли свой сайт: www.turbomilk.com. Этот сайт — наше общее лицо, обращенное к настоящим и потенциальным клиентам. Теперь настало время открыть другое лицо — обращенное к коллегам и просто интересующимся нашей работой «изнутри». Это наш блог. Здесь мы будем публиковать записки о визуальном дизайне пользовательских интерфейсов, и о разных смежных вопросах.
cookbook InvisibleCRM
InvisibleCRM — разработчик инновационный технологий, созданных для увеличения производительности работы с корпоративными приложениями.
cookbook Nivaria
Nivaria Content Manager — это полноценная система управления контентом, созданная в студии Nivaria для быстрой и рентабельной разработки сайтов…
cookbook Estrada
Estrada — это система управления контентом, разработанная компанией Gandalf Development. Это одна из первых коммерчески доступных систем управления контентом. В основном, Estrada используется университетами и государственными учреждениями в США.
cookbook Растрирование в Adobe Illustrator 10 и CS
Много камней преткновения попадается на пути терпеливого дизайнера пиктограмм. Некоторые удается обойти, некоторые столкнуть, но обо что-то все равно придется споткнуться. И вопрос «как из большой красивой картинки сделать маленькую красивую картинку — пиктограмму?» находится где-то в верхних строчках хит-парада проблем. Иными словами, как превратить векторную картинку в растровую пиктограмму, не потеряв при этом четкость и различимость изображения?
cookbook Дизайн пиктограмм по Каплину
С несказанным удивлением я обнаружил, что революция, которую мы так долго ждали, свершилась аж год назад. В России издана первая книга, посвящённая «дизайну компьютерных пиктограмм».
О блоге
Сотрудники компании Турбомилк в научно-популярном стиле рассказывают о тонкостях и нюансах визуального дизайна интерфейсов. Душераздирающие рассказы об иконках, критика чужого дизайна и восхваление своего, интересные ссылки, новости из жизни компании — основные темы статей.
Популярное
- 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: Все равно хтмль не поддерживает вектор,и растеризация необходима. Просто клиенты не всегда шарят. И никто им не обьясняет.