Перетекание
Поверхность меняет размер, а содержимое в ней сменяется незаметно: прежнее гаснет, новое проявляется. Шва между состояниями не видно.
Перетекание — так мы называем смену содержимого без шва: часть экрана исчезает, на её месте появляется новая, а момент подмены глаз не ловит. Интерфейс, собранный на перетеканиях, — жидкий (liquid): в нём ничего не возникает из ниоткуда и не пропадает в никуда.
Одна поверхность
Новое состояние вырастает из того, что уже есть на экране, а не ложится поверх. В «Луге» панель вложений в чате — одна поверхность: кружок с плюсом вырастает в меню, меню — в галерею или камеру, и всё сворачивается обратно в плюс. У поверхности меняются размер, положение и скругление: круг у плюса, 28 pt у меню, 46 pt у галереи. По движению видно, откуда панель взялась и куда вернётся.
Незаметная смена
Пока поверхность меняет размер, прежнее содержимое размывается и гаснет, а новое проявляется из размытия. Уходящее гаснет первым и быстро, новое проявляется следом — на каждое по 150 мс. Глаз следит за поверхностью, которая растёт, и не успевает заметить, когда одно содержимое стало другим.
Общий масштаб
Содержимое каждого состояния нарисовано в своём конечном размере и на время перехода масштабируется вместе с поверхностью. Меню вырастает из плюса уже с готовой раскладкой: строки не переносятся и не прыгают, пока панель меняет размер, — всё движется как одно целое.