Сколько времени занимает первый собственный макет

Коротко: первый экран в Figma ребёнок собирает за 2–3 занятия, полную страницу с сеткой и адаптивом — примерно за месяц. Но на курсе UI/UX этот момент наступает не сразу: Figma в программе стоит на теме 21, а до неё идёт вёрстка. На младшем курсе первая готовая работа в Photoshop появляется уже к концу первого месяца.

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

Что считать «первым макетом»

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

Почему на курсе 12–18 Figma не с первого дня

Программа построена от страницы к макету, а не наоборот. Сначала ребёнок вёрстает: HTML, CSS, блочная модель, медиазапросы, Flexbox — двадцать тем. Потом приходит Figma (темы 21–22) и UX-исследования (тема 23). Логика простая: подросток, который руками свёрстал пять страниц, рисует макет, который реально собирается в браузере. Дизайнер без этого опыта проектирует то, что потом не работает на телефоне.

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

А если ребёнок младше

На курсе «Графика и дизайн» первый показательный результат приходит быстрее: обработка фото — тема 3, работа с текстом — тема 4, макеты и брендинг — тема 5. То есть уже к концу первого месяца у ребёнка есть готовая работа, которую можно распечатать. Визитка появляется на теме 25, логотип — на 28.

Что на самом деле съедает время

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

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

Три упражнения, которые ускоряют руку

Скорость в дизайне берётся не из спешки, а из повторяющихся действий, доведённых до автоматизма:

• Копия чужого экрана за 30 минут. Берётся реальная страница, и задача — повторить её как можно ближе. Здесь учатся видеть отступы и размеры, а не выдумывать.
• Один экран — три палитры. Тот же макет в трёх цветовых решениях. Выходит быстро, потому что структура уже готова, и хорошо показывает, как цвет меняет впечатление.
• Таймер на 15 минут. Задача — закончить хоть что-то за четверть часа. Результат намеренно несовершенный; смысл в том, чтобы снять привычку доводить первый блок до идеала, пока остальной экран пуст.

Сколько практиковаться между занятиями

Два часа в неделю вне занятий — нормальный объём для подростка, который параллельно ходит в школу. Важнее не количество, а равномерность: четыре подхода по полчаса дают больше, чем один вечер на два часа перед занятием. Рука запоминает интерфейс повторами, а не длительностью.

Младшим — меньше: двадцать-тридцать минут за раз, и желательно с конкретной задачей на этот раз, а не «потренируйся».

Как родителям увидеть прогресс, когда картинки ещё нет

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

• Появились слова «отступ», «выравнивание», «иерархия» — и употребляются к месту.
• Ребёнок начал замечать чужие интерфейсы: критикует приложение банка, сайт пиццерии, меню в игре.
• Спрашивает не «как сделать красиво», а «как сделать, чтобы не съехало».
• Показывает страницу, которая открывается по ссылке, — даже если выглядит она скромно.

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

Если ребёнок застрял

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

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

Первый месяц на младшем курсе — по неделям

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

Три вопроса о сроках

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

Ребёнок сделал первый экран за полтора часа. Это хорошо? Это нормально и ничего не значит. Значение имеет второй экран: если на него ушло меньше времени и он аккуратнее — движение есть.

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

Что входит в портфолио после курса, разобрано отдельно: «Что входит в портфолио после курса UI/UX дизайна в Figma». Общие сроки курса — в статье «Курс веб дизайна для школьников: сколько времени занимает».