Анимации в интерфейсе: материалы и инструменты
Референсы, библиотеки и принципы для анимации интерфейсов и motion-дизайна.
- 01Ультимативный гайд по анимации в Figma: режим прототипирования изинги смарт-анимация типы взаимодействия триггеры и их свойства. Для новичков чайников любителей и профессионалов - Дизайн на vc.ruМатериал "Ультимативный гайд по анимации в Figma: режим прототипирования изинги смарт-анимация типы взаимодействия триггеры и их свойства. Для новичков чайников любителей и профессионалов - Дизайн на vc.ru" с vc.ru для раздела "Анимации в интерфейсе"; пригодится как практическая ссылка, пример или источник для изучения темы.
- 02App Motion - Mobile motion design galleryРесурс "App Motion - Mobile motion design gallery" для проектирования интерфейсной анимации; пригодится как справка, пример или рабочая ссылка.
- 03Easing GraphsРесурс "Easing Graphs" для проектирования интерфейсной анимации; пригодится как справка, пример или рабочая ссылка.
- 04Anime.js | JavaScript Animation EngineРесурс "Anime.js | JavaScript Animation Engine" для проектирования интерфейсной анимации; пригодится как справка, пример или рабочая ссылка.
- 0560fps - UI/UX animation inspiration for mobile & web appsРесурс "60fps - UI/UX animation inspiration for mobile & web apps" для проектирования интерфейсной анимации; пригодится как справка, пример или рабочая ссылка.
- 06Design Spells · Design details that feel like magicРесурс "Design Spells · Design details that feel like magic" для проектирования интерфейсной анимации; пригодится как справка, пример или рабочая ссылка.
- 07Motion (prev Framer Motion): JavaScript & React animation libraryMotion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.
- 08Originkit — Free Animated component library for modern websitesThe largest free animated component library for building modern websites. Copy code, use in Framer, or connect through MCP.
- 09Animating Icons | Font Awesome DocsДокументация Font Awesome с примерами анимации иконок: beat, fade, bounce, buzz, flip, float, jello, shake, spin, swing.
9 материалов в подборке.