Здравствуйте!
Нужно отрисовать и доработать пакет из SVG-файлов схематичного изображения тела человека (вид спереди + вид сзади) для интерактивного интерфейса (определение площади поражения/ожогов). Изображения должны быть строго бесполыми (без первичных и вторичных половых признаков).
ЧТО НУЖНО СДЕЛАТЬ:
Доработать 1 существующий файл: В готовом референсе спины младенца (svg_baby_0-1/baby_back.svg) есть только контур. Нужно разметить и растянуть по границам тела 20 кликабельных анатомических зон с правильными ID.
Отрисовать 10 новых SVG-файлов + 10 PNG-превью: Для 5 возрастных групп (от 1 до 5 лет, от 5 до 10 лет, от 10 до 15 лет, от 15 до 18 лет, 18+ взрослый) по две проекции (front / back). Берем средний возраст, например, для группы от 1 до 5 лет – это будет 3х летний ребенок. Рисовать с нуля не нужно! Работа строится на изменении пропорций базового референса (уменьшение головы, удлинение ног) с сохранением стилистики и ID зон.
КЛЮЧЕВЫЕ ТРЕБОВАНИЯ:
Пропорции: Меняются по возрасту (у младенца голова ~1/4 роста, у взрослого ~1/7). Таблица анатомических пропорций дана в ТЗ. Важно: ориентируемся на визуальную анатомическую корректность, а не на подгонку площадей под проценты (расчеты процентов выполняются на стороне кода).
Сетка и координаты: viewBox строго 0 0 442 628 для всех файлов. Тело должно быть строго центрировано по горизонтали (допуск cx bounding-box: 220.0 ± 1.5 единиц), чтобы при переключении ракурсов и возрастов картинка не «прыгала».
Специфика зон: В отличие от младенца, у возрастных групп от 1 года и старше отсутствует зона памперса, а торс и спина разделяются крестом на 4 равных квадранта. На виде спереди под кистями рук должны быть отрисованы неизменные по координатам выноски подошв (sole_l, sole_r).
Код и структура: Валидный UTF-8 без BOM. Контур тела — строго один <path class="body"> без трансформаций. Каждая зона — это группа <g id="точный_id"> с одним <path class="zone"> внутри. Никаких оберток с transform или matrix.
Стиль: Строго по референсу (цвета, прозрачность rgba(100,180,255,0.12), пунктиры stroke-dasharray="3,2", толщина линий 1px и 0.6px). Это техническая схема, а не художественный арт.
ЧТО Я ПРЕДОСТАВЛЮ:
Полное подробное ТЗ (в формате Markdown) со всеми таблицами пропорций, точным списком ID зон для front/back и критериями приемки.
Готовый эталонный референс (baby_front.svg и заготовку baby_back.svg) — основу для вашей работы.
ПОРЯДОК РАБОТЫ:
Шаг 1: Вы дорабатываете зоны для baby_back.svg и создаете первую новую пару для возраста 1 год (front + back). Присылаете на проверку. Мы утверждаем пропорции, попадание в центр viewBox и структуру кода.
Шаг 2: После апрува первой партии — вы делаете остальные 4 возраста.
Шаг 3: Финальная сдача (архив с папками, внутри которых 11 SVG и 10 PNG).
НАВЫКИ:
Уверенная работа с векторной графикой (Illustrator / Inkscape / Figma).
Понимание внутренней структуры SVG (координаты, path-команды, отсутствие мусорного кода после экспорта).
Исключительная аккуратность к ТЗ (не менять ID зон, не сдвигать координаты выносок подошв).
Используем ТОЛЬКО Adobe Illustrator!
При отклике, пожалуйста:
Подтвердите, что внимательно прочитали требования и готовы работать строго по детальному ТЗ.
Покажите 1–2 примера ваших SVG-работ (схемы, интерфейсы, иконки, где важна точность кода).
Укажите ориентировочные сроки на выполнение всей работы.
Буду рад сотрудничеству!