Интерактивные сайты для прокачки дизайн‑скиллов

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

геймификациядизайнui-ux

🔤🔤🔤🔤
🔤🔤🔤
🔤🔤🔤🔤🔤🔤🔤🔤🔤🔤

Мы объединили две наших любимых вещи — геймификацию и дизайн. Собрали подборку интерактивных-сайтов, которые помогают прокачивать дизайн-скиллы

🔍Can't Unsee 🔎

Игра на насмотренность и внимание к деталям. Вам показывают два почти одинаковых UI-варианта, а вы выбираете правильный. Звучит просто? Попробуйте дойти до последнего уровня — различия становятся практически незаметными. Это тренажёр для глаза UI/UX-дизайнера: иерархия, выравнивание, типографика, контраст

🔍The Bézier Game🔎

Для тех, кто хочет приручить перо в Illustrator или Figma. Игра учит работать с кривыми Безье — обязательный скилл для любого дизайнера. Вы рисуете фигуры, а игра проверяет точность. С каждым уровнем сложность растёт, но и удовольствие тоже.

🔍Kern Type🔎

Кернинг — это интервалы между буквами. Звучит занудно, но эта игра превращает это в челлендж. Вы двигаете буквы, пытаясь создать идеальный интервал, а потом сравниваете свой результат с профессиональным решением. Идеально для тех, кто работает с логотипами и типографикой.

🔍Shape Type🔎

Ещё одна игра от создателей The Bézier Game. Здесь вы управляете формами букв с помощью маркеров — практика работы с инструментом "перо", но с фокусом на типографику. Отличный способ понять, как устроены шрифты изнутри

Выложим вторую часть, если покажете, что она вам нужна 😏

Скриншот сайта с крупной буквой S и инструментом для настройки шрифта; интерфейс тренажёра типографики и формы символа для практики.
Пример интерактивного интерфейса для изучения форм и шрифтов.
Экран игры Cant Unsee: два почти идентичных UI-экрана с подсказками и полосой прогресса — задача на внимательность и распознавание различий.
Cant Unsee — тренажёр на насмотренность и внимание к деталям.
Стартовая страница The Bézier Game: минималистичный интерфейс с направляющей и подсказкой для работы с кривыми Безье и отточения навыка пера.
The Bézier Game — практика работы с кривыми Безье.
Экран Kern Type: большое слово WAVE и маркер для позиционирования буквы; интерактивный тренажёр кернинга и типографической точности.
Kern Type — упражнение по кернингу и интервалам между буквами.

Дискуссия

✨Евгения Dreams 🍋 ✨
Очень нужна.. спасибо большое тебе ❤️‍🔥❤️‍🔥💖🩷💝
Присоединиться к обсуждению →

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