Задание: UI/UX дизайн. Разработка макета страницы конструктора вёрски слайда (figma) (Дистанционная работа)
1. Необходимо разработать страницу редактирования слайдов альбома и всех панелей этой страницы (разработать макеты для веб-сервиса) "Альбом развития ребенка" - один раздел из сервиса, позволяющего родителям создавать персонализированные альбомы развития для своих детей.
Основные возможности сервиса
- Создание и управление альбомами.
- Добавление, удаление страниц альбома
- Редактирование страниц (слайдов) альбома:
- Добавление фотографий и текстовых записей на страницы альбома.
- Добавление стикеров и других графических элементов на страницы альбома.
- Перемещение, масштабирование и вращение объектов на страницах альбома.
- Поддержка разрешений под мобильные устройства для удобного доступа к сервису.
2. Страница редактирования слайдов альбома
Страница редактирования альбома
- Переключение по слайдам альбома (как в PowerPoint).
- Добавление новых страниц.
- Удаление страниц.
- Управление содержимым страницы (размещение фотографий, текста, стикеров (svg) из панели стикеров).
- Панели управления (см ниже)
3. Панели и элементы управления
Панели инструментов должны отображаться на странице редактирования альбома
3.1 Панель инструментов
Панель инструментов должна быть вертикальной
- добавление простых фигур: квадрат, круг
- изменение цвета выбранного объекта
- изменение шрифта и его размера
3.2 Левая панель
- Список слайдов альбома
- Добавление слайда
- Удаление слайда
3.3 Панель виджетов
- Панель со списком стикеров и других графических элементов.
- Фильтры по категориям изображений.
- Возможность перетаскивания стикеров на страницы альбома.
4. Технические требования
- Сверстать макеты в Figma. Необходимы макеты следующих страниц:
• Страница списка альбомов
• Страница редактирования альбома.
- Верстка макетов должна быть адаптивной и поддерживать разные разрешения экранов (для веб-сервиса десктопной версии и вариант адаптации под мобильную версию)
- Все основные элементы, требующие относительного позиционирования должны быть обёрнуты в auto layout. Абсолютное позиционирование не допускается кроме случаев, если этого требует идея UX (например, панель инструментов может быть перетаскиваемой пользователем)