Онлайн-игры идеально подходят для освоения новых инструментов, отработки незнакомых техник и развития основных UI/UX-навыков, а также помогают дизайнерам идти в ногу со стремительно развивающейся индустрией.
Успешные дизайнеры постоянно учатся чему-то новому. Однако найти дополнительное время для обучения в течение рабочей недели не так-то просто. Онлайн-игры — хороший способ отточить имеющиеся навыки и приобрести новые. Благодаря интерактивным, захватывающим (и часто бесплатным) онлайн-играм вы можете прокачать такие технические аспекты дизайна, как выравнивание, типографика и теория цвета.
Онлайн-игры не только обучают нас новым приемам, но и поднимают настроение и повышают творческий потенциал.
1. Тренируйте глазомер
Выравнивание — это фундаментальный принцип дизайна, который определяет визуальную композицию и обеспечивает читабельность.
Игра It's Centred That отлично подходит для тренировки глазомера и помогает быстро выявлять ошибки в расположении элементов. Ваша задача — определить, находится ли точка в центре фигуры. Это простая концепция, но игра довольно сложная, потому что точки зачастую располагаются совсем близко к центру.
2. Узнайте больше о шрифтовом дизайне
Понимание нюансов применения шрифтов помогает дизайнерам установить визуальную иерархию, обеспечить разборчивость текста и лучше передать смысл.
Игра "I shot the serif" (игра слов: дословно переводится “я застрелил шрифт с засечками”, имеется в виду выражение “I shot the Sheriff” — я застрелил шерифа) проверяет, насколько быстро вы сможете распознать шрифты с засечками. В самом начале вы видите две буквы, одна из которых — с засечками. Вы должны “выстрелить” в последнюю, кликнув по ней до того, как закончится время. По мере продвижения вперед вы будете одновременно видеть все больше и больше букв, из-за чего находить буквы в нужном стиле и “стрелять” по ним становится сложнее.
Typewar — еще один шрифтовой тренажер, который бросает вызов вашей способности идентифицировать шрифты. Typewar развивает способность игроков идентифицировать различные шрифты.
3. Научитесь определять правильный кернинг на глаз
Один из способов улучшить читаемость цифрового текста — настроить правильный кернинг, или расстояние между символами. Полезно знать, как корректировать кернинг, если взаимное расположение символов кажется вам неправильным, либо если вам нужно создать уникальный логотип или шрифт для клиента.
Игра Kern Type поможет вам отточить навыки работы с кернингом: вы проверите, насколько хорошо у вас получается правильно расставлять буквы в словах. За каждое слово игрок получает определенное количество баллов, максимум — 100. Вы можете переключаться между тремя режимами просмотра: ваше решение, оптимальный кернинг и их комбинация для сравнения.
4. Перейдите на новый уровень в работе с цветом
Прокачав свои навыки работы с цветом , вы сможете принимать более грамотные и осмысленные дизайн-решения в своих проектах. Color — это игра, в которой вам предстоит идентифицировать оттенки и уровень насыщенности, а также комплементарные, аналогичные, триадные и тетрадные цветовые комбинации.
На экране мы видим интерактивный цветовой круг, центре которого расположен тот или иной цвет. Вы должны определить, что это за цвет, уложившись в 10 секунд. Задача усложняется, когда вам нужно подбирать оттенки для триадных и тетрадных цветовых схем.
5. Совершенствуйте технику работы с векторными объектами
Такие инструменты, как Figma и Adobe Illustrator, позволяют дизайнерам создавать векторную цифровую графику, которая масштабируется без потери качества — в отличие от пиксельных изображений, теряющих разрешение при увеличении. Однако рисование и работа с векторными фигурами и кривыми может быть непростой задачей.
Игра Boolean Game познакомит вас с булевыми элементами, предназначенными для быстрого создания и изменения 2D-фигур. На экране появляется фигура, которую нужно повторить. Через несколько секунд форма превращается в контур.
В левой части экрана располагаются несколько фигур, которые можно перетащить внутрь контура, чтобы воспроизвести заданную форму.
В нижней части экрана представлены четыре булевы операции: объединение, вычитание, пересечение и разность. Когда игрок нажимает кнопку "Продолжить", запускается пошаговая анимация, показывающая, как выбранная булева операция меняет фигуры. Если она выбрана неверно, анимация поможет вам наглядно увидеть свои ошибки.
Shape Type — еще одна “векторная” игра, которой стоит дать шанс. Задача игрока — придать буквам правильную форму, перетаскивая различные опорные точки. При этом вы можете получить максимум 100 баллов.
Как и в Kern Type, вы можете переключаться между тремя режимами просмотра, чтобы сравнить свой результат с оригинальной формой. Shape Type не только позволяет совершенствовать навыки рисования векторных фигур, это отличный способ детально рассмотреть анатомические особенности различных шрифтов.
Последняя игра, которая позволит вам усовершенствовать свои навыки работы с векторными объектами, — The Bézier Game.
С ее помощью вы сможете освоить инструмент “Перо”, чтобы создавать более профессиональную графику.
6. Освойте основы написания кода
О чем бы ни шла речь — о карьерном росте или о продуктивном взаимодействии с разработчиками — понимание основ HTML и CSS делает дизайнера важнейшим активом многопрофильной команды.
Игра Flexbox Froggy шаг за шагом обучает вас основам написания кода.
Игра Flexbox Froggy научит вас писать базовый CSS-код.
7. Получите новые знания о UI/UX
Онлайн-игры помогают дизайнерам расширять свои знания в области UI/UX и проектировать эффективный опыт взаимодействия, который повышает конверсию и ROI (окупаемость инвестиций).
Игра Can't Unsee позволяет проверить, насколько хорошо вы знаете основные дизайн-концепции, такие как иерархия, контраст, выравнивание, типографика и стилизация. На экране появляются два компонента, ваша задача — выбрать более правильный и удобный для пользователей вариант.
Компоненты могут выглядеть одинаково для нетренированного глаза, но опытный дизайнер должен уметь различать их, обращая внимание на небольшие различия, например, неправильно выровненный текст или неравномерные отступы.
Извлеките максимум пользы из онлайн-игр.
Лучше делать свою работу так, чтобы подходить к проблемам с долей детской непосредственности, вот почему игры так важны: они позволяют учиться и практиковаться, сохраняя при этом ощущение игры и чуда.
Какую бы цель вы ни преследовали — сменить профессию, повысить квалификацию или освоить новый UI/UX-метод — онлайн-игры для дизайнеров помогут протестировать и развить ваши художественные и технические способности. Как однажды сказал Пабло Пикассо: "Я всегда делаю то, что не могу сделать, чтобы научиться делать это".
Регистрируйтесь на наш ближайший бесплатный практикум "Дизайнер презентаций" https://goo.su/OzVaw
Книга от основателей академии презентаций Бонни и Слайд — Николая Пере и Светланы Фирсовой "Секреты убойных презентаций" - купить по ссылке👇
Если вам понравилась эта статья, ставьте лайк 👍, подписывайтесь на наш Дзен, и другие соц.сети:
Инстаграм: www.instagram.com/bonnieandslide/
Телеграм: t.me/bonnieandslide
