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

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

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

ШАГ логотип

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

STEP IT Academy

19.11.2023

281 просмотр

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

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

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

 

1. Ragtime | Fathom

                                     

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

2. Kern Type (method.ac)

                                     

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

3. Color Game (method.ac)

                                                    

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

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

                                            

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

5. Shape Type (method.ac)

                                 

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

6. The Boolean Game (method.ac)

                                  

 

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

7. tothepoint • I shot the serif

                                

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

8. I love Typography (ILT)

                                      

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

9.Typewar

                                     

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

10. rgbchallenge

                                     

 

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

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

                                            

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

12. Flexbox Froggy - A game for learning CSS flexbox

                                   

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

13. DESIGNERCIZE

                                       

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

14. ⚔️ 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

                               

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



АВТОР:

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

Что такое дизайн мышление и как оно используется в современном дизайне

1. Что такое дизайн-мышление? 2. Как дизайн мышление используется в современном дизайне? 3. Как работает дизайн мышление в дизайне продуктов? 4. Преимущества дизайн мышления для бизнеса 5. Какие основные принципы дизайн мышления? 5.1. Понимание проблемы и сосредоточение на пользователе 5.2. Поиск и генерация идей 5.3. Создание прототипа 5.4. Итерации и тестирование 6. Примеры использования дизайн мышления 7. Как дизайнерам прокачивать дизайн мышление

Дизайн мышление – популярный термин, который используется в современной индустрии дизайна. Он получает все большую популярность в последнее время. Поговорим о том, что такое дизайн мышление, как оно используется в современном дизайне и какие преимущества приносит бизнесу и карьере начинающих специалистов. Что такое дизайн-мышление? Дизайн мышление – это метод, который используется в современном дизайне для создания инновационных решений, повышения эффективности и улучшения пользовательского опыта. Оно также применяется в бизнесе д

ШАГ логотип

Мастер класс

Введение в UI дизайн: создание эффективных и привлекательных интерфейсов

1. Основные принципы UI дизайна 1.1. Принципы композиции 1.2. Работа с пространством и сеткой 1.3. Баланс и выравнивание элементов 1.4. Учет потока взгляда пользователя 2. Цветовая схема и использование цвета 2.1. Психология влияния цвета 2.2. Выбор цветовой схемы 2.3. Цвета для выделения и навигации 3. Типографика и читабельность 3.1. Выбор подходящих шрифтов 3.2. Размер и стиль шрифта 3.3. Читабельность текста на различных устройствах 4. Использование иконок и пиктограмм 4.1. Разработка и выбор подходящих иконок 4.2. Использование иконок для повышения понятности 5. Принципы успешного дизайна интерфейса

Дизайн пользовательского интерфейса (UI) играет важную роль в создании эффективных и привлекательных веб-сайтов. UI-дизайн отвечает за то, как пользователи взаимодействуют с интерфейсом, какие эмоции они испытывают и насколько легко им пользоваться сайтом или приложением. Роль UI-дизайнера заключается в создании такого интерфейса, который не только функционален, но и приятен для пользователей. Представьте себе веб-сайт, на котором все элементы размещены грамотно, информация легко читается, кнопки и ссылки просто обнаруживаются, а цветовая

ШАГ логотип

Презентация

Какие soft skills развивает изучение программирования

1. Развитие мышления 1.1. Аналитическое мышление 1.2. Поиск креативных решений проблемы 1.3. Логическое и структурированное мышление 2. Точность и внимательность к деталям 3. Коммуникационные навыки 4. Управление временем и планирование 5. Терпение и упорство 6. Адаптивность и гибкость 7. Креативность и инновационность 8. Перспективы развития Soft skills

Soft skills, или так называемые гибкие навыки, играют очень важную роль в нашей современной общественной и деловой среде. Это навыки, которые помогают нам эффективно взаимодействовать с другими людьми, успешно решать проблемы и достигать своих целей. Они включают такие качества, как коммуникация, лидерство, креативность, адаптивность и многое другое. Изучение программирования не только дает нам технические умения, но и способствует развитию различных soft skills. Программирование требует аналитического мышления, решения проблем, командной работ�

ШАГ логотип

Встреча

В мире трехмерного творчества: путеводитель для начинающих в 3D моделировании

1. Что такое 3D моделирование 2. Лучшие программы для работы с 3D моделированием 2.1. Autodesk Maya 2.2. Blender 2.3. Cinema 4D 2.4. 3ds Max 2.5. ZBrush 3. Требования к компьютерам для работы с 3D моделированием 4. Возможности работы в сфере 3D моделирования 5. С чего начать для изучение 3D моделирования

Трехмерное моделирование стало неотъемлемой частью различных сфер и отраслей. Оно позволяет создавать уникальные визуальные образы, анимации, виртуальные миры и многое другое. В следующих разделах мы более подробно рассмотрим лучшие программы для работы с 3D моделированием, требования к компьютерам для эффективной работы, возможности трудоустройства и начальные шаги для изучения этой захватывающей области. Что такое 3D моделирование 3D моделирование – это процесс создания трехмерных объектов и сцен, которые могут быть визуализирова�

ШАГ логотип

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

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