Интерактивный прототип вкладок.

#animation

Открыть в Figma

👨 Дизайн-телега

Micro interactions

Подборка интерфейсных микроанимаций.

#animation

ОТКРЫТЬ

👨 Дизайн-телега

Анимация кнопки.

• Элегантная анимация кнопки отправки.

#animation #button #prototype

Открыть в Figma

👨 Дизайн-телега

Меню гамбургера.

• Очень простая анимация для иконок меню гамбургера.

#animation #hamburger #icons

Открыть в Figma

👨 Дизайн-телега

Анимация карточки товара в Figma.

• Анимация при свайпе товара. Можно заменить фотографию товара и адаптировать под свой интерффейс.

#Animation

Открыть в Figma

👨 Дизайн-телега

Анимация загрузки.

• Простенькая, но со вкусом.

#animation #loading

Открыть в Figma

👨 Дизайн-телега

Анимация кнопки.

• Анимация кнопки при наведении, стилизованная под электрический разряд.

#animation

Открыть в Figma

👨 Дизайн-телега

Микровзаимодействия пользовательского интерфейса.

• Подборка интерфейсных микроанимаций.

#animation

Открыть в Figma

👨 Дизайн-телега

Delayed-Step Loaders

Это библиотека интерактивных компонентов с 18 анимациями загрузки.

#animation

ОТКРЫТЬ

👨 Дизайн-телега

Анимация бесконечной прокрутки.

• Бесконечный скроллер логотипов.

#animation #interactive #ui

Открыть в Figma

👨 Дизайн-телега

Волнистая анимация загрузки.

• Плавная и текучая анимация завораживает пользователей и удерживает их внимание во время загрузки сайта.

#animation #preloader #components

Открыть в Figma

👨 Дизайн-телега

Кастомные анимированные капли Attablob

• Можно использовать фото, вместо наложенного цвета.
• Файл включает в себя подробный гайд по использованию.

#UIk #Animation

Открыть в Figma

👨 Дизайн-телега

Паралакс эффект.

• Паралакс создан с помощью плагина Perspective Toolk.

#animation

Открыть в Figma

👨 Дизайн-телега

Rotating animation

Вращающаяся анимация текста и векторной фигуры.

#animation

ОТКРЫТЬ

👨 Дизайн-телега

Голос цифрового помощника.

• Анимация голоса виртуального помощника.

#animation

Открыть в Figma

👨 Дизайн-телега

Анимация загрузки Smart Animate.

Анимированные примеры загрузки с использованием задержек взаимодействия и функции Smart Animate.

#animation #loader

Открыть в Figma

👨 Дизайн-телега

Анимированные кредитные карточки + иконки

#Animation #icons #UIk

Открыть в Figma

Источник

👨 Дизайн-телега

Loaders K 1 / Two Steps

Набор из 18 анимаций загрузки экрана, разработанных в Figma, которые вы можете использовать бесплатно.

#animation

ОТКРЫТЬ

👨 Дизайн-телега