Задача:
Сделать скетч-дизайн в FIGMA 2 страниц:
“ЗАДАЧИ”
“СВОЙСТВА ЗАДАЧИ”
- с группировкой по устройствам, страницам, элементам
- с разверткой по каждому компоненту: шрифт, цвет, разметка
- с режимом презентации (кликабельность)
Ограничения:
Шрифты: обязательны из брендбука
Цвета: белый, черный и оттенки, бирюза (по брендбуку) и оттенки, градиент для бренд-цветов.
Иконки: Должны быть унифицированы (один стиль).
На данный момент используются компоненты и дизайн Element Plus UI (
element-plus.org/en-US/re... Кроме того, мы используем базовый CSS Layout от Tailwind.
То есть: кнопки, таблицы и т.д. мы берем из Element, если что-то кастомизируем по дизайну, то используем Tailwind.
Данная задача является ТЕСТОВОЙ ПЕРЕД ВЫПОЛНЕНИЕМ ОСНОВНОЙ РАБОТЫ (ниже) на них будет создана дополнительная задача с другим бюджетом, по результатам работы с исполнителем.
ЭТАП 1:
Аудит дизайна и визуала (UI) в формате презентации (графика + Описание):
Ошибки дизайна интерфейса, например, неадаптированные элементы, кривая разметка и т.д.
Неудобные элементы (расположение кнопок,
“Кривой” дизайн
Предложения по улучшению визуала: как не нужно, как это может быть на примере нескольких “самых кривых” страниц и элементов.
ЭТАП 2:
1. Интерактивный проект-эскиз дизайна в Figma:
- с группировкой по устройствам, страницам, элементам
- с разверткой по каждому компоненту: шрифт, цвет, разметка
- с режимом презентации
Должен включать, но не ограничиваться следующими страницами:
Страница авторизации/регистрации
Главная страница
Шаблон для страницы КАРТА
Общий шаблон для страниц с картой (ПОЛЯ, подстраницы группы ПОЛЯ, МОНИТОРИНГ)
Шаблон для страницы ЗАДАНИЯ, МАШИНЫ, СЕВООБОРОТ, МАТЕРИАЛЫ, ПЕРЕДАЧА ДАННЫХ (табличный формат)
Дэшборд версия шаблона (Свойства задач)
Диалоговое окно или страница “Добавить новую компанию, новое хозяйство”
Окно дробара
2. Комплект иконок в формате SVG:
Для сайдбара и плиток: ПОЛЯ, ЗАДАЧИ, МАШИНЫ, СЕВООБОРОТ, МАТЕРИАЛЫ, ПРЕДПРИЯТИЕ, ПЕРЕДАЧА ДАННЫХ, МОНИТОРИНГ
Для обозначения в дереве “ПОЛЯ”: ОРГАНИЗАЦИЯ, ПОДРАЗДЕЛЕНИЕ, ПОЛЕ
Для обозначения типов машин: ТРАКТОР, КОМБАЙН, ОПРЫСКИВАТЕЛЬ (самоходный), ПРИЦЕПНОЙ АГРЕГАТ, НАВЕСНОЙ АГРЕГАТ
Для обозначения операций: БОРОНОВАНИЕ, КУЛЬТИВАЦИЯ, ПОСЕВ, ОПРЫСКИВАНИЕ, УБОРКА
Для обозначения культур: цветовая схема согласно списка
docs.google.com/spreadshe...