Дать родителям спокойного помощника для чтения характеристик.
Дата выпуска кейса
РольДизайнер персонажа и системы интерфейсных состояний
ПроектКонцепция
О проекте
Задача
Персонаж отвлекал от выбора, если разыгрывал сцену с ребёнком или подменял рекомендацию весёлым жестом.
Решение
Нарисовала шесть состояний лиса и привязала их к трём действиям: сравнить размер, выбрать вариант и открыть инструкцию. В сообщениях нет оценки ребёнка или обещания универсальной пригодности.
Результат
Система работает на заполненной карточке выбора. Герой поддерживает текст, а конструктивная информация остаётся главным элементом.
Что передано заказчику
- Спецификация проекта
- Таблица исходных условий
- Шесть самостоятельных состояний · SVG
- Шесть самостоятельных состояний · PNG
- Применение в сообщениях · SVG
- Применение в сообщениях · PNG
- Одноцветная проверка силуэта · SVG
- Одноцветная проверка силуэта · PNG
- Персонаж · SVG
- Персонаж · 32 px
- Персонаж · 64 px
- Персонаж · 256 px
Инструменты и подход
Навыки
Дизайн персонажаСистема состоянийИллюстрацияВизуальные правила
Содержание 3
Готовая работа
Что можно проверить
| Состояние | Назначение |
|---|---|
| Привет | Первое знакомство |
| Подсказка | Помощь с действием |
| Ожидание | Процесс ещё не завершён |
| Сравнение | Сопоставление данных |
| Выбрано | Подтверждённый итог |
| Уточнение | Требуется исправление |
Разбор и материалы
Вклад и команда
Шесть векторных состояний, экран применения, одноцветный лист и экспорты иконки 32/64/256 px.
Ссылки и материалы
- Спецификация проекта
- Таблица исходных условий
- Шесть самостоятельных состояний · SVG
- Применение в сообщениях · SVG
- Одноцветная проверка силуэта · SVG
- Персонаж · SVG
- Лис каталога: размер, вариант и инструкция — исходная таблица.csv
6 ситуаций для сравнения.
- Лис каталога: размер, вариант и инструкция — проверка.txt
Критерии проверки этого решения.
- Лис каталога: размер, вариант и инструкция — паспорт.json
Контекст, ограничения, решение и данные.
- Лис каталога: размер, вариант и инструкция — инструкция.html
Как открыть и проверить рабочий разбор.
Загружаем комментарии…