Дизайн

Как я стал мидлом за месяц. Обзор на дизайн-интенсив Миши Розова (в картинках)

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

Предыстория

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

1_5i1BA2f6wNS2KbsokQRV_A

И вот я уже пошел ресерчить сайты студий, как вдруг…

1_s0eSYjfC9bROReYH-VKspQ

(прошу прощения за коряво написанную фамилию Димы Барбанеля)

Вас когда-нибудь кастдевил потенциальный работодатель? А теперь представьте моё удивление, от такого поворота!

Я всегда с некоторым недоверием, или даже опаской, смотрел на всякого рода онлайн курсы. Ну вы знаете, эти девочки и мальчики, которые гарантируют вам стажировки в больших компаниях если вы прослушаете 40 видео-лекций записанных 2 года назад. Но я решил вписаться! Меня подкупило, то что и для организатора, и для я участников это был эксперимент и точно никто не знал, чем всё закончится. Плюс к этому, формат предполагал интенсивную практическую нагрузку под личным руководством организатора, а не прослушивание очередных лекций про Баухаус и Дитера Рамса. И вообще, быть первым в каком-то движняке, довольно прикольно. Хотя не буду скрывать, что изначальный порыв Миши, с которым он начал «впаривать» свой курс, сбил меня с толку.

К слову, тестовое задание я выполнил «ну на троечку», тут ничего интересного.

Интенсив

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

Кратко:

  1. Встречаемся онлайн 2 раза в неделю (понедельник и четверг);
  2. После каждого занятия делаем домашки;
  3. Результаты обсуждаем в общем чатике; Самое крутое — идет в тг-канал интенсива;

Первые занятия проходили целиком в фигме. У каждого из нас был файл в котором мы работали. В файле под каждое занятие была отдельная страница. Каждый участник заранее пошэрил Мише доступ к файлу, чтобы он мог туда заходить и делать свои замечания. У него тоже был отдельный файл, в котором проходили занятия. На занятиях он шэрил свой экран и показывал «че да как» работает.

1_2iUyRzwFS3oeC8MHvd8iLQ

Файл в котором проходили занятия

Первое занятие

1_wh4kXRCX4TMu_WfuNRuGng

Первое занятие было посвящено стилизации. Задача выполнялась онлайн. Миша заходил лично каждому в фигму и начинал разносить. Поэтому каждый видел и слышал, как тупит его товарищ. Поначалу тупили все и очень много. То размер экрана выберут не тот, то начнут скрещивать рефы. Я например, начал тупо перерисовывать экран страницы Apple. Мне повезло, что я вовремя подглядел, как Миша разносит остальных, и начал делать то что нужно. В последствии, это меня ни раз выручало. Смотришь на ошибки остальных—исправляешься сам.

1_8MeWdaCOTP4eqsAzhBlvfwВот такой результат у моей первой работы. По иронии, моя последняя работы рифмуется с первой.

Во время выполнения этого задания мне открылся инсайт, что это супер простая деятельность, которая круто прокачивает тебя. И как тупо, что я раньше до этого не додумался, хотя вроде все говорят: «КОПИРУЙТЕ ЧУЖИЕ РАБОТЫ, РАБОТАЙТЕ С РЕФАМИ».

Домашка: на глаз скопировать сетку из двух макетов и по ней расставить те же элементы.

1_yXJUB6vFx3Ry_atdAuVlig

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

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

Второе занятие

На втором занятии была куча материала. Но это полбеды, после занятия, на нас упало целых ШЕСТЬ заданий, которые нужно было сделать к вечеру понедельника.>>В этот момент я почувствовал всю ИНТЕНСИВНОСТЬ <<Удивительно, но стыд и нежелание быть публично разнесенным Мишей оказались отличным мотиватором. Не хочешь опозориться — вкалываешь и превозмогаешь. (важно упомянуть, что я говорю про себя, и не знаю о внутренней мотивации других участников).Какие были задания на выходные:

  1. сделать стилизацию страницы с айфоном по рефу;
  2. сделать динамичную и статичную композицию;
  3. нарисовать иллюстрацию по фитографии;
  4. нарисовать тулбокс в изометрии;
  5. сделать дизайн страницы Porsche
  6. вместе с одногруппниками, сделать изометрический город

1_mBSU-Jl-KdgdW_CI0oIorw

Второстепенные задания, которые забрали у меня примерно день работы

Порше

По порше задание было примерно такое: надо взять 2 рефа и по ним стилизовать реальную страницу по выбору машины со всеми имеющимися элементами.

1_07mfGJngITBuBKkoQkX_1A

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

1_9PAKmE8IIftJbWLXHXrGdw1_9PAKmE8IIftJbWLXHXrGdw

Страница выбора машины

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

1_I3k88vQShUw_PjX7ZaUyrQ

С такого ужаса я начинал 🤢

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

1_PR9abm07cSuwpmzi3R0HOg

Он показал, где мой макет корявый и как это исправить

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

1_Wo4qhzSZyNBz4phoYGxsOA

Такая страница получилась у меня в конце (сидения и машину мы рисовали в фигме)

Изометрический город

1_4dQnrDeTtaAcIzDyPaJBVw

Реф для города

Задание: делаем себе изометрическую сетку и по ней, всей группой, рисуем город. Хоспаде, кажется в этот момент интенсива я начал страдать. Ибо масштаб работы никак не соответствовал объему времени.

Отдельной болью было решить в группе, какой город выбрать, какие цвета, дневной или ночной и пр.

1_hjoMoo2R0sm0Uw41kHSNAA

В конечном счете, надо просто начать делать. По ходу, определили так: я делаю сетку, ребята начинают рисовать дома, а я в это время делаю карту города.

1_y1de2d79eoLYKmSJYXBwLg

1_YN7Dx-oVXf0Vbw3mv3Z5aA

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

1_3jVq0L9DZS9kjk-m2WPjMw

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

1_0cHB0zgWEN0b_SwGrwdgBw

Финальный вариант города

Букинг

Задние было таким: вот вам страница Букинга, выберите себе реф для верстки, реф для иллюстрации и соберите дизайн. Сначала, я подумал, что после работы над порше я все быстро сделаю и не буду тупить. КАК БЫ НЕ ТАК!

1_t9tD01vphTrTiJMwkiNTJw

Эту страницу надо было переделать

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

1_N55_D09BfwqKQmEY5yfK1g

Первый набор рефов

1_gVROIa141bCLBrJkU5T6iQ

Мои попытки сделать что-то вменяемое

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

После четвертого занятия, которое было посвящено разбору работ по букингу и 3D сетке, я понял, что ботлнэк моей работы, это рефы. Поэтому я пошел на Беханс собирать еще рефов. Примерно через 4 часа ресерча получилось что-то вменяемое.

1_De2DzuJahqNKGsdUnXz9_Q

Второй набор рефов

Это сильно помогло. Я заново собрал макет, поменял сетку и элементы интерфейса, черный цвет оставил (потому что 🖤)

1_3CiCz-JznlKlrqwt2VgZbA

Хорошо, но как-то пусто

Следующая проблема —иллюстрации. Моя вечная боль. Я, как и многие могу взять фотку и по ней сделать набросок иллюстрации. Даже больше, я могу сделать набросок карандашом и по нему сделать иллюстрацию, но 1. это вызывает у меня неистовую боль 2. на это уйдет какое-то огромное количество времени.

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

1_vu_lZnh6XrNtuy40BSgr0w

Спустя 5 часов, я понял, что времени у меня мало, а на эту иллюстрацию я потрачу еще часов 10. Потому решил искать альтернативные варианты. Решение пришло из предыдущих заданий! Я подумал: «Почему бы и не впихнуть в макет изомерию, с которой дела у меня сильно лучше?»

1_dOyZ2C_Ae2yNmnVGWYqmJw

1_Gs4RcoGUgZ9JxM4wMtdPfw

Стало лучше, но все еще нужны иллюстрация на первом экране

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

1_GgrX7XWDTHSQcqGvvZfXyg

проорал в голос с этих комментов 😂

1_EUQxJ1LdnjGmryi1S9lScw

Здесь Миша показал, как можно поставить уже имеющиеся элементы, чтобы стало хорошо и какие цвета взять для иллюстрации

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

1_4ooi0tuVcb8DOQVGQNmoCg

Финальный вариант

3D Icons

Пятое занятие было посвящено 3D иконкам. Миша показывал, как пользоваться Cinema 4d. Домашка была такой: вот вам реф, нужно сделать иконки в тридэ, чтобы там были приятные материалы и геометрия.

1_QDqdxkxiWUcOGG878FfTkw

Реф для иконок

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

1_sFP3zu14hClBjpX547z3mg

Результат недельной возни с туторами

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

В первом подходе я собрал какую-то дичь.

1_QDKQKqrExh4x_DlKvzczkQ

В один момент, на разбор работ на занятиях стало не хватать времени + синема не фигма, там онлайн не поработаешь. Поэтому Миша начал записывать скринкасты с фидбэком.

Что я важного понял на этом этапе — работа в синеме это всегда эксперимент. У тебя есть задача и набор гипотез, а дальше ты просто пытаешься их применить и смотришь, что получается. Изменил интенсивность цвета — рендер, изменил бамп—еще рендер; и так пока в голове не прозвучит: «КААААЙФ».

1_NTkcjXZFD0M-rU4GyVDWSQ

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

1_PcaoxfQ2_N0A2_Z0msJZmw1_Cruffkq3CuYQ3seKRIHlBQ
В итоге, мой метод проб и ошибок, привел меня к такому результату:
1_MU8_wlRiyrVdTC-qaliVQQ
1_Y_zyOxUQ3DnTOYOOh7zVZA

Сервис / Что вы знаете о боли?

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

Работа по сервису была поделена на этапы:

  1. Сначала выбираем сервис из списка возможных, либо выбираем по своему усмотрению и согласовываем выбор;
  2. Затем делаем user flow map (cjm другими словами). Здесь мы выдумываем какую-нибудь боль (желательно глупую и абсурдную) и описать экраны сервиса и они помогают пользователю в устранении его боли;
  3. Делаем прототип сервиса. Тупо черновой вариант с функционалом (я слишком поздно дошел до этой мысли);
  4. Делаем дизайн сервиса. С иллюстрациями, тридэхами и иконками;
  5. Делаем адаптив под мобилки;
  6. В конце, анимируем все это дело

Ссылка на подробное описание задания.

Напомню, что одни задания появлялись раньше, чем заканчивались другие. Поэтому я доделал иконки и потом уже перешел к сервису. Я выбрал из списка сервисов несколько претендентов и начал накидывать идеи для user story. Я решил, что выберу сервис по наиболее крутой идее.

Основной принцип придумывания историй был в том чтобы отказаться от реальности и адекватности «боли» и задать вопрос «А что если..?» Здесь особой сложности не было, поэтому я накидал стори буквально за часик раздумий.

1_n-NTohmZoOSlFjsHlBGVrw

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

1_vqjOr0PeUSrjUMsNZrUC2g

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

В итоге, я выбрал user story: «Хочу выложить свой профиль на сервис, и ничего не искать». Это была идея прикрутить к сервису Локалс механику тиндера. Мол свайпаешь квартиры, лайкаешь и тд. Юзер флоу я накидал довольно быстро. Впоследствии он стал сильно меньше.

1_VRekhhpCewduurzbK9MZng

Последняя итерация

По скорости работы мне казалось, что сервис я сделаю довольно быстро и буду кайфовать. Но я, опять, оказался не прав. (Кажется, из моей истории можно сделать вывод, что я либо инфантильный, либо оптимист, возможно оба сразу).

На прототипе я завис очень сильно. Чтобы накидать 6 экранов у меня ушло 40 часов. Для такой задачи это очень много! Я постоянно выдумывал какую-то хрень, потом показывал ее Мише и он разносил меня. Как оказалось потом, надо было «ТУПО СДЕЛАТЬ ПРОТОТИП», а я место этого пытался добавить в него ✨дизайн✨.

1_yHa2y-8oiC7L_eeaEkXhUA

В один момент я начал уж было думать, что все плохо

«Джуниоры остаются джуниорами потому что они ссут!»

.

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

Примерно на 2 занятии, когда мы проходили сетку, Миша показывал козырные работы, где элементы были неаккуратно выровнены и сказал: «Вижу такое, сразу джун!». Потом эта фраза использовалась еще чаще. По ее мотивам один из участников даже сделал стикерпак.

1_1bBtKeQYafKO_8Pq-M6nHw

Это конечно внутряки, и многим будет непонятно, но я до сих пор ржу. https://readymag.com/smodel/1816300/

Спустя две итерации правок, я доделал свой прототип сервиса. На остальные этапы у меня осталось 5 дней.

1_07NqlYogTzoQYp8Sfs_bAw

Финал прототипа

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

1_02mnBYpYJUcu-JRH3Sb5cw

1_Ib41k9sYRcibPnR2ILylmQ

Поворотный момент всего интенсива кмк

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

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

1_LxMSP91a9rvS57OOMTYKig

На тот момент в Россию только-только пришел 👑🦠 и все побежали скупать гречку

В воскресенье вечером, у меня был готов дизайн сервиса, но не были готовы тридэхи для него, адаптив и анимация. В 10 утра Миша выгружал наши работы к себе, и все, ничего уже не добавишь. Я надеялся, что если успею сделать тридэ за 3 часа, то времени хватит еще и на анимацию с адаптивом (и все же я наивный человек, ага).

1_Zu-_WGhOlwNXbSWtw_d5IQ

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

Полностью на мой сервис, можно посмотреть на бехансе.

1_SVD8LBYaPQhjX_N1C3B_Wg

На этом интенсив закончился.

Выводы

Интенсив оказался мои первым опытом онлайн-образования. И это был полезный опыт. Мне кажется, что лучшее сравнение для этого опыта, это интенсивные тренировки. Целый месяц ты живешь в напряжении на пределе своих возможностей. Но после того как эта тренировка заканчивается, ты чувствуешь себя сильнее в 10 раз. Если вы когда-нибудь занимались кроссфитом, то поймете меня. И именно поэтому такой формат подойдет не всем. Кому-то не хватит времени из-за работы, кому-то не хватит воли чтобы дойти до конца.

Кто такой мидл? Для себя, я понял, что мидл-дизайнер это не супер гуру, это тот, кто умеет пользоваться инструментами, не косячит и не просить помощи у арт-дира каждые 10 минут. Именно с такими параметрами можно идти по студиям и предлагать себя.

Инсайты:

  1. Когда делаешь что-то, делай до того момента, пока в голове не произнесешь: «ВАУ». Потом сделай паузу, и посмотри снова, если ВАУ осталось, значит работа хорошая.
  2. Порой, не нужно часами сидеть и выдумывать идеальную концепцию для своей работы. Лучше сесть и начать делать. Вносить коррективы по ходу, что-то исправлять, менять, но делать.
  3. Есть задачи, при которых нужно свое эго засунуть поглубже и просто выполнить задачу.
  4. Фигма отличный инструмент для онлайн-образования! Достаточно чуть-чуть прокачаться и можно удобно все объяснять и показывать. И никаких презентаций в пауэрпоинте не нужно делать.

Советы тем кто захочет на интенсив

  1. Если работаете — возьмите отпуск, времени будет дико не хватать;
  2. Если не любите много работать и напрягаться, это не для вас;
  3. Если ты не определился «Какой ты дизайнер?» попробуй поучаствовать, многое про себя поймешь. Может быть ты поймешь, что дизайн это не твое, что тоже ок. Но как мне кажется, лучше понять это за месяц, чем за несколько лет;
  4. Не бойся задавать глупые вопросы и переспрашивать, если не понял. Ты заплатил за это деньги, имеешь право;
  5. Будь самостоятельным! Попробуй решить задачу своими силами прежде чем спрашивать у других (это вообще совет по жизни).

Что после?

По результатам интенсива мне присудили грейд мидла.

1_sdzkNkBnzBj6cUfdjDEuLA

Работы всех участников — https://www.behance.net/wannabelike

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

Для меня же самым приятным было получить это сообщение

1_PQ_EtoLUni0sdIBN0JBdZQ

Теперь я работаю в PINKMAN и уже применяю навыки полученные на интенсиве.

Источник: ДизайнКабак