Геймификация для дизайнеров — VOL. 2

Мы в REB8T делаем цифровые продукты, геймифицируем сервисы и превращаем обучение в увлекательные симуляции. Делимся кейсами с метриками, процессами и визуалом, а ещё практическими гайдами — от ChatGPT-анимации и mini app до Tilda/Shopify. Здесь только то, что можно применить завтра — честно, по делу и с любовью к деталям.

геймификациядизайнColor Method

Геймификацию и дизайн — это, чем славится REBOOT. Презентуем вторую часть подборки интерактивных сайтов, которые помогают прокачивать дизайн-скиллы

  • Color Method

    Тренажёр для прокачки чувства цвета. Игры на подбор оттенков, создание гармоничных палитр и работу с цветовым кругом. Развивает насмотренность и помогает лучше понимать, как цвета работают вместе

  • It's Centred That

    Простая, но коварная игра. Вам показывают фигуру с точкой, а вы отвечаете: в центре она или нет? Точка может быть в миллиметре от центра, а фигуры — несимметричными. Тренирует глазомер и чувство композиции

  • User Inyerface

    Добро пожаловать в ад UI-дизайнера. Вам нужно просто заполнить форму регистрации, но это превращается в настоящий кошмар. Здесь собраны все антипаттерны плохого дизайна: запутанная навигация, кнопки-обманки, неочевидные интерфейсы. После этой игры вы точно будете знать, как НЕ надо делать

  • Boolean Game

    Игра на работу с булевыми операциями. Учит понимать, как фигуры взаимодействуют друг с другом: объединение, вычитание, пересечение. Must-have для тех, кто работает с векторной графикой

Экран игры It's Centred That: светлый фон, прямоугольник с точкой и эмодзи-метками, задача определить центр фигуры — минималистичный интерфейс тренажа.
It's Centred That — игра на определение центра формы.
Интерфейс Color Method: большой цветовой круг и элементы управления для подбора гармоничных палитр и тренировки чувства цвета на светлом фоне.
Color Method — тренажёр для подбора палитр и работы с цветовым кругом.
Экран User Inyerface: ярко-синий фон, заголовок 'User Interface' и крупная кнопка 'NO' — пример антипаттернов и запутанных интерфейсов для обучения на ошибках.
User Inyerface — демонстрация антипаттернов в интерфейсах.
Интерфейс The Boolean Game: тёмная панель с типографикой и 3D-стилизованными элементами, меню упражнений по объединению, вычитанию и пересечению фигур.
Boolean Game — тренировка работы с булевыми операциями и векторной графикой.

Читайте так же