Я у нас на работе хоть и числюсь арт-директором, хоть и занят в основном в UI и приложениях, но занимаюсь всем-всем-всем что так или иначе связано с дизайном, и даже тем, чем особо никогда не занимался. Вот и тут не по профилю работал, но, кажется, справился. Для небольшого мероприятия в рамках конференции Rails Club, где наша компания выступала генеральным спонсором, нужно было сделать промо-ролик. Смысл в том, что в коде прячутся баги, а зрителям предлагалось их отыскать в виде наклеек, выдаваемых как ачивки за различные действия. Тому, кто соберет все наклейки, выдавалась главная ачивка — рубиновый баг (связь с Ruby on Rails). Неделя работы, и вот результат.

Вакансия закрыта, человек найден. Всем спасибо.

Разыскивается внимательный, ответственный и усидчивый человек, который мог бы периодически помогать нам с подготовкой дизайна приложений перед тем, как они будут отданы разработчикам.

Что делать: нарезать исходник в .psd, на отдельные элементы, указывать отступы, цвета и размеры элементов приложения на каждом экране, описывать все параметры, касающиеся шрифтов, используемых в приложении. В результате работы получится полноценная спецификация для разработчиков приложения.

Что нужно знать: Базовый уровень знания Adobe Photoshop. Весь процесс подготовки спецификации у нас описан и обкатан — написаны четкие инструкции по нарезке и обмеру макетов, а специальные плагины сделают работу несоизмеримо проще. Частично процесс описан здесь и здесь

Условия: Работа в штате. Работать можно и нужно удаленно. ЗП — 30 000 руб. Работать придется не каждый день, и, возможно, даже не каждую неделю, а по факту наличия готового дизайна для приложений. Если есть желание совмещать эту работу с какой-то другой работой/учебой — пожалуйста, но не в ущерб наших задач.

Будем откровенны, работа довольно однообразная, но зато понятная и позволяет выстроить рабочий график, удобный именно вам.

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

Задание №1

Исходник

Необходимо вручную произвести обмеры исходника в соответствии со статьями по ссылкам выше. Элементы интерфейсов бывают двух типов: те, что растеризуются и сохраняются в ассеты, и те примитивные, которые можно воссоздать программно. Первые нуждаются только в замере их позиции, вторые — в замере позиции, габаритов и цвета. За точку отсчета взять верхний левый угол файла, позицию элементов мерить по их левым верхним углам. Также нужно выписать спецификацию шрифтов. На выходе должно получиться две растровых картинки: Metrics и Fonts.

Задание №2

Исходник

Необходимо вручную создать набор иконок для четырех плотностей Android-экранов: mdpi, hdpi, xhdpi, xxhdpi, стараясь, по-возможности, приводить их к pixel perfect виду. Исходник представлен в xhdpi размере. На выходе должно получиться четыре растровых картинки.

Все картинки прошу скомпоновать в один графический файл.

Выполненное задание и короткий рассказ о себе слать на почту i.garybaldi@fun-box.ru

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

В августе этого года, кстати, как раз, когда я жил с семьей в Крыму, довелось поработать над весьма интересным проектом. Это должен был быть сервис вызова такси для айфонов. Что тут интересного? — спросите вы, — Таких приложений уже вагон и маленькая тележка! Все так. Но в том-то и была задача: переработать опыт поколений и привнести что-то новое. Что-то, чтобы смогло ускорить вызов такси. Хотя бы на одну секунду.

Смешная штука, кстати: когда разработка дизайна только обсуждалась, менеджер проекта говорил «Делай под iOS6, так привычней», на что я резонно заявлял, мол, пока мы нарисуем, да пока разработчики приступят к работе — уже все успеют забыть как та iOS6 выглядела. Меня пытались переубедить, но я не дался. Сейчас февраль 2014 года, приложение только-только перешло в стадию первого релиза — какого бы оно было в старом дизайне? Вот)

Кроме того, в графе «Сроки» этого проекта стоял какой-то ад: две недели на несколько первых экранов и презентационный ролик. Было тяжело, но мы справились) Вот что у нас получилось:

Умышленно не пишу тут полное название приложения — избегаю индексации. Кстати, первый релиз уже залита в AppStore, но она еще далека от идеала, основных фишек, как и многих просто важных вещей, еще нет. Но, надеюсь, у ребят из команды разработки все получится.

А еще я делал урок по автоопределению траектории движения — нацепил на Бейонсе голову Яны. Смеха ради)

Куда сейчас без моушена? Да никуда. Если три-четыре года назад делать статичные информационные сайты было нормой, то сейчас это все равно что рисовать логотипы в MS Paint. С приходом iOS 7 роль оформительской части дизайна ушла на второй план, а на первый выехала динамика. Вот и получается, что при работе, как основной, так и на фрилансе, постоянно приходится рисовать короткие гифки, демонстрирующие, как тот или иной элемент интерфейса ведет себя в жизни. Накидал вам тут несколько примеров:

1. Тут все просто, чтобы не слать стопятьдесят экранов с ховерами и субховерами, я просто сделал ролик.

2. Тут уже интересней, я упоролся делать эту соплю средствами фотошопа.

3. Хитрое меню, к которому ниже прилипает форма с уголком аля бабл. Поэтому активный пункт должен быть всегда в нижней строчке. Вот так.

4. Картинка с активными элементами

И много-много еще такого, жаль все не могу показать, там куча секретной информации.

Так вот значит я, олдфаг, взращенный еще на Adobe ImageReady, пока обхожусь стандартными средствами Photoshop для анимации, тем более, что в последних версиях добавилось несколько приятных фишек, упрощающих работу. Но в большинстве случаев я все еще анимирую.. только не смейтесь.. по кадрам! И долго так продолжаться не может. Пора, наверное, осваивать After Effects.

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

Вообще, конечно, катастрофическая временнáя пропасть разделяет этот и предыдущий посты. Все хотел написать: то про iOS7, то про Photoshop CC, то просто про более приземленные вещи.. Но как-то не сложилось. Много было работы, а вот сейчас, за полтора дня до нашей с Яной свадьбы и за четыре дня до отпуска, наконец-то появилась свободная минутка. Так что делюсь практически первым что пришло в голову.

В последнее время я почти не занимаюсь логотипами. Как-то так получилось, что основная работа меня поглотила чуть более чем полностью, но не суть. Все же заказы на логотипы случаются, верней случается то, что я на них соглашаюсь. И когда я рассказываю новому клиенту о своих правилах работы, обычно возникает один из трех вопросов: почему так долго, почему так дорого и почему охуенно всего один вариант? Вопрос этот не всегда бывает вербальным, он может быть прочитан по поведению, по заминке в голосе, по паузе в переписке в скайпе. Я не жду, пока вопрос будет озвучен, а сразу все объясняю. Так вот, чтобы по десять раз не перепечатывать одно и то же, я и пишу этот пост. Может кому-то даже покажется это интересным.

Почему так долго?

Cоздание логотипа — это процесс творческий и не непрерывный. Нет же такого слова «прерывный»? Сейчас я полистаю сборники логотипов для вдохновения. А чуть попозже я покручу шрифты. Завтра я попробую что-то набросать. Послезавтра я пойму, что сейчас сидеть над задачей бессмысленно: глаз замылен, голова забита. Надо отвлечься и продолжить позже, когда в голове осядет туман. На n-ный день я могу все отложить и начать заново. И так будет продолжаться некоторое время, пока меня не осенит. А осенить может буквально на следующий день от поставленных клиентом сжатых сроков. Неужели фора в один день ему важнее, чем отличный результат? Думаю, что нет. Теперь по индукции мы добавляем еще день, и еще день, пока не получим необходимый промежуток времени, который, конечно же, каждый дизайнер определяет для себя самостоятельно. Я для себя определил — две недели.

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

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

Почему так дорого?

Это легко объяснить на таком вот утрированном примере. Представьте, что вы довольно часто, допустим даже каждый день, делаете какую-то работу. Вы знаете себе цену и знаете, как и что делать. Но вот однажды вам говорят: надо сделать эту же работу, но за 8 рублей 29 копеек. Очень надо. Но за 8 с копейками рублей. Как вы сделаете эту работу, каков будет результат? Если вы дурачок от природы, то вы сделаете эту работу в крайней степени паршиво. Платят же мало, нате-получите. Если же боженька щедро отгрузил в вашу черепную коробку мозгов, то правильней было бы сразу отказаться — работать ниже своего прайса нельзя, разве что эта работа не мотивирована каким-то другим образом, но мы не будем рассматривать эти частности. Тут, вроде, все просто и понятно.

Теперь же представьте, что вам говорят: надо сделать вашу повседневную работу, но за какую-то невероятную сумму. Такую, о которой в слух в метро сказать было бы страшно. Как вы будете делать работу? Если вы не конечный распиздяй, то чувство высокой ответственности заставит вас хорошенько попотеть в тот день. Вы будете по настоящему стараться, потому что не оправдать такое большое доверие (а доверие очень хорошо измеряется в материальном) было бы просто немыслимо.

А если смасштабировать этот гиперболический пример до человеческих размеров, то ситуация перестанет быть нелепой и обретет вполне осязаемый смысл. Когда вы долго засиживаетесь в какой-то ценовой категории, она становится вашей комфортной зоной. Вы знаете, сколько времени и нервов вы похоронили на каждом прошлом проекте, и ваша человеческая натура требует, чтобы с каждым последующим разом вы прикладывали услилий на щепотку меньше — ну а как иначе, опыт же должен чем-то вознаграждаться? Так вот если немного выйти из комфортной зоны, то профит будет наблюдаться сразу и для вас, и для клиента: вы сможете больше заработать, а клиент получит профессионала, старающегося выложиться на 110%.

Почему только один вариант?

На эту тему уже писали все кому не лень, приводя дельные примеры с водопроводчиком или зубным врачом. Но для клиента вряд ли будет убедительным ваше истеричное «ВЫ ПЛАТИТЕ МНЕ ЗА ОДИН ЛОГОТИП, ПОЛУЧАЕТЕ ОДИН ЛОГОТИП!», гораздо полезней просто посмотреть на вещи реально.

Вы — один. И голова у вас, скорее всего, тоже одна. Когда я, будучи еще зеленым фрилансером, брал проект, в ТЗ которого четко было прописано, что требуется 3 варианта логотипа, я поступал так: делал один хороший вариант и еще два для количества. Никто не делает три хороших варианта. А если кто и делает, то это говорит лишь о неумении трезво взглянуть на результат своей работы и отличить плохое от очень плохого. Но формула 1 хороший + 2 для количества — это еще большая удача. Чаще распространен другой случай: три нормальных варианта, из которых сложно выбрать, но не потому, что они все нравятся, а потому что они все в равной степени не цепляют. И заметим, что во всех описанных ситуациях получаются хорошие, но не отличные логотипы. Оно и понятно, ведь вы один и с одной головой, а значит отведенное на проект время смело можно делить на 3, а в сжатые сроки, как мы уже выяснили, ничего хорошего не получается. Кроме того, даже если вы попытаетесь, то все равно не сможете сосредоточиться на своей основной цели — на отличном логотипе, — ведь требование нескольких вариантов заставляет вас распыляться и бросать процесс на середине, мол, тут уже что-то наклевывается, пока оставлю, ведь нужно выдумать еще целых n вариантов.

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

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

Неделю живу в страшных условиях: еда только холодная, строительная пыль везде (а самое печально, что она просто прет из щелей макбука), а каждый день приходится вставать в 9 утра и встречать рабочих.. Да, у нас ремонт, и хоть я в нем принимаю самое пассивное участие, эта процедура жрет много сил. И денег.

А в пятницу, 12 апреля, намечается грандиозное событие — Dribbble Meetup — на котором я непременно буду присутствовать с самого утра, но, к сожалению, не до самого вечера. Надеюсь будет много интересной и полезной информации. Кто хочет встретиться — ищите меня по усам.

Другое дело нанимать кого-то на работу — такая возможность выпадает не каждый день. Я проработал уже год в штате, и всем — мне и моему руководству — стало очевидно, что в команду нужен junior-дизайнер. И найти его поручили мне, что логично, ведь мне же с этим человеком в последствии работать. Задача, которая, как мне по-началу казалось, могла бы даже доставить мне удовольствие, обернулась сущим головняком. Вообще, план моих действий был такой:

1. Спросить у друзей и знакомых, никто ли не хочет в штат.

2. Подумать над дальнейшими действиями, в случае, если первый пункт не даст результатов.

Но стоило мне кинуть вакансию в твиттере, как уже через час у нее было овер 20 ретвитов от знакомых, малознакомых и незнакомых мне юзеров, включая официальный твиттер фри-ланс.ру) Тут же посыпались заявки и ссылки на портфолио. Но это было ожидаемо. А вот стоило дать одному юзеру почту, как на нее за ночь прилетело 6 писем от кандидатов. А еще две заявки пришли на почту пандабанды. А еще во вконтакте 3 личных сообщения. И вот вам первый вывод:

Если в самой вакансии не были указаны дополнительные контактные данные, не стоит проявлять чудеса смекалки и удивлять нанимателя своим нежданным письмом/звонком/сообщением. Ограничтесь ожидаемым списком каналов связи (в данном случае ответным твитом).

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

Следующее, на что я обратил внимание, это на стиль письма. Писать незнакомому человеку, будь это заказчик, фрилансер, сантехник дядя Адольф, надо грамотно. Никто от вас не требует высокого штиля (это бы, наоборот, смотрелось странно), но банально расставить по тексту запятые и заглавные буквы, согласитесь, необходимо. Нам же с вами потом работать, а это по нескольку часов переписки в день.

Пишите грамотно. Заглавные буквы, знаки препинания, вот это все… Если у вас браузер ошибки не подчеркивает — обзаведитесь такой опцией, пригодится.

Дальше шел анализ содержания писем. Тут палка о двух концах. С одной стороны, не надо казаться рубаха-парнем (а если вы такой и есть, то соберитесь уж для одного письма-то) и писать «Приветосы, монсеньер, слыхал я есть у вас маза реальная?». Не совсем такими словами, но все равно в низкой форме мне пришло две заявки. С другой стороны — и это, собственно, и подтолкнуло меня написать статью — мне пришло несколько писем «на сложных щщах». Это когда люди расхваливают себя в очень хитрой форме, заискивающе подмигивая тебе типа «Ну я-то в курсе че и как!». Пара примеров: «Умею делать читабельные страницами. Понимаю, что ссылки должны быть подчеркнутыми.» — кто сказал? Начитались уважаемых людей, а применяете полученные знания бездумно. Или вот еще фраза (прошу прощения у автора, ее я цитирую без изменений): «Я прочел полезную литературу (Брингхерст, Тафти, ТРИЗ и т.д.) и знаю что интерфейс зло» — ну а я не прочел, и не понимаю, что вы хотели сказать вот этим вот «зло». По-моему, интерфейсы — это круто.

Да, по-поводу последнего, многие письма были составлены довольно объемно, там тебе и образование, и опыт работы, и жизненная позиция.. хотя я просил только ссылки на портфолио. И вот ребята шлют мне всякие «Имею профильное образование и многолетний опыт. Хочу решать интересные задачи, результатам заставляя ваши нижние челюсти с громким звоном падать на пол», наверное, надеются произвести впечатление, а мне так и хочется написать «Дружок, шел бы ты отсюда, ты слишком крут для нас». Нет, ну правда, возьмешь такого избыточно амбициозного, а он через две недели взвоет от тоски. Интересные задачи — это, конечно, хорошо, но кто будет собирать 67 экранов приложения?

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

Работы. Это самое главное. Отправлять заявку без нужных работ в портфолио или вообще без портфолио — верный способ не попасть в штат. Когда человек говорит, что у него портфолио сейчас на переработке или что он может показать одну, две, три ссылки — это говорит о неуверенности в себе и своих работах (а в 90% случаев это более чем оправдано). Если человек пишет, что он никогда не занимался интерфейсами, но очень хочет — наверняка, найдется с десяток спецов, которые умеют это делать, и ваши шансы в сравнении с ними равны нулю. Мы же не школа, нам работать надо, а без фундамента и строить будет не на чем. То есть хорошо, конечно, когда вы полиграфист в третьем колене, когда у вас за плечами опыт в шелкографии и макраме, но мы здесь занимаемся интерфейсами, и сколько бы вам не хотелось углубиться в эту область, углубитесь сначала сами, а потом поговорим.

Шансы на то, что вас возьмут на должность при пустом портфолио, неотличимы от нуля.

Вот такие дела. Если что, то все написанное — мое личное мнение и мое личное восприятие. Может на какого-нибудь HR произведет впечатление ваше образование, а кто-то из работодателей закроет глаза на отсутствие работ, но адекватный человек, скорее всего, станет выбирать специалиста по портфолио и по его манере общения, которая очень много может сказать о человеке.

Картинки — фрагменты — стоят в хронологическом порядке, самой первой из них более трех с половиной лет.

На самом деле решение вполне удачное: когда идет борьба за каждый квадратный миллиметр, подумайте хорошенько, зачем вам умывальник, если есть ванная? Ванная — это ж тот же самый умывальник, только больше. Да, где-то в глубине сознания ваш внутренний консерватор ворчит: у дедов были раковины, у отцов были раковины, и у меня будет. Но если подключить логику, и соответствующим образом спланировать помещение, то без раковины можно легко обойтись. Я бы, правда, зеркальце перевесил тогда вот так:

Возникает, правда, проблема с полочкой, как бы об нее не притереться. Да, пожалуй полочку можно и убрать, оставив средства для лица над унитазом. Заодно и зеркало загораживать не будут.

Но потом ко мне пришла в голову идея, которая, казалось, просто плавала на поверхности. Начну издалека: извините, если я раскрываю чей-то секрет, но все мужчины хоть раз, но справляли малую нужду в раковину ванной комнаты. И уж точно не менее 30% мужчин, особенно офисные работники и студенты, делают это регулярно (параллельно с чисткой зубов или бритьем). Это невероятно удобно и экономит до минуты утреннего времени. Но женщины, которым недоступна сия чудесная многозадачность, придумали, что это вроде как некрасиво. Так вот…

Я предлагаю передать функции умывальника непосредственно унитазу. Рассмотрим на примере все той же ванной комнаты, повесив смеситель в эту точку:

Как видите, все гениальное просто. Руки мыть? Да без проблем, унитаз достаточно широк, чтобы брызги попадали непременно в цель. Справлять естественные нужды? Да, никаких проблем, это же унитаз в конце-концов. Бриться, чистить зубы, ковыряться в зубах и т.д. и т.п. станет еще удобней, не нужно объяснять почему.

Короче раковина — это пережиток прошлого, атавизм, тяжкое бремя, которое мы вынуждены нести (наверное, здесь еще имеет место тайный заговор производителей сантехники). А я вот вам предлагаю свежий взгляд на эргономику и планировку малых пространств. Пользуйтесь на здоровье.