Проверить узнаваемый силуэт на экране и в одном цвете.
Дата выпуска кейса
РольДизайнер персонажа и системы интерфейсных состояний
ПроектКонцепция
О проекте
Задача
Фактура маскировала слабый контур, а заявление о малом размере не сопровождалось реальным экспортом.
Решение
Сделала новый векторный знак кота с двумя треугольными ушами. Для маленькой иконки оставила голову и корпус без текста; отдельно подготовила одноцветную систему состояний.
Результат
Приложены реальные экспорты 32, 64 и 256 пикселей и исходный SVG. Одноцветный лист позволяет оценить силуэт без фактуры.
Что передано заказчику
- Спецификация проекта
- Таблица исходных условий
- Шесть самостоятельных состояний · 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
Как открыть и проверить рабочий разбор.
Загружаем комментарии…