ШАГ 5:
Завершить детальный дизайн первого лендинга
Описание шага
[Что делать] Доработай wireframe до full design: добавь цвета, шрифты, иконки, фото-заглушки. Сделай 3 версии (desktop, tablet, mobile).
[Как это работает] Полный макет готов к прототипу и клиенту.
[Ожидаемый результат] Первый завершенный лендинг в портфолио.
[Критерий готовности] Шаг выполнен, когда 3 артборда экспортированы в PNG/PDF с full детализацией.
Как выполнить шаг
1) [Подготовка] Открой wireframe + гайд.
2) [Действие 1] Примени цвета/шрифты к desktop.
3) [Действие 2] Добавь 5-10 иконок, 3 фото-заглушки.
4) [Действие 3] Сделай responsive: tablet 768px, mobile 375px.
5) [Проверка результата] Покажи другу — читаемо ли?
6) [Что дальше] Экспорт и переход ко второму лендингу.
Частые ошибки
1. [Перфекционизм на первом]: Тратишь неделю вместо 2 дней. Закончи 80% — итерации потом.
2. [Забывать анимации в прототипе]: Статичный дизайн устарел. Добавь hover/scroll эффекты.
3. [Не экспортировать версии]: Клиенты просят mobile. Делай все размеры сразу.
Полезные инструменты
Векторный редактор, библиотека иконок.
🎯 Цель с этим шагом
Создай 8 полноценных лендингов для портфолио. Получи навыки веб-дизайна, которые помогут брать заказы на фрилансе и расти в карьере дизайнера. Реалистичный план для начинающих с ежедневным прогрессом на 1%.
Подробнее о цели →