Обечайка и оборот называют ровно тот комплект, который задан в спецификации.
О проекте
Задача
В визуализации набора легко добавить симпатичный ластик и случайно изменить товар. Я привязала все панели к одной строке комплектности.
Решение
На лице поставила крупное «1 + 3», а на обороте раскрыла комплект словами. Боковые панели продолжают короткий ритм названия. Такая иерархия помогает сначала узнать серию, затем быстро проверить количество предметов.
Результат
Обечайка состоит из двух больших и двух боковых панелей. Комплект читается двумя способами: коротко «1 + 3» на лице и подробно «один блокнот, три карандаша» на обороте. Размеры каждой панели и безопасные поля сохранены в SVG.
Что передано заказчику
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- checks.json
- style.css
- layout.svg
- panels.json
- production-notes.txt
Инструменты и подход
Навыки
Содержание 3
Готовая работа
Крупное 1 + 3 раскрывается на обороте
Лицевая сторона 150 × 210 мм строится вокруг одного блокнота и трёх карандашей. На обороте числа получают прямые подписи, а исключение ластика остаётся читаемой строкой состава. Такая иерархия делает счёт частью композиции и помогает не дорисовать в набор привычный, но отсутствующий предмет.
Разбор и материалы
Вклад и команда
Я разработала упаковку канцелярского набора и отразила точный состав на лицевой и оборотной сторонах.
Ссылки и материалы
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- verify.cjs
- checks.json
- style.css
- layout.svg
- panels.json
- production-notes.txt
- Канцелярский комплект: обечайка для блокнота и трех карандашей — исходная таблица.csv
4 ситуаций для сравнения.
- Канцелярский комплект: обечайка для блокнота и трех карандашей — проверка.txt
Критерии проверки этого решения.
- Канцелярский комплект: обечайка для блокнота и трех карандашей — паспорт.json
Контекст, ограничения, решение и данные.
- Канцелярский комплект: обечайка для блокнота и трех карандашей — инструкция.html
Как открыть и проверить рабочий разбор.
Загружаем комментарии…