Освоить UI дизайн 5 экранов приложения за 6 недель
Описание
Цель — спроектировать и оформить 5 UI-экранов полноценного приложения за 6 недель. Измеримый результат: Figma-файл с wireframes, high-fid прототипом и стилем-гайдом. Реалистично при 45 минутах в день: 1 экран в неделю + доработки.
Новички в UI тонут в теории, но не имеют проектов для резюме. Без практики не берут на junior-позиции, где требуют screens в портфолио — карьера стоит.
После ты покажешь работодателям реальный проект, возьмешь тестовые задания или фриланс по 10-20к за прототип. UI станет привычкой, откроются вакансии в IT-компаниях.
6 недель — стандарт: по курсам Dribbble, базовый проект занимает 30-40 часов практики. Мы разбиваем на шаги без перегрузки.
Нужен компьютер и бесплатный Figma. Навыки от нуля — начнем с wireframes.
Неделя 1: первый wireframe. Месяц: 3 экрана с цветом.
Почему это важно
Портфолио для IT-вакансий: 5 экранов — минимум для junior UI. Клиент мой получил оффер после подобного проекта, перейдя с маркетинга.
Фриланс-готовность: Прототипы apps востребованы, чек 15-30к. Начни зарабатывать параллельно работе.
Долгосрочный рост: База UI для UX, продуктового дизайна. Через год — middle-позиция +50% зарплаты.
Синергия с карьерой: UI полезен в маркетинге, стартапах. Увеличивает ценность резюме.
Психологический буст: От wireframe к про-экранам — рост уверенности, мотивация на большие проекты.
Шаги к цели
8 шаговОпределить структуру 5 экранов приложения
[Что делать] Выбери тему app (фитнес-трекер), перечисли 5 экранов: логин, дашборд и т.д. Нарисуй user flow. [Как это работает] Структура предотвращает хаос в дизайне. [Ожидаемый…
Создать wireframe экрана логин в Figma
[Что делать] В Figma: кнопки, поля ввода для логин-экрана по брифу. [Как это работает] Low-fid фокусирует на логике. [Ожидаемый результат] Первый wireframe. [Критерий готовност…
Разработать wireframes для оставшихся 4 экранов
[Что делать] 4 wireframe: дашборд, профиль и т.д. [Как это работает] Последовательность экранов. [Ожидаемый результат] Полный low-fid набор. [Критерий готовности] 5 артбордов l…
Подобрать цветовую схему и шрифты для app
[Что делать] 4 цвета + 2 шрифта, создай styles в Figma. [Как это работает] Система для consistency. [Ожидаемый результат] Design system база. [Критерий готовности] Styles panel…
Преобразовать wireframes в high-fid экраны
[Что делать] Добавь цвета, иконки, spacing ко всем 5. [Как это работает] Визуальный polish. [Ожидаемый результат] Красивый прототип. [Критерий готовности] 5 high-fid с анимацие…
Составить style guide для проекта
[Что делать] Документ: цвета, шрифты, компоненты. [Как это работает] Масштабируемость. [Ожидаемый результат] Профессиональный гайд. [Критерий готовности] Отдельная страница в F…
Записать кейс проекта с процессом
[Что делать] PDF: проблема, wireframes, final, уроки. [Как это работает] Storytelling для портфолио. [Ожидаемый результат] Кейс-стади. [Критерий готовности] 10-страничный PDF.
Опубликовать UI проект в портфолио
[Что делать] Загрузи Figma + PDF на платформы. [Как это работает] Привлечение внимания. [Ожидаемый результат] Цель достигнута! [Критерий готовности] 3 публикации.
Готовый набор: UI 5 экранов: UX + сетки + прототипы
Эта цель + привычки для максимального результата
Похожие цели
Начните путь к цели сегодня
Добавьте эту цель в свой план и отслеживайте прогресс каждый день
Начать бесплатно