Задача: Верстка макетов в Figma по скриншотам с адаптивностью
Имеется набор готовых веб-страниц, представленных в виде скриншотов. Основная цель - аккуратно воссоздать их в Figma, а затем подготовить адаптивные версии для разных устройств.
Объем работ
- Основные страницы: В проекте уже есть полностью собранные страницы в Figma.
- Дополнительные страницы: Есть 6 дополнительных страниц, элементы которых предоставлены в виде скриншотов. Их необходимо перенести и собрать в Figma с нуля.
Требования к результату
1. Создание фреймов в Figma:
- Точно отрисовать все 6 дополнительных страниц на основе предоставленных скриншотов.
- Соблюсти пропорции, шрифты, отступы и расположение всех элементов интерфейса.
- Организовать фреймы и слои логично и аккуратно.
2. Разработка адаптивных версий:
- Для каждой созданной страницы (включая уже имеющиеся) необходимо сделать две дополнительные версии:
- Версия для планшета (Tablet).
- Версия для мобильного устройства (Mobile).
- Адаптивные макеты должны быть функциональными, сохранять удобство использования и визуальную целостность на меньших экранах.
Итоговый результат
В финале должен быть предоставлен полный, структурированный файл Figma, содержащий все страницы сайта в трех разрешениях (десктоп, планшет, мобильное устройство), готовый к передаче в разработку.