Презентация интерфейсов

Анимацию я сделал в After Effects, как демонстрацию работы интерфейсов.

Первый экран демонстрирует основные данные:

  • Информацию об аккаунте пользователя
  • Количество игровой валюты
  • Позицию клуба в таблице различных лиг
  • Список ближайших матчей

Статистику характеристик игроков текущей расстановке я решил показать в виде лепестковой диаграммы. Такая диаграмма наглядно показывает сильные и слабые стороны команды. Даёт понимание что нужно подтянуть, а чем можно пожертвовать.

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

Экран выбора состава

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

Каждый шаблон можно редактировать или удалить. А так же создать новый

Создание нового шаблона

Первый шаг при создании нового шаблона — выбор имени и тактической расстановки команды. Интерфейсы игры предлагают на выбор все возможные схемы тактической расстановки.

Второй шаг — закрепить игроков на свои позиции. Назначение игрока на позицию или замена игрока производится перетаскиванием карточки игрока из возможного состава на позицию на поле

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

Находясь в режиме редактирования состава команды доступны дополнительные функции:

UI kit

← Предыдущий

Следующий →

e-mail: k.egorov87@gmail.com

telegram: @kirsanych87