Как стать автором
Обновить

Компания Фестиваль 404 временно не ведёт блог на Хабре

Сначала показывать

Подключаем два монитора к ноутбуку или Firewire-монитор из старого iMac

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

image

Ну с подключением двадцатичетырехдюймового Benq проблем не возникло никаких — он подключен через mini-dvi выход ноутбука. А вот iMac я подключил через firewire. Интересно узнать как это работает?
Читать дальше →
Всего голосов 70: ↑51 и ↓19+32
Комментарии44

Каково работать в узкой нише? Егор Гилев раскрывает все секреты компании Турбомилк

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

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

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

Как рисовать перекрашиваемые иконки

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

Например, мы хотим нарисовать перекрашиваемую иконку фолдера. Берем любимый векторный редактор и рисуем.
Читать дальше →
Всего голосов 131: ↑110 и ↓21+89
Комментарии45

Как мы придумывали имя, а потом рисовали логотип для Иконзы

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

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

Мы начали мозговой штурм. Для начала выбрали ключевые характеристики нашего проекта: цветной, перекрашиваемый, изменяемый, полупрозрачный, гибкий. Долго вспоминали всяких животных и прочих существ. Вспомнили хамелеона, но сразу его отбросили, как не оригинального. Потом на ум пришли полупрозрачные гады. Например, медузы. Английское слово jellyfish мы отбросили как непроизносимое для русского человека. А вот слово meduza нам показалось интересным, только мы его превратили в meduzer. Это был первый рабочий вариант.
Читать дальше →
Всего голосов 116: ↑77 и ↓39+38
Комментарии87

Иконза

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

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

image

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

Чтобы научно-популярно объяснить, что такое Иконза и как она работает, мы сняли комичный скринкаст (лучше смотреть напрямую с YouTube):
Всего голосов 192: ↑158 и ↓34+124
Комментарии103

Основы: Пять причин перейти на новый Illustrator CS4

Время на прочтение3 мин
Количество просмотров2K

Иллюстратор CS4Все новое и неизведанное манит своей новизной и неизведанностью. Я честно верю, что следующая версия всегда лучше предыдущей. Но есть одна программа, которая буквально каждой версией подрывала мои взгляды на жизнь. Это Adobe Illustrator. Он обрастал бесполезными функциями и, как следствие, новыми ошибками. Так было последние шесть лет. Здесь самое место для небольшой проповеди.



Возрадуйтесь! Бог все таки есть, о братья дизайнеры. Он услышал наконец наши молитвы. Воззвал он к программистам Adobe, покарал грешников, наградил праведников и сделали они Иллюстратор лучше. Аминь.



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


1. Это лучшая версия Иллюстратора


Иллюстратор


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


2. Градиенты


Градиенты


Теперь не надо целиться и наобум прикидывать, как будет выглядеть градиент. Они теперь показываются прямо поверх объектов, в виде специальной панельки, как только вы выберите соответствующий инструмент. Цвета, положение и количество ключевых точек можно менять прямо на объекте. Что произошло с радиальными градиентами словами вообще сложно описать. Мало того, что теперь можно сдвигать центр, так еще и делать эллиптический градиент одним легким движением мыши. Старожилы говорят, что и раньше все это было доступно, но вот вы знали, как это сделать?


3. Прозрачность в градиентах


Прозрачность в градиентах


Каждая точка в градиенте теперь может быть прозрачной. Мечты многих поколений дизайнеров воплотились в жизнь. Не зря Adobe купила Macromedia, не зря.



4. Панелька Appearance


Панелька Appearance


Если вы еще не используйте эту панельку, самое время начать. Вкратце, это «четвертое измерение» иллюстратора, своего рода «слои» внутри одного объекта. У каждого объекта может быть много заливок, обводок и эффектов. Последние, к слову, могут быть не только у всего объекта, но и у отдельных обводок и заливок. Это все было давно, сколько я себя помню. В CS4 панелька Appearance зажила наконец нормальной жизнью. Во-первых, перестала безумно глючить. Во-вторых, теперь около каждого пункта появился «глазик», как в слоях. Плюс теперь прямо отсюда можно редактировать цвета, градиенты и прозрачность.


5. Рабочая область


Рабочая область


Напомню, одним из наших маленьких ноу-хау всегда была работа в два или три окна. Раньше размеры окон приходилось подгонять руками буквально на ощупь, окошки неудобно перекрывали друг друга, было плохо. Теперь стало хорошо: включаем режим «единой рабочей области» (на маке, на Windows он включен по-умолчанию). Дальше организуем окошки как нам удобно, просто перетаскивая их заголовок. Они удобно прилипают ко всем сторонам рабочей области и к друг другу. Для желающих есть возможность воспользоваться предустановленными заготовками. Еще раз спасибо, что купили Macromedia.



А что вас порадовало или расстроило в новом иллюстраторе?

Всего голосов 97: ↑77 и ↓20+57
Комментарии78

Конференция ReMIX 09 глазами турбомилкеров

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

image

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

Как мы рисовали логотип для Iconfinder.net

Время на прочтение2 мин
Количество просмотров4.7K
image
В интернете есть очень много разных поисковых систем, например, iconfinder.net, которая по ключевым словам находит иконки. Случилось так, что к нам обратился создатель проекта Мартин Лебланк и захотел чтобы мы нарисовали логотип. Турбомилкеры очень обрадовались такому повороту событий и принялись за работу с должным рвением.
Читать дальше →
Всего голосов 129: ↑116 и ↓13+103
Комментарии117

Хабраотчет #2 с MIX 09 из Лас Вегаса про то что происходит в коридорах конференции

Время на прочтение2 мин
Количество просмотров2.6K
Я очень рад, что хабралюди тепло встретили первую часть моего репортажа. Сейчас будет пост не совсем характерный для Хабра, но это только на первый взгляд.

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

image
Но на MIX все оказалось довольно прилично и организованно. Три этажа гиков и дизайнеров, по 6-8 докладов одновременно. Все это работает как часы и все трезвые. :)
Читать дальше →
Всего голосов 63: ↑57 и ↓6+51
Комментарии43

Хабраотчет #1 с MIX 09 из Лас Вегаса почти в прямом эфире

Время на прочтение2 мин
Количество просмотров1.5K
image
Прямо сейчас я нахожусь в Лас Вегасе на конференции MIX 09 и имею неземное космическое желание делиться новостями и фотографиями с мероприятия через Хабр. Что тут происходит? Конференция проходит в очень красивом отеле Venetian (более роскошной конференции я не видел), участники приехали из разных концов мира.

image
Открывал конференцию Билл Бакстон, который рассказывал о роли скетчей в промышленном и интерфейсном дизайне. Меня, как дизайнера, это очень порадовало — дизайнерские конференции бывают редко. Плюс, я до последнего не верил в «Дизайнерскую конференцию от Майкрософт». Кстати, среди стуфа, который дают при регистрации была книжка Sketching User Experiences.

Читать дальше →
Всего голосов 127: ↑111 и ↓16+95
Комментарии28

Самарский дизайнер на конференции MIX 09 в Лас-Вегасе

Время на прочтение1 мин
Количество просмотров1.2K
imageСлучилось так, что я — простой дизайнер из Самары поеду в Лас-Вегас на одну из главных в мире конференций для людей, которые занимаются вебом, дизайном и интернетом — MIX 09! Мне самому пока тяжело в это поверить, но я надеюсь, что доеду.

К чему это я? К тому, что обещаю оперативно постить фото и отчеты с конференции на Хабр. Что было в прошлом году можно посмотреть на страничке MIX 08 на flickr. А еще я был бы рад получить вопросы от хабралюдей, которые я бы задал докладчикам или какие-то поручения вроде «сфотографировать microsoft surface снизу». Еще обещают показать новое поколение устройств на Windows Mobile.

Картинка для привлечения внимания:
image
(это фото с прошлогоднего MIX, в этом году тоже обещают этих парней)

Читать дальше →
Всего голосов 74: ↑60 и ↓14+46
Комментарии46

Windows 7: встречаем по одежке

Время на прочтение3 мин
Количество просмотров1.1K

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

Предыдущую версию Windows, пожалуй, только ленивый не ругал, и за внешний вид в том числе. Даже если не принимать в расчет записных ретроградов, считающих синие панельки Нортон Коммандера до сей поры непревзойденным интерфейсным шедевром, недовольных визуальным стилем Aero хватает. Одних раздражают прозрачные рамки окон, других — вездесущие блики а-ля Apple Aqua, третьих — насыщенные чернильные тени окон.

«Почему дизайнеры столько всего наворотили?» — спрашивают они и включают серенькую тему Windows Classic. Правильный ответ на этот вопрос (хотя нам не хотелось бы это признавать): потому что могли.

Читать дальше →
Всего голосов 129: ↑106 и ↓23+83
Комментарии104

Веселые турбокартинки

Время на прочтение1 мин
Количество просмотров1.7K
Меня иногда спрашивают: «А кем ты работаешь и чем ты занимаешься?». Я всегда очень этому вопросу радуюсь и начинаю рассказывать про визуальный дизайн интерфейсов, про иконки, юзабилити и юзер экспириенс. В большинстве случаев мой собеседник очень быстро начинает зевать и уже сам не рад, что спросил. Поэтому когда дело дошло до придумывания названия компании, которая занимается дизайном интерфейсов, то было решено придумать какую-то Легенду, чтоб было веселее и интереснее. У многих компаний есть Миссия, а нас будет Легенда.

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

К чему такое длинное вступление? К тому, что когда дело дошло до визуализации наших бизнес-процессов и нас получилось вот такое:

image

Тут еще пара визуализированных бизнес-процесса
Всего голосов 140: ↑96 и ↓44+52
Комментарии97

10 необычных метафор в дизайне иконок

Время на прочтение1 мин
Количество просмотров3.3K
Если честно, то я не очень люблю посты-списки а-ля «Горячая десятка чего-то» или «50 самых лучших кого-то». Но почему-то такие посты очень любят читатели. И я понял почему. Писать эти тексты довольно трудоемко и не очень весело. Зато читатются они легко и увлекательно. Эту догадку подтвердила моя давняя статья "10 ошибок в дизайне иконок", которую тут приняли очень тепло. Не прошло года и я решил продолжить.

Многие думают, что дизайн интерфейсов — скучное, заумное и занудное занятие. Я попробовал взглянуть на эту сферу немного иначе и продемонстрировать, что дизайн GUI — иногда довольно веселая штука. Предлагаю вашему вниманию обзор/коллекцию 10 необычных метафор в дизайне иконок.
Всего голосов 106: ↑85 и ↓21+64
Комментарии22

Дизайн приложений для iPhone: иконка для LiveJournal.app

Время на прочтение1 мин
Количество просмотров5.2K
Визуальный дизайн приложений для iPhone — дело новое и довольно творческое, несмотря на жесткие стандарты, которые установила Apple. Предлагаю вашему вниманию краткий рассказ о том, как мы оформляли клиент для ЖЖ.

image

LiveJournal.app — бесплатный клиент Живого Журнала для Apple iPhone, который позволяет вам писать в свой журнал, а также отправлять и получать личные сообщения. Разрабатывает этот замечательный продукт компания CosySoftware. Нам было поручено нарисовать главную иконку и заставку по мотивам фирменного стиля LiveJournal.
Читать дальше →
Всего голосов 90: ↑58 и ↓32+26
Комментарии74

Бесплатные иконки «Возвращение Пэкмана»

Время на прочтение1 мин
Количество просмотров1.2K

Совместно с нашим любимым журналом Smashing Magazine мы задумали нарисовать набор бесплатных иконок. Вдохновение мы нашли в легендарной компьютерной игре Pac-Man (パックマン Pakku man) Сказать, что сет получился необычным — значит ничего не сказать. Скрывать не будем, иконки получились безумные — чего только стоит «Пакман в старости». Если у вас неустойчивая психика или расстройства сна, то мы категорически не рекомендуем использовать этот набор.
Читать дальше →
Всего голосов 63: ↑34 и ↓29+5
Комментарии30

Бумажная турборакета

Время на прочтение1 мин
Количество просмотров664
Турборакета
Вот-вот начнутся длинные-предлинные новогодние выходные дни. Чем занять себя, чтобы было весело, интересно, плюс полезно для мелкой моторики? Наша фирменная турбомилковская ракета обретает материальное воплощение! Теперь каждый сможет сделать символ нашей маленькой, но гордой компании. Все подробности на специальной странице.
Всего голосов 60: ↑35 и ↓25+10
Комментарии9

Статьи: В поисках альтернативы Basecamp: обзор WorkSection

Время на прочтение4 мин
Количество просмотров12K

WorkSection: logoМы с коллегами уже много лет используем Basecamp — веб-сервис для организации рабочего взаимодействия по проектам, разработанный компанией 37signals. Трудно переоценить значение этого сервиса для нашей работы — ведь наши клиенты разбросаны по всему миру, и всё общение с ними происходит в онлайне.

Среди небольших сервисных IT-компаний, подобных нашей, Basecamp стал практически стандартом де-факто. С одной стороны, это очень удобно: новые пользователи, только что приглашенные в наш уютный Extranet, уже умеют в нём ориентироваться. С другой стороны, мы всё чаще чувствуем, что Basecamp нам жмёт. Ничего удивительного: нельзя угодить всем, и парни из 37signals это отлично понимают, и даже не пытаются угодить именно нам.

Не смягчая краски, могу сказать, что некоторые особенности Basecamp’а попросту бесят. Чего стоит только… впрочем, нет, не буду вдаваться сейчас в подробности. О чём я хотел сказать, собственно? Мы неспешно ищем альтернативу Basecamp’у. И здесь, в нашем блоге, мы будем рассказывать о ходе поисков.

Читать дальше →
Всего голосов 67: ↑50 и ↓17+33
Комментарии23

Новогодние турбообои «Корова в космосе»

Время на прочтение1 мин
Количество просмотров1.3K
Корова в космосе— Ой, а что это летит?
— Это Космическая Корова турбинами шуршит. Не обращай внимания, их тут много.

(Диалог в несуществующем придуманном Турбомире)

Попробуйте установить эту картинку на рабочий стол и ваш компьютер преобразится! Он перестанет быть банальной ЭВМ, а станет настоящим бортовым компьютером космолета. Вы почувствуете себя бравыми космическими ковбоями на широких просторах вселенной. Кроме этого, в картинке можно усмотреть некий символизм. Усмотрели? :)

Всего голосов 86: ↑46 и ↓40+6
Комментарии19

Как мы рисовали графику для «Сильверлайтера»

Время на прочтение1 мин
Количество просмотров1.3K
imageОднажды компания Microsoft придумала технологию Silverlight. Потом появились люди, которым эта технология понравилась и они создали сообщество пользователей Сильверлайтер. Всем сообществам положено иметь логотип и сайт с красивым дизайном. Любители Silverlight — прогрессивные люди с развитым чувством стиля, поэтому кое-какой стиль их не устраивал. Случилось так, что на их призыв откликнулись дизайнеры студии Турбомилк.
Читать дальше →
Всего голосов 80: ↑37 и ↓43-6
Комментарии37