Очень быстрый интерактивный дизайн в Adobe XD с Auto-Animate

Теперь, я люблю XD! Спасибо, команде Adobe.

 

—говорит, Dhaval Katira

Это его первый проект в Adobe XD с использованием функции Auto Animate.

Когда вы поймете логику, всё станет привычно и легко использовать. В данном проекте, не использовались, никакие другие инструменты, кроме XD. У меня ушло 2-3 дня, на работу по обучению правильного использования функции автоматической анимации (Auto Animate), работая над дизайном панели управления кошельком.

Вот результат:

Вот процесс:

День 1

  • Создал дизайн низкой точности (LoFi) с контентом кошелька.
  • Взял некоторые ссылки на Dribbble, чтобы отточить идею автоматической анимации.

День 2

  • Создал руководство по стилю для панели управления (включающее, цвета, стиль шрифта, символы)
  • Начал проработку дизайна высокой точности (HiFi), учитывая то, что используются только функция Auto-Animate, чтобы достичь наилучшего результата.

День 3

  • Начал работу с функцией Auto-Animate
  • Авторизация
  • Экраны загрузки
  • Первоначальный пользовательский опыт дашборд
  • Анимация показателей, графиков
  • Эффекты иконки меню
  • Отключение экранов

День 4

  • Финальные файлы для создания видео и обложки страницы.