Directrices para animaciones de los clics del puntero

Applies to Windows and Windows Phone

Usa las animaciones de puntero para avisarles a los usuarios en forma visual que se ha pulsado o hecho clic en un elemento. La animación de puntero abajo se reproduce cuando un usuario pulsa o hace clic en un elemento. La animación reduce ligeramente el tamaño del elemento para indicar que se presionó. La animación de puntero arriba se reproduce cuando finaliza la pulsación o el clic. Esta animación restablece el elemento a su tamaño original, para indicar que se ha soltado.

Qué hacer y qué no hacer

  • Cuando usas una animación de puntero arriba, asegúrate de desencadenar la animación inmediatamente cuando el usuario suelta la pulsación o clic. Es fundamental que la animación de puntero arriba aparezca rápidamente. De esta manera, se informa inmediatamente al usuario de que se ha reconocido la acción, aunque la acción desencadenada por la pulsación o clic (como por ejemplo la navegación a una página nueva) tarde más en responder.

Temas relacionados

Para diseñadores
Directrices para agregar y eliminar
Directrices para animaciones de transiciones de contenido
Directrices para animaciones de arrastre
Directrices para animaciones de la interfaz de usuario basadas en el borde
Directrices para animaciones de atenuación
Directrices para animaciones de transiciones de página
Directrices para animaciones de reposición
Directrices para animaciones de la interfaz de usuario emergentes
Directrices para animaciones de deslizar rápidamente
Para desarrolladores (HTML)
Muestra de HTML de la biblioteca de animaciones
Animación de la interfaz de usuario
WinJS.UI.Animation.pointerUp function
WinJS.UI.Animation.pointerDown function
Para desarrolladores (XAML)
Animación de la interfaz de usuario
Animación de los clics del puntero
Inicio rápido: Animar la interfaz de usuario con animaciones de la biblioteca
PointerUpThemeAnimation class
PointerDownThemeAnimation class

 

 

Mostrar:
© 2014 Microsoft