Состояния нормальной кнопки, при наведении и активной в дизайне интерфейса отличаются следующим образом:

1. Нормальная кнопка (Default). 12 Это состояние по умолчанию, когда кнопка отображается на экране и ждёт взаимодействия. 1 Она имеет стандартный вид и цвет. 2
2. Кнопка при наведении (Hover). 12 Состояние активируется при наведении курсора на кнопку и указывает, что на неё можно нажать. 1 Обычно цвет кнопки становится немного светлее или темнее. 1
3. Активная кнопка (Active). 16 Состояние возникает, когда на кнопку нажали, но ещё не отпустили (через клавишу мыши или палец на смартфоне). 6 В этом состоянии кнопка визуально «вдавливается», имитируя физическое нажатие. 1