Константин Мозговой Начало карьеры и Школа дизайнеров

Как читатель твоей рубрики в советах, не могу не начать вот с какого вопроса. Какой интерфейс удобнее — «Плейстейшена» или «Иксбокса»?

Ха-ха, Плейстейшена. Он интуитивно понятнее, проще устроен. Мне кажется, любому человеку станет понятно почему, если он полчаса попользуется одним и полчаса другим. Иксбоксовский — очень перегруженный. Его пытаются объединить с Виндоус, но это очень сложно выглядит.

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

Ты ведь в дизайн пришёл через видеоигры?

Да, отчасти. Я ещё со школы занимался 3Д-графикой. Во многом из-за компьютерных игр, там же всё тридешное. Смотрел на классные игры — и хотел сделать что-то подобное.

Изучал 3Д-Макс, чтобы делать мультфильмы или 3Д-анимацию. Потом уже познакомился с Фотошопом, Иллюстратором. Решил, что 2Д мне ближе, постепенно пришёл в вёрстку и веб-дизайн.

При этом ты закончил университет по специальности «Материаловедение и обработка материалов». Как там оказался?

Совершенно случайно. Хотел поступить в Институт архитектуры и дизайна, на специальность «Изобразительное искусство». Туда сдавали не обычное ЕГЭ, а творческий конкурс по рисованию. Я ходил в художественную школу, чтобы подготовиться — а на ЕГЭ забил. В итоге и конкурс не прошёл, и баллов на ЕГЭ набрал очень мало.

В армию идти не хотелось, поэтому поступил на материаловедение, куда брали почти всех. Это инженерная специальность — мы изучали, как разные материалы применяются в машиностроении, как гнётся, ломается и трескается металл. Проектировали гигантские чертежи на А1 и А0 в «Автокаде» и «Компасе-3Д».

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

Чем занимался?

Готовил техническую документацию к продукции, разные каталоги. Брал чертежи из «Компаса-3Д», оформлял их в Индизайне и Фотошопе.

Когда я туда пришёл, в дизайне вообще ничего не понимал. С детства умел пользоваться Фотошопом, но про правила вёрстки не слышал. Стал читать «Ководство», потом наткнулся на советы бюро. Понемногу начал разбираться, как вообще дизайн делается.

Понял, что мне в этой компании неинтересно — я был единственным дизайнером, учиться не у кого. Проработал там два года и решил пойти в дизайнерскую студию. Посмотрел, какие есть в Красноярске — и вышел на «Чипсу». Это студия дизайна в Красноярске, они до сих пор успешно работают.

Там посмотрели моё портфолио и взяли меня. В «Чипсе» я многому научился в практическом плане. В первый день мне говорят: «Садись, делай сайт». А я до этого никогда не дизайнил сайты — начал тыкаться, потихоньку разбираться. Потом ещё многое делал у них: меню для ресторанов, какие-то баннеры и рекламу, логотипы, даже оформление магазина фототехники.

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

Работал в «Чипсе» и учился в бюро — совмещать оказалось не так сложно. Часто пугают, что в Школе дизайнеров огромная нагрузка. Травят леску — мол, не поступайте, если у вас мало свободного времени. Не знаю как сейчас, но тогда было терпимо. Я приходил с работы и часа три-четыре по вечерам уделял учёбе, всё успевал.

Как в «Чипсе» смотрели на такое совмещение?

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

Наверное, я сам виноват, неправильно преподносил. Дали тебе задачу — надо сначала сделать её, как принято в конкретной студии, а уже потом предлагать свой вариант. А я сразу делал по-своему.

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

Как ты учился в школе?

Не очень удачно сделал вступительное задание, поэтому начал где-то во второй половине, довольно низко. Потихоньку стал продвигаться вверх. Для меня обучение было очень дорогим, поэтому я хотел попасть на бесплатное. Может, не на первую ступень, а хотя бы на вторую или третью.

Я медленно поднимался: сначала попал в тридцатку, потом в десятку, и на третьей ступени за дипломный проект получил самую высокую оценку. Так что я только в конце попал на первое место — была бы четвёртая ступень, я бы там бесплатно учился. Но увы, мне не повезло.

Зато повезло попасть на работу в бюро.

Да! Я очень хотел сюда попасть — и попал. Так что все вложения в школу окупились. В учёбе мне очень помогало то, что я долгое время читал советы. На первой ступени многие лекции основаны на советах. Если ты их уже читал, то в учёбе, по сути, повторяешь материал — так намного легче.

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

Какие впечатления от второй ступени?

Сразу вспоминаются задания по вёрстке от Миши Нозика. Сначала мы делали простую страницу о себе. Я получил высокую оценку, и мне показалось, что я всё уже знаю, верстать научился. Правило внутреннего и внешнего, туда-сюда — несложно. Окей, пусть и сложно поначалу, но хотя бы всё понятно, если разобрался.

Позже верстали многоэтажную страницу про адронный коллайдер. Мне казалось, что у меня снова очень неплохо получилось. Оказалось — так себе, у Миши был миллион замечаний. В многоэтажной странице в десять раз сложнее соотнести все элементы, выдержать ритм этажей, чтобы вышло не скучно. Причём времени на неё отводится, как на первое задание.

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

Как же тогда успевать?

Тут ничего необычного не скажу — есть метод прогрессивного джипега: ты сначала просто делаешь всё. Как попало, сильно не задумываясь — собираешь макет. Потом начинаешь его улучшать, проходишь раз за разом, и постепенно углубляешься в нюансы.

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

Я об этом методе узнал ещё из «Ководства» и до сих пор всегда применяю в своей работе. По-моему, в России вообще все дизайнеры начинают с «Ководства». Для основ эта книжка отлично подходит.

Метод прогрессивного джипега: ты сначала просто делаешь всё. Как попало, сильно не задумываясь

Какие ещё книги порекомендуешь?

Я ещё до поступления знал про бюро, читал некоторые из «системных требований». Самая полезная для дизайнера — «Настольная книга газетного дизайнера» Тима Харровера. Там максимально практические советы: картинку ставь сюда, заголовок сюда, текст сюда, подпись сюда. Для новичка вообще в самый раз. И неважно, что автор пишет про газеты — все советы применимы к веб-дизайну.

Ещё для вёрстки порекомендую книгу Артёма Горбунова. Она тоже очень наглядная и полезная. Повторяешь по картинке, и у тебя уже что-то выходит. Не шедевр, может быть, но крепкая вёрстка получится обязательно. Да и, в принципе, все книги бюро полны практических приёмов — бери и делай. Так что их надо читать обязательно.

Зачем в 2021 году читать Раскина, когда есть «Пользовательский интерфейс» Бирмана?

Новичку явно нет смысла читать Раскина, начинать проще с книги Ильи. У него больше современных примеров, есть какие-то вечные. Хотя многие успели устареть даже у него. «Новые направления…» стоит читать, если хочешь всерьёз углубиться в тему интерфейсов.

Как следишь за индустрией дизайна?

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

Полезно иногда полистать «Пинтерес», «Биханс» или «Дрибл»

Откуда такая внушительная коллекция на «Пинтересе» и «Бихансе»?

Всё началось с третьей ступени, когда я стал собирать референсы для будущего диплома. Завёл папочку на «Пинтересе» и добавлял туда какие-то картинки, потом для другого проекта что-то собрал. Постепенно стал сохранять все прикольные штуки, которые понравились.

Иногда возвращаюсь к старым референсам. Например, надо сверстать плашку с принятием кук на сайте. Первым делом иду в свою коллекцию — может, там уже есть похожее и можно подсмотреть какой-то приём. Если нет, то ищу и заодно добавляю к себе эти плашки с куками. Так моя коллекция и растёт — в основном, вместе с проектами.

Как выбрал тему диплома?

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

Повезло, что арт-директором был Миша Нозик. Ему моя идея тоже зашла, он разглядел в ней пользу. Потому что частенько бывает, арт-директора зарубают тему, если им непонятно, какое в ней полезное действие. Тогда приходится придумывать что-то другое.

Мне нравится эстетика игровых компьютеров, презентации новых видеокарт, процессоров… Кислотная, неоновая эстетика на тёмном фоне, где всё светится-переливается. Я пытался передать это в дипломе. Очень долго обрисовывал верхний ползунок, хотел его сделать таким же светящимся.

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

Ещё мой сайт резинился — как ни растянешь, он перестраивается без пустых мест. Тогда это считалось офигеть каким классным. Я хорошо помню, как Артём Горбунов показывал мой сайт на защите. Ставил его в пример: «Смотрите, как он клёво резинится, вот так надо всем делать. А у вас в этом „Редимаге“ колонка статичная собрана — это фигня». Было приятно.

С другой стороны, Артём ругался на защите, что я хреново рассказываю. Видимо, я и сам по себе выступаю не блестяще, а на защите ещё и сказался контраст с другими участниками. Ребята показывали какие-то картины, кто-то натянул трос, чтобы по нему все ходили. А у меня ничего такого не было, просто сайт на проекторе. Не так ярко.

Почему проект закрылся?

У меня не было цели его поддерживать. Была цель попасть в бюро на работу — и я попал.

Уже тогда было требование к работоспособности диплома. На защите надо было рассказать, почему твой проект не закроется на следующий день. Но мой и не закрылся на следующий день. Он закрылся через год, когда истекла бутстрап-админка.

Кто-то им даже пользовался, но вряд ли много людей. Случайно из поисковика его было не найти — разве что перейти по ссылке с сайта бюро. Но мне два-три человека даже писали, что прикольно получилось. Предлагали добавить ещё какие-то штуки, советовали, что улучшить.

И как после диплома ты оказался в бюро?

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

Потом началась более интересная часть. Открыли старый баннер из «ЕнисейПрома» и стали обсуждать, почему я именно так его сверстал. Вместе прикинули, как его улучшить, чтобы стало выразительнее. Видимо, так Миша проверял, что я усвоил за время учёбы, способен ли я видеть ошибки в своих старых работах.

Сильно волновался, поэтому было не до Кемпа, никаких техник переговоров я не применял. И после этого собеседования меня взяли, с Артёмом Горбуновым даже не общался.

Продолжение
Константин Мозговой о работе в бюро.