Как собрать портфолио дизайнера из учебных макетов: пошаговый план

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

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

Шаг 1. Проведите аудит всех учебных работ

Сначала соберите всё в одну папку. Не отбирайте, не оценивайте — просто выгрузите: макеты журнальных разворотов, брошюры, афиши, упаковку, лендинги, отрисовки сеток, варианты типографических экспериментов. Заодно подтяните исходники: файлы InDesign, PDF на печать, превью в PNG.

Дальше по каждой работе ответьте на несколько вопросов:

• Что это за носитель и есть ли у него реальный прототип — журнал, буклет, постер, меню?
• Была ли конкретная задача: привлечь внимание, уместить объём текста, выдержать фирменный стиль?
• Осталось ли что-то, чем вы до сих пор довольны — сетка, типографика, цветовое решение?
• Что бы вы сейчас сделали иначе?

Последний вопрос важнее, чем кажется: он показывает профессиональный рост и даёт материал для описания кейса.

Шаг 2. Отберите 5–8 макетов, которые складываются в одну историю

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

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

Что не стоит показывать

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

Шаг 3. Верните каждому макету контекст

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

Рабочая структура описания:

1. Задача. Что требовалось и для кого. «Сверстать 8-полосную брошюру для конференции по полиграфии, читатель — студенты и преподаватели».
2. Ограничения. Формат, бюджет, сроки, требования типографии, объём текста.
3. Решение. Какую сетку выбрали, почему такой шрифтовой парой, как работали с иерархией.
4. Результат. Показываете развороты, обложку, детали.

Даже если бриф придуман вами, честно обозначьте это как учебный проект — это нормальная практика, а не минус. Главное, чтобы задача была конкретной, а не «просто красивая брошюра».

Шаг 4. Доработайте макеты, но не переделывайте с нуля

Соблазн перерисовать всё заново велик, но он съедает время. Достаточно пройтись по техническому чек-листу — именно он отличает профессиональную вёрстку от студенческой.

Чек-лист перед публикацией

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

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

Шаг 5. Соберите презентацию под конкретные площадки

У одного и того же портфолио должно быть несколько версий. Для Behance — серия изображений с короткими подписями и крупными деталями. Для личного сайта — страницы-кейсы с текстом. Для отклика на вакансию — компактный PDF на 8–12 страниц, который открывается на любом устройстве.

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

Шаг 6. Добавьте «язык процесса»

Сильное портфолио показывает не только результат, но и ход мысли. Добавьте к двум-трём кейсам скетчи, варианты модульных сеток, поиск шрифтовых пар, отвергнутые версии обложки. Это не занимает много места, но сразу снимает вопрос «а он сам это сделал?».

Шаг 7. Покажите портфолио людям

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

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

Частые ошибки

• Публикация всего, что есть, без отбора.
• Отсутствие описаний — зритель не понимает, что именно вы сделали.
• Погоня за модными мокапами в ущерб показу самой вёрстки.
• Одна площадка вместо связки «сайт + PDF + соцсеть».
• Портфолио, которое не обновлялось год.

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