16 февраля 2019 г.,

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

Я создал дизайн UI / UX с помощью онлайн-инструмента проектирования интерфейсов под названием Figma. Меня недавно познакомил с этим Грегг Файн (HiddenTigerMusic) из FreeCodeCamp NJ! Использование Figma было, безусловно, самым интуитивным опытом работы с любым программным обеспечением для дизайна. В течение первого часа или около того я рисовал эскизы, даже не задумываясь об этом. Я настоятельно рекомендую попробовать его, если вы ранее не использовали программное обеспечение для разработки интерфейсов.

Скриншоты проекта

Страница конфигурации игры - это страница, на которую пользователь попадет после входа в систему или регистрации. Это позволяет пользователю выбрать уровень сложности и желаемую математическую операцию для игры.

Несмотря на то, что это третья страница, которую увидит пользователь, я подумал о ней только после того, как завершил оставшиеся страницы. Я хочу, чтобы пользователь начинал игру всякий раз, когда он / она чувствует себя готовым начать, а не сразу после входа в систему.

Посмотри на игру Math Madness Addition! Я особенно горжусь тем, как получилась эта страница. Самая сложная часть разработки этой страницы - это определить размещение всех элементов на странице. Я хотел убедиться, что элементы хорошо видны, но не отвлекают от игры. Я решил разместить статистику внизу с центрированным таймером, чтобы можно было быстро взглянуть, не отвлекая взгляд пользователя от средней линии экрана.

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

Что я узнал

Сегодня был очень веселый день. Мне всегда нравилось заниматься творчеством, и сегодняшняя цель заключалась в том, чтобы снова погрузиться в мое творчество. Я узнал, что балансировка элементов на странице, а также цветов на странице являются наиболее важными аспектами дизайна UI / UX.

Создание темы с использованием единой цветовой палитры также было отличным опытом. Я начинаю понимать, как эти палитры добавляют сайту единообразие и фирменный стиль. В будущем я планирую более глубоко изучить теорию цвета и дизайн UI / UX. 'До завтра!