TGViewer
/designer /designer @slashdesigner · 13.9K subscribers
Post #1204 2.87K
#UI_ревью 9. Interactive Login Form

Работа: Outcrowd

Сильная работа, которая вызывает вау-эффект, на деле довольно трудоёмкая для разработки, хотя выполнимая.

+ Без слов считываемая идея, что они следят за курсором, это даёт очень эмоциональный эффект «они меня видят». Такое уже было у Tunnelbear, но в этот раз выполнено более выразительно.

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

+ Мультяшный стиль с ярким применением принципов анимации Уолта Диснея.

+ Простые формы героев, при этом сами они все особенные благодаря исполнению лица, цветам и разнообразию форм.

+ Поскольку все движущиеся элементы локализованы в блоке слева, понятен механизм экспорта анимации Lottie из After Effects через Bodymovin. C анимацией по тригеру каждой ситуации проблем быть не должно.

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

Дизайн настолько удачный, что его даже плагиатят.

Если тебе понравился разбор, поддержи пост звездой. Так мне будет понятно, что такой контент тебе нужен.

По теме: Анимация приложения для горных прогулок

@slashdesigner #первые_шаги #UI_анимация
  • ❤ 60
More from @slashdesigner
  1. Sep 30, 2025#дайджест за сентябрь 2025 В плане контента сентябрь был ударным! Написал много авторских…
  2. Sep 30, 2025#снек 56. Списки и статьи Это серия про универсальную стратегию построения базы знаний, ко…
  3. Sep 25, 2025#снек 55. Как дизайнеру найти наставника на старте карьеры Ранее в рамках серии про настав…
  4. Sep 23, 2025Post #1227
  5. Sep 23, 2025#аудио 1. Obsidian: быстрый старт, часть 1 Эти 7 пунктов помогут освоиться c навигацией. 1…
  6. Sep 20, 2025Post #1224
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →