.

Изменение элемента интерфейса при наведении указателя мыши

Для того чтобы указать пользователям на интерактивный элемент интерфейса, нужно сделать так, чтобы при перемещении на этот элемент указателя мыши элемент менял цвет или выполнялось какое-то действие. Если после перемещения указателя мыши на какой-то элемент происходит какое-то действие, это называется изменением элемента. При наведении указателя на интерактивный элемент интерфейса могут происходить различные события. Если таким элементом является ссылка, то при наведении на нее указателя в виде стрелки он изменится на изображение руки. Эта простая встроенная функция обеспечивает наглядную обратную связь, что позволяет пользователям определить интерактивный элемент. Однако вы можете установить и дополнительную обратную связь при наведении указателя — обратную связь, которая поможет пользователям использовать существующую навигационную схему. Ниже перечислены несколько способов того, как можно это сделать.

V Изменение графических изображений. Можно сделать так, чтобы при наведении указателя или щелчка кнопкой мыши изменялось графическое изображение. Например, на экране отображается кнопка какого-то цвета. Когда пользователь наводит на нее указатель мыши, ее цвет меняется, например, на оранжевый. После щелчка кнопка становится красного цвета. Взгляните 5.5. Здесь приведен пример обычного состояния кнопки, кнопки при наведении на нее указателя мыши и кнопки после щелчка на ней. Зачастую дизайнеры не разрабатывают изменение кнопки после щелчка на ней. Помните, что каждый вариант оформления кнопки влечет создание уникальной графики, которую вам предстоит разработать.

Запуск аудиосопровождения. Менее распространенный способ реакции элемента на наведение указателя или щелчок кнопкой мыши.

Создание анимации для элемента. Довольно интересный способ обратной связи — это плавное изменение внешнего вида элемента или его медленное перемещение при наведении на него курсора мыши. Анимация может подсказать пользователю, каким образом следует взаимодействовать с элементом. Например, если вы наводите курсор на какой-либо объект, в результате чего отображается анимационное изображение циферблата (колесика с делениями), то вы догадаетесь, что при щелчке мышью на этом элементе, отобразится интерфейс выбора в виде циферблата.



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×