1. Общая информация о задании
Необходимо вручную перерисовать (manual redraw - not auto-traced) иконки (house + map pin) на основе предоставленных PNG-референсов.
Референсы предоставляются только как визуальный ориентир.
Финальные файлы должны быть clean, lightweight SVG, оптимизированные для использования в web-приложении с интерактивной картой (Mapbox).
⚠️ Это НЕ:
Это precision vector redraw для продуктового UI.
2. Объем работ (ОБЯЗАТЕЛЬНО)
2.1 Иконки map pin (2 состояния)
Необходимо создать два состояния одной и той же иконки:
Active pin
Inactive pin
Требования:
Однаковая форма
Однаковая геометрия
Разница только через muted treatment:
Inactive pin должен выглядеть намеренно и on-brand, а не как дефолтно “disabled”
2.2 Иконка дома (2 состояния)
Необходимо создать два состояния иконки домика, согласованные с логикой map pins:
Active house icon
Inactive house icon (muted)
Требования:
Та же геометрия
Та же форма
Без изменений структуры иконки
Inactive состояние достигается исключительно через цвет / контраст
Стиль и логика должны соответствовать inactive map pin
❗ Это НЕ редизайн, а state variation.
3. Требования к вектору (КРИТИЧЕСКИ ВАЖНО)
3.1 Геометрия
Ручное рисование (Pen Tool)
Минимальное количество anchor points
Чистые Bézier-кривые
Консистентные радиусы
Аккуратные, контролируемые формы
❌ Запрещено:
3.2 SVG-структура
SVG должны быть:
SVG должны:
Корректно рендериться в браузере
Работать стабильно в Mapbox
Масштабироваться без артефактов
3.3 Оптимизация под малые размеры
Иконки должны быть читабельны на:
Если определенные детали не читаются:
👉 их нужно упростить или перестроить, даже если они присутствуют в референсе.
4. Цвета
Ориентация на цвета из референсов
Допускаются незначительные коррекции для улучшения читабельности
Active / inactive состояния должны четко отличаться
5. Финальные deliverables
Обязательные файлы:
house-active.svg
house-inactive.svg
pin-active.svg
pin-inactive.svg
Требования:
6. Критерии приемки работы
Работа принимается, если:
SVG чистые и оптимизированные
Иконки читабельны на малых размерах
Визуальная идентичность сохранена
Файлы готовы к продакшену без доработок
Максимально чистая SVG-структура (удобно для разработчиков)
Согласованная логика inactive состояний между pin и house
Аккуратное выравнивание и оптический баланс форм