39. Невидимая анимация: Иногда лучшая анимация — та, которую пользователь не замечает, но чувствует плавность.
40. Раздражение: Слишком долгая или навязчивая анимация вызывает раздражение и желание закрыть сайт.
41. Доступность (A11y): Анимация может вызывать тошноту или приступы у людей с вестибулярными расстройствами.
42. Prefers-reduced-motion: Медиазапрос, позволяющий отключить анимацию для пользователей с чувствительностью к движению.
43. Эпилепсия: Быстрое мигание (более 3 раз в секунду) может спровоцировать приступ.
44. Загрузка: Анимация не должна задерживать загрузку контента (LCP).
45. Мобильные устройства: На мобильных анимация должна быть легче, чтобы не тратить батарею.
46. Hover vs Tap: На тач-устройствах нет hover-эффектов, это нужно учитывать при дизайне.
47. Звук: Анимация со звуком должна иметь возможность отключения звука.
48. After Effects: Основной инструмент для создания сложных веб-анимаций (через Lottie или видео).
49. Figma: Позволяет создавать прототипы анимаций (Smart Animate).
50. Principle: Инструмент для быстрого прототипирования анимаций интерфейса.
51. Haiku: Инструмент для создания анимаций, интегрируемый с кодом.
52. Rive: Современный конкурент Lottie, позволяющий создавать интерактивные анимации.
53. SVGator: Инструмент для анимации SVG без кода.
54. CSS Gradient Animator: Генераторы анимированных градиентов.
55. CodePen: Главная площадка для демонстрации веб-анимаций.
56. Dribbble: Сообщество дизайнеров, задающее тренды в анимации.
57. Awwwards: Премия, награждающая сайты с выдающимся дизайном и анимацией.
58. Оптимизация: Анимации нужно сжимать (Gzip/Brotli), чтобы не раздувать бандл.
59. Спрайты vs Lottie: Lottie весит меньше, чем видео, но требует подключения библиотеки.
60. Эффект Зейгарник: Незавершенная анимация (прогресс-бар) заставляет мозг ждать завершения.
61. Скорость восприятия: Мозг воспринимает 100 мс как мгновенную реакцию, 1 секунда — как задержку.
62. Иллюзия движения: Анимация — это последовательность статичных кадров, создающая иллюзию движения.
63. Фи-феномен: Мозг воспринимает два мигающих огонька как один движущийся объект.
64. Эмоции: Плавная анимация создает ощущение премиальности продукта.
65. Когнитивная нагрузка: Анимация может как помогать обучению, так и отвлекать.
66. Внимание: Резкое движение в периферийном зрении автоматически привлекает внимание.
67. Будущее: Тренд на интерактивную анимацию, реагирующую на курсор, скролл и даже голос.
кое кто попросил 67 фактов