Серия сохраняет различия между пустой булочкой, сырной, ягодной и маковой начинкой.
О проекте
Задача
По изображению нельзя надежно определить, что находится внутри выпечки. Я начал с четырех явно составленных спецификаций и верстал названия только по ним.
Решение
Сделал название начинки главным отличием карточек. Короткая строка состава оставляет место для крупного названия, а масса и бумажный пакет стоят на одной линии во всей серии. В исходной раскладке начинка отделена от теста, поэтому изменения рецептуры можно пересчитать.
Результат
Собраны четыре карточки на 90, 110, 110 и 130 г. Сырная и ягодная позиции одинаковы по массе, но хорошо различаются по названию и составу. Общая сетка выдерживает и короткое название булочки, и длинное название рулета.
Что передано заказчику
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- checks.json
- style.css
- menu.svg
- specifications.json
Инструменты и подход
Навыки
Содержание 3
Готовая работа
Форма помогает найти свою выпечку
Порции весят 90, 110, 110 и 130 г. Я не приводил их к одному размеру на карточках только ради ровного ряда: разные изделия получили отдельные силуэты и горизонтальную композицию. Масса стоит рядом с названием, поэтому сходная цифра у двух позиций не превращает их в визуально одинаковый товар.
Разбор и материалы
Вклад и команда
Я подготовил четыре карточки выпечки с индивидуальными силуэтами, составом и массой порции.
Ссылки и материалы
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- verify.cjs
- checks.json
- style.css
- menu.svg
- specifications.json
- Пекарня: четыре изделия без выдуманной начинки — исходная таблица.csv
4 ситуаций для сравнения.
- Пекарня: четыре изделия без выдуманной начинки — проверка.txt
Критерии проверки этого решения.
- Пекарня: четыре изделия без выдуманной начинки — паспорт.json
Контекст, ограничения, решение и данные.
- Пекарня: четыре изделия без выдуманной начинки — инструкция.html
Как открыть и проверить рабочий разбор.
Загружаем комментарии…