Общая судьба

Закон гештальта: элементы, которые движутся или меняются вместе, воспринимаются как одно целое. Поэтому анимируют группу целиком, а не каждый элемент по отдельности: движение — самый громкий сигнал связи, сильнее цвета и размера.

Как это выглядит: .cards { animation: rise .4s ease-out both; } — двигается вся группа; у .card своей animation нет @media (prefers-reduced-motion: reduce) { .cards { animation: none; } }

Не путать: Общая судьба — не «анимируйте всё». Движение перебивает цвет, поэтому его должно быть мало: один акцент на экран. И это не закон близости: близость про расстояние, общая судьба — про изменение во времени.

Откуда слово: Один из законов гештальт-психологии, описанных в 1910–1920-х годах. Немецкое gemeinsame Schicksal буквально значит «общая судьба»: объекты, которые меняются одновременно, глаз объединяет в фигуру. В интерфейсе это стало правилом анимации: группа появляется одним движением, а несвязанные блоки — нет.

Где это проходят: урок 9.6 «Общая судьба: движение, которое читается как одно» · Интерфейсы и сайты с нуля

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.