Компьютерная Академия STEP IT - полноценное IT-образование‎ для взрослых и детей. Мы обучаем с 1999 года. Авторские методики, преподаватели-практики, 100% практических занятий.

Ваш браузер устарел!

Вы пользуетесь устаревшим браузером Internet Explorer. Данная версия браузера не поддерживает многие современные технологии, из-за чего многие страницы сайта отображаются некорректно, и могут работать не все функции. Рекомендуем просматривать сайт с помощью актуальных версий браузеров Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

Топ игр для дизайнеров

STEP IT Academy

18.11.2023

782 просмотра

Игрофикация – это умная и модная концепция, которая превращает изучение сложных предметов в веселый и увлекательный процесс.

Работа дизайнера требует обширных знаний, отточенных навыков и терпения. Есть ли у вас все перечисленные достоинства? Это нетрудно проверить с помощью увлекательных игр, которые вы найдёте в этом обзоре. Они очень просты, полезны, но самое главное — невероятно увлекательны для всех людей, которые в той или иной мере связаны с дизайном и веб-разработкой.

Мы подобрали топ игр для скучающих дизайнеров, которые хотят провести время с пользой и отточить свои навыки :) 
 

 

 

1. Ragtime | Fathom

 Fathom Information Design

Игра для любителей типографики. Игра полностью управляется с клавиатуры и повышает чувствительность глаза к косякам в выноске текста.

2. Kern Type (method.ac)

Игра на знание кернинга (избирательного изменения межбуквенного расстояния) у разных шрифтов и развитие навыков в композиции. Она помогает натренировать взгляд для создания буквенных логотипов, айдентики и шрифтов.

3. Color Game (method.ac)

Color Game

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

4. The Bézier Game (method.ac)

The Bézier curve game - Thot Cursus

The Bézier Game имитирует работу с реальным инструментом «перо», так же, как дизайнеры используют его в Adobe Photoshop или Illustrator. Игра начинается с простых фигур, но постепенно фигуры усложняются, а игра предлагает использовать минимальное количество точек для создания фигур.

5. Shape Type (method.ac)

Игры для дизайнеров

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

6. The Boolean Game (method.ac)

The Boolean Game, Introduction - YouTube

Если у вас еще нет знания на кончиках пальцев, что такое Union, Subtract, Intersect и Difference, то эта игра может помочь быстро исправить. По сути, это игра на логику. С помощью нее можно потренироваться создавать графику и иконки с помощью геометрических фигур. Плюс появляется насмотренность из каких фигур состоят различные объекты.

7. tothepoint • I shot the serif

I Shot The Serif « SpareType

Вам нужно быть быстрым и стрелять в правильную цель – символы с засечками. Вы можете выбрать свой уровень сложности и решить играть с мобильного устройства или через браузер.

8. I love Typography (ILT)

I Love Typography: The Rather Difficult Font Game | ilovetyp… | Flickr

Вы получите 30 карточек и переключателей на выбор, что означает, что иногда вы можете выбрать больше, если они соответствуют заданному шрифту. Простая, но увлекательная игра, основанная на знании различных шрифтов.

9. Typewar

Typewar | Typography, Font identification, Web design

Быстрая игра для проверки запоминания шрифтов: вам нужно выбрать один из двух вариантов, набирая очки за каждый правильный ответ.

10. rgbchallenge

Color Game: The RGB Challenge! — RETOUCHIST

Всё многообразие окружающих нас цветов можно передать с помощью специальных систем цветопередачи, одной из которых является RGB. При этом каждому оттенку соответствует своя комбинация цифр. Запомнить их все, разумеется, невозможно, но приблизительно ориентироваться в них профессионалы умеют. Эта игра поможет и вам приобрести этот навык.

11. CSS Diner - Where we feast on CSS Selectors! (flukeout.github.io)

CSS Diner - Full Game & Answers - YouTube

Игра для изучения и прокачки навыков владения селекторами CSS. 

12. Flexbox Froggy - A game for learning CSS flexbox

Learning CSS Layout with Flexbox Froggy | Thomas Park

Игра с отсылкой, с помощью которой можно начать осваивать CSS. В этой игре есть 24 уровня. Каждый уровень — это мини-урок, где игроку предлагают рассадить лягушек на кувшинки соответствующего цвета, используя свойства CSS из подсказок.

13. DESIGNERCIZE

DESIGNERCIZE - UpLabs

Это генератор случайных дизайн-челленджей который выглядит как милая ретро-приставка.

14. ⚔️ Figma Ninja - Speed up your Figma skills | Figma Community

⚔️ Figma Ninja - Speed up your Figma skills | Figma Community

Игра для изучения шорткатов в Figma. Забавный способ быстрее освоиться в Figma и нормально использовать все функции инструмента.

15. Odd one out

Игра для распознавания цветов.

16. Triangle — a web typography learning game | Better Web Type

Эта игра предназначена для изучения веб-типографики. Игрок получает текст, где можно изменить только один из параметров (длину строки, межстрочный интервал или размер шрифта), чтобы получился читабельный абзац.

17. Hex Invaders

Стреляйте по инопланетянам, сопоставив полученный вами шестнадцатеричный код в центральной верхней части экрана с цветом инопланетян.

18. Can't Unsee (cantunsee.space)

Игра для начинающего UI дизайнера, чтобы тренировать внимательность.  

19. It's Centred That | Test Your Designer Eye (supremo.co.uk) 

Нужно ответить, находится ли точка в центре фигуры. 

20. What the Hex? (yizzle.com)

Распознавание шестнадцатеричного кода цвета

21. Pixel Game: A Pixels Test to Quiz Your Knowledge | Pixactly

Pixact.ly: An Online Game That Lets You See How Well You Can Eyeball Pixel  Counts | PetaPixel

50 пикселей — это сколько? А десять — это много или мало? После прохождения этой игры такие вопросы у вас больше никогда не будут возникать. Теперь вы сможете без всяких вспомогательных инструментов нарезать пиксельные фигуры точно обозначенного размера.

 



АВТОР:

Редакция Компьютерной Академиии ШАГ

Информация об оплате - Expresspay

Уважаемые студенты и родители! Хотим довести до вашего сведения, что с этого месяца оплату за обучение можно будет производить только через платёжную систему Expresspay. С помощью этой системы вы сможете произвести оплату тремя способами: внесение наличных через терминал, электронный кошелёк банковская карта. Обращаем внимание, что комиссия будет взиматься только при оплате банковской картой, остальные способы оплаты не облагаются комиссией. Обращаем ваше внимание, что сотрудничество с другими платёжными системами будет прекращ�

ШАГ логотип

Стартуйте в цифровое будущее с STEP IT Academy: Набор на 2024-2025 учебный год начался

Присоединяйтесь к миру IT с STEP IT Academy! В современном мире, где технологии повсюду, знание IT становится ключевым для успеха. Хотите ли вы дать ребенку старт в IT или изменить свою карьеру, STEP IT Academy готова помочь вам на этом пути. Ваш путь к успеху в IT с STEP IT Academy STEP IT Academy – это место, где каждый может получить качественное IT-образование. Наши курсы разработаны так, чтобы вы смогли приобрести навыки и знания, которые помогут вам преуспеть в стремительно развивающемся технологическом мире. Малая Компьютерная Академия – старт для будущих IT-лиде�

ШАГ логотип

Цифровой Дизайн

Наргиз Гусейнова: Для чего нужна Adobe сертификация?

В нашей динамичной сфере цифрового творчества за каждым впечатляющим проектом стоит работа не только талантливых студентов, но и наших выдающихся преподавателей. Сегодня мы хотим представить вам одного из таких педагогов – Наргиз Гусейнову, преподавателя, который не только делится своими знаниями, но и является обладателем сертификата от Adobe. Обсудим, почему эта сертификация играет важную роль в жизни дизайнеров и какие возможности она открывает для профессионального роста. За многими успехами студентов и профессионалов стоит упорный труд и стремление к совершенству, и Adobe сертификация становится ключом к новым высотам в мире цифрового дизайна.

В нашей динамичной сфере цифрового творчества за каждым впечатляющим проектом стоит работа не только талантливых студентов, но и наших выдающихся преподавателей. Сегодня мы хотим представить вам одного из таких педагогов – Наргиз Гусейнову, преподавателя, который не только делится своими знаниями, но и является обладателем сертификата от Adobe. Обсудим, почему эта сертификация играет важную роль в жизни дизайнеров и какие возможности она открывает для профессионального роста. За многими успехами студентов и профессионалов стоит упорный

ШАГ логотип

Кибербезопасность

Карьерный рост в Кибербезопасности: путь от Новичка до Профи со STEP IT Academy

Компьютерная Академия STEP IT работает с 1999 года, когда сфера IT лишь начинала развиваться и приобретать популярность. Программа обучения в Академии направлена на обучение широкому спектру направлений в области программирования, кибербезопасности и цифрового дизайна. В арсенале есть как полный курс, так и специализированные трехмесячные курсы “Bootcamp”. Направления Профессионального Компьютерного Образования: Цифровой Дизайн - 24 месяца Кибербезопасность - 20 месяцев Разработка Программного обеспечения - 24 месяца Направления интенс

ШАГ логотип

Этот сайт использует Cookies

Политика конфиденциальности