Directrices para animaciones

Applies to Windows and Windows Phone

Unas animaciones intencionadas y bien diseñadas dan vida a las aplicaciones y ofrecen una experiencia que se percibe elaborada y elegante. Ayuda a los usuarios a comprender los cambios contextuales y relaciona las experiencias con transiciones visuales.

En esta sección

TemaDescripción

Animaciones para agregar y eliminar

Las animaciones de listas te permiten insertar o quitar uno o varios elementos de una colección, como un álbum de fotos o una lista de resultados de búsqueda.

Animaciones para transiciones de contenido

Usa animaciones de transición de contenido para cambiar el contenido de un área de la pantalla sin cambiar el contenedor ni el fondo. El nuevo contenido hace un fundido de entrada. Si hay contenido existente para sustituir, el contenido realiza un fundido de salida.

Animaciones para arrastrar

Usa animaciones de arrastrar y colocar cuando los usuarios muevan objetos, por ejemplo, cuando mueven un objeto dentro de una lista o colocan un elemento encima de otro.

Animaciones para UI basada en bordes

Las animaciones en el borde muestran u ocultan una interfaz de usuario que se origina en el borde de la pantalla.

Animaciones para atenuación

Usa animaciones de atenuación para hacer aparecer o desaparecer los elementos de la vista. Existen tres tipos de animaciones de atenuación: de entrada, de salida y encadenado.

Animaciones para transiciones de página

Usa las animaciones de transiciones de página para mostrar la primera página de una aplicación iniciada recientemente o para realizar una transición entre páginas dentro de una aplicación.

Animaciones para clic de puntero

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.

Animaciones para cambios de posición

Usa la animación de reposición para mover uno o varios elementos a otra posición.

Animaciones para UI emergente

Usa las animaciones de elementos emergentes para mostrar y ocultar la interfaz de usuario emergente, que incluye los menús contextuales y los controles flotantes. Los elementos emergentes son contenedores que aparecen sobre el contenido de la aplicación y desaparecen si el usuario pulsa o hace clic fuera del elemento emergente.

Animaciones para deslizar rápidamente

Usa animaciones de deslizar rápidamente cuando implementes el gesto de deslizar rápidamente para seleccionar un elemento.

 

 

 

Mostrar:
© 2014 Microsoft