42+ дня UI-практики. Задания на каждый день. И ресурсы для поиска новых заданий
Брось себе вызов. Прокачай свои UI-навыки за N дней.
Задания изложены максимально просто. Всего одно короткое предложение, которое дает волю вашей фантазии и просит выполнить одну простую задачу. НО! Делать это нужно каждый день в течение указанного срока. Если хотите больше практиковаться в роли UI-дизайнера, то бросьте себе вызов и выполняйте эти задания.
Необязательно выполнять их по порядку, и более того, даже необязательно выполнять одно новое задание каждый день. Можете растягивать одно задание на несколько дней, так как загруженность у всех разная, то отталкивайтесь исключительно от своих ощущений. Самое главное в этом челлендже - уделять время для практики каждый день.
Также! В конце списка я оставил ссылки на полезные источники. Настоятельно рекомендую ознакомиться с этими материалами, среди них есть и генератор UX/UI заданий и хорошие примеры уже выполненных заданий другими дизайнерами.
Ускорить процесс выполнения некоторых заданий вам поможет плагин: "html.to.design" (плагин позволяет пересобирать существующие сайты в макеты Figma).
Задания изложены максимально просто. Всего одно короткое предложение, которое дает волю вашей фантазии и просит выполнить одну простую задачу. НО! Делать это нужно каждый день в течение указанного срока. Если хотите больше практиковаться в роли UI-дизайнера, то бросьте себе вызов и выполняйте эти задания.
Необязательно выполнять их по порядку, и более того, даже необязательно выполнять одно новое задание каждый день. Можете растягивать одно задание на несколько дней, так как загруженность у всех разная, то отталкивайтесь исключительно от своих ощущений. Самое главное в этом челлендже - уделять время для практики каждый день.
Также! В конце списка я оставил ссылки на полезные источники. Настоятельно рекомендую ознакомиться с этими материалами, среди них есть и генератор UX/UI заданий и хорошие примеры уже выполненных заданий другими дизайнерами.
Ускорить процесс выполнения некоторых заданий вам поможет плагин: "html.to.design" (плагин позволяет пересобирать существующие сайты в макеты Figma).
Все задания:
- Создайте минималистичную страницу входа в систему по отпечатку пальца (можете взять за основу любой сервис, которым пользуетесь сами)
- Разработайте экран мобильного приложения с таймером медитации
- Сделайте страницу 404 для одного из последних 5 сайтов, которые вы посещали (и десктоп и мобильную версии)
- Разработайте экран мобильного приложения для бронирования индивидуальных фитнес-занятий у тренера
- Разработайте страницу приложения с каталогом аудио-заметок и фильтрацией
- Расширенная фильтрация в мобильном приложении агрегатора-новостей для персонализации контента в зависимости от предпочтений пользователя
- Страница чата в мессенджере с акцентом на конфиденциальность и шифрование данных
- Страница списка чатов в мессенджере с акцентом на конфиденциальность и шифрование данных
- Иконка мобильного iOS приложения для покупки книг
- Выберите приложение, которое вам нравится и которым вы часто пользуетесь, опишите, как вы можете изменить его дизайн и почему. Отобразите одно (или несколько) этих изменений на макетах.
- Дизайн калькулятора в визуальном стиле вашего любимого онлайн сервиса
- Таймер обратного отсчета на веб-сайте (скидки / запуск ракеты / или что-угодно другое)
- Простой Pop-Up с вводом email и кнопкой "Подписаться на рассылку" для вашего любимого веб-сервиса
- Онбординг мобильного приложения
- Интерфейс музыкального плеера с уникальным управлением
- Лендинг, посвященный вашему любимому девайсу, состоящий из 2-3 блоков
- Дашборд для отслеживания личных фитнес-целей
- Адаптивный компонент панели поиска (searchbar)
- Интерфейс онлайн-редактора документов
- Экспериментируйте с различными способами отображения оценок и отзывов о товарах
- Экспериментируйте с различными способами отображения уведомлений на онлайн-сервисе
- Панель инструментов для редактора фотографий
- Визуально привлекательная страница профиля пользователя в соц.сети
- Экспериментируйте с прогресс-баром мобильного приложения
- Сравнение ценовых планов продукта
- Редизайн интерфейса меню любимой игры (для любой платформы)
- Страница с ответами на вопросы (FAQ) в стилистике вашего любимого веб-сервиса
- Представьте мобильное приложение будущего любой тематики, как бы оно выглядело? Сделайте макеты двух экранов такого приложения
- Сделайте свою коллекцию иконок для главной страницы сервиса Airbnb
- Экспериментируйте со шрифтами на вашем любимом сайте / сервисе / приложении
- Создайте темную тему для 3 экранов вашего любимого сайта / сервиса / приложения
- Создайте небольшую библиотеку стилей в Figma и попытайтесь её задействовать
- Создайте дизайн (три экрана) будильника мобильного приложения для iOS
- Создайте дизайн (два-три экрана) удобного и простого календаря
- Разработайте панель управления (инструменты) приложения для чтения книг на планшетах iOS
- Разработайте панель инструментов приложения видеоплеера для iOS
- Создайте дизайн (два экрана) для приложения диктофона
- Разработайте экран дашборда с отображением состояния памяти на смартфоне и рекомендациями для удаления неиспользуемых файлов
- Разработайте два экрана приложения с трекером вашего местоположения (работаем с картами)
- Разработайте компонент (с разными вариантами состояния) элемента "Select" и/или "Input" в Figma
- Создайте один или два экрана сайта продажи вашего любимого продукта (авто / часы / смартфон / книга) // это задание можете повторить несколько раз с разными продуктами
- Разработайте два экрана сайта-блога: первый экран - список статей, второй экран - чтение статьи
Если мало предложенных заданий или нужны примеры с картинками...
То можете ознакомиться со ссылками ниже:
- Результаты 100 дней UI челленджа от Рича Макнабба
- Генератор UI заданий Sharpen // просто нажми на одну кнопку для генерации новых заданий; сайт полезен тем, что ориентирован на создание реалистичных дизайн-заданий (встречаемых на практике)
- Генератор UI заданий Designercize // здесь можно генерировать задания с выбором уровня сложности и установить таймер на выполнение задания