Типографическая композиция сохраняет заданный состав и отдельную зону переменных данных.
О проекте
Задача
У небольшого мыла мало места, но состав нельзя заменить красивым общим обещанием. Для авторского образца заданы только три компонента и масса.
Решение
Разделила два режима чтения: крупное название и масса на лице, состав и переменные данные на обороте. Узкие боковые полосы поддерживают серию коротким знаком. Мягкий цвет фона оставляет достаточный контраст темной типографике.
Результат
Четыре панели образуют последовательную композицию: лицо узнается издалека, оборот читается вблизи. Состав образца перенесен целиком, поля партии и даты имеют свободное место. Текст узких боковых полос подогнан под их реальную ширину.
Что передано заказчику
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- checks.json
- style.css
- layout.svg
- panels.json
- production-notes.txt
Инструменты и подход
Навыки
Содержание 3
Готовая работа
Узкие стороны работают вместе с лицом
Лицевая панель 75 × 45 мм удерживает бренд и 90 г, оборот 75 × 60 мм вмещает подробности, а стороны 25 × 60 мм продолжают волновой мотив. Я не пыталась поместить весь текст на маленькое лицо. За счёт распределения информации упаковка остаётся цельной при повороте.
Разбор и материалы
Вклад и команда
Я разработала комплект панелей мыла с иерархией названия, массы и служебных сведений.
Ссылки и материалы
- 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
Как открыть и проверить рабочий разбор.
Загружаем комментарии…