TGViewer
fact attack adventures CF fact attack adventures CF @faa_cf · 67 subscribers
Post #82 38
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 фактов
  • ❤ 3
More from @faa_cf
  1. Sep 23, 2026cr : X [🦇] - спокойной ночи! #т3йк @factattackadventures_bo
  2. Sep 23, 2026cr : X [🦇] - ЧОРТ. КАК Же ЭТО КРУТо 😭🙏 #т3йк @factattackadventures_bo
  3. Sep 23, 2026cr : X #т3йк @factattackadventures_bo
  4. Sep 23, 2026👛 - я нар исил артик по этому фд, но некому показать... ⭐️ - хочу сказать о том, какой Фр…
  5. Sep 23, 2026у мя короче ос изопод ну такой инопланетян странный с планеты ТРАППИСТ 1е иии я надеюсь шт…
  6. Sep 23, 2026вот вам 67 фактов о веб-анимации!! 1. Рождение: Первой веб-анимацией принято считать мигаю…
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 →