Что если прокачивать UI 60 дней? Ты со мной?

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

История начинается с рассказа о том, что есть некий мастер художественного искусства, чьи работы подтверждают его величие. Также за его имя говорят его ученики, успешно прошедшие весь путь от принеси подай, до собственных искусных работ. Так вот обучение у мастера проходило следующим образом. Приезжает молодой ученик к мастеру и первое время ничего не делает, его задача внимательно смотреть как мастер работает над своими произведениями. Следующий этап теория и практика с материалами и инструментами. Успешно прошедшие переходят еще выше, где помогают мастеру с материалами, но пока они не имеют права прикоснуться к его работе, только после упорной работы мастер дает право дорисовывать его произведение своим ученикам. После десяти лет, мастер говорит, «Я передал тебе все свои знания, мне нечем тебя учить». Вот теперь ученик готов создавать свои произведения.

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

LVL1

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

LVL2

Выбираю работы для копирования. Когда я нашел мастеров, чей UI я хочу повторить, перенять, понять, дело за поиском понравившихся работ. Использую Behance и Dprofile, открываю клевый кейс и делаю скрины интересных моментов, затем все скрины переношу в Figma. 

LVL3

Приступаю к практике. Все нужные скрины крутых работ собраны в Figma, можно приступить к практике. Для удобства разделил и отсортировал скрины для WEB и Mobile app, чтобы легче концентрироваться на определенной среде проектирования. Механика проста, попробую на пальцах описать алгоритм:

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

LVL4

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

1.  Беру понравившийся шот с Dribble и накидываю идеи текстом на то, что лезит в голову.
2. Если идеи вообще не прут, тогда ищу схожие шоты по тематике и собираю их в Figma. Потом могу совместить несколько шотов в один и получается что-то новенькое.
3. Не боюсь пробовать тупые идеи, не боюсь развить идею и если она не выстрели-пофиг, главное руку набить в этом деле.
4. Завершением челленджа стал конкурсный кейс PYROBATTLE.

Итоги челленджа «60 дней UI»

1. Перешел от теории к практике
2.  Поборол страх «чистого листа»
3. Оживил Dribble, опубликовал 14 шотов, такой продуктивности не было никогда)
4. Попробовал новые стили
5. Сдвинулся с мертвой точки и немного прокачал UI.
6. Заложил фундамент для дальнейшего буста
7.  Все это без СМС и регистрации)