Журналус лайт
Журналус лайт
Читать в Telegram

Interactions — подборка интерактивных анимаций

Журналус лайт

Бесплатная версия Журналуса. Полная версия: – на сайте zhurnalus.artlebedev.ru – в боте @designersdigestbot

Открыть в TelegramДругие публикации
интерфейсанимацияинтерактивность

Вдохновляющая подборка интерактивных интерфейсных анимаций. Автор — Нитиш Кхагвал, дизайнер из Индии.

#вдохновение@zhurnalus_lite #интерфейсы@zhurnalus_lite

Минималистичная интерактивная карточка события: иконка палатки, подпись 'Camping / Yosemite Park', дата и курсор на белом фоне.
Карточка события из подборки Interactions.
Квадратный элемент интерфейса с циферблатом веса и крупным числом 25 в центре; тонкая шкала вокруг и курсор на светлом фоне, пример анимации.
Тонкий ползунок температуры с подписью '45°C', центральным указателем и шкалой; демонстрация плавного интерфейсного движения на белом фоне.
Аудиоплеер с волновой формой и меткой 'Mom.mp3', вертикальный маркер прогресса и указатель курсора — пример интерактивного элемента UI.
Пример аудиоплеера и скраббера в подборке.
Горизонтальное таб-меню (Accounts, Deposits, Funds) с акцентом на активный таб; мягкая тень и курсор — показ переключения в интерфейсе.
Круглая минималистичная кнопка с набором точек в центре на светлом фоне; демонстрация фокусного состояния и реакции на указатель курсора.
Открытая карточка-записная книжка с двумя страницами и датами 'September Day 18/19'; линии для заметок и курсор — пример анимации переворота.
Круглый регулятор с числом 18 в центре и кольцевой шкалой; мягкие тени и указатель курсора демонстрируют плавную анимацию поворота.
Кнопка 'Create New' с иконкой плюса, закруглённые края и лёгкая тень на светлом фоне; пример микровзаимодействия при наведении курсора.
Чёрная квадратная иконка с символом 'share' на белом фоне; много пустого пространства и курсор рядом — демонстрация состояния кнопки.

Читайте так же