Курсор — это визуальный указатель, помогающий пользователю понять его положение на экране и действия, которые он может совершить в данный момент. Данный элемент является очень важным связующим звеном между человеком и интерфейсом.
Базовая анатомия
Стандартный курсор имеет острый кончик, направленный влево вверх, где и находится точка действия. Это форма способствует точному определению места клика.
Области взаимодействия
Хотя точка действия — это всего один пиксель, курсор должен быть достаточно заметным. Стандартный размер курсора — 32 пикселя в высоту, но на экранах с высоким DPI его размер масштабируется для сохранения читаемости.
Курсору следует менять форму, информируя о доступных действиях и состоянии интерфейса, что помогает пользователю понять возможные взаимодействия до их выполнения.
Default
Обычное состояние — стрелка. Это базовая форма для навигации по интерфейсу. Кстати, стрелка может быть кастомной!
Hover
При наведении на интерактивные элементы курсор обязательно должен принимать другие формы: указательный палец для кликабельных элементов, текстовая вставка для полей ввода и т. д.
Active
Во время выполнения действия, например, при перетаскивании, курсор может отображать миниатюру перемещаемого объекта или специальный индикатор действия.
Disabled
На неактивных областях курсор обычно принимает форму крестика, показывая, что взаимодействие невозможно.
