X

Material Design

Principios de Diseño

Material design es una guía completa para el diseño de los elementos visuales, movimientos e interacciones a lo largo de todas las plataformas y dispositivos. Android ha incluido soporte para crear aplicaciones con material design. Para usar material design en tus apps, sigue las siguientes guías de diseño en las especificaciones de material design y usa los nuevos componentes y las nuevas funcionalidades disponibles en Android 5.0 (nivel de API 21) y versiones superiores.

Android proporciona los siguientes elementos para las apps que desarrolles con material design:

  • Un nuevo tema
  • Nuevos widgets para vistas complejas
  • Nuevas APIs para diseñar sombras y animaciones personalizadas

Para más información sobre como implementar material design en Android, visita Crear Apps con Material Design

Tema Material

El tema material proporciona un nuevo estilo para tu app, los widgets del sistema te permiten seleccionar su paleta de color y las animaciones por defecto para la retroalimentación táctil y las transiciones entre actividades.

Dark Material Theme

Light Material Theme

Para más información, visita Usar el Tema Material.

Listas y Tarjetas

Android proporciona dos nuevos widgets para mostrar tarjetas (cards) y listas con los estilos y animaciones de material design

El nuevo widget RecyclerView es mas que una versión de ListView ya que soporta diferentes tipos de layouts y proporciona mejoras en el rendimiento.

El nuevo widget CardView te permite mostrar importantes trozos de información dentro de tarjetas con un aspecto consistente.

Para más información, visita Crear Listas y Tarjetas.

Sombras

Además de las propiedades X e Y, las vistas en Android ahora tienen la propiedad Z. Esta nueva propiedad representa la elevación de una vista, la cual determina:

  • El tamaño de la sombra: las vistas con un valor de Z más alto, proyectan sombras más grandes.
  • El orden de visualización: las vistas con un valor de Z más alto, aparecen sobre las otras vistas.

Para más información, visita Definir Sombras y Puntos de Vista.

Animaciones

Las nuevas APIs de animación te permiten crear animaciones personalizadas para la retroalimentación táctil en los controles de la UI, cambios en el estado de la vista y transiciones entre actividades.

Estas APIs te permiten:

  • Responder a los eventos táctiles en tus vistas con animaciones de retroalimentación táctil.
  • Ocultar y mostrar vistas con animaciones de revelación circular.
  • Cambiar entre actividades mediante animaciones de transiciónpersonalizadas.
  • Crear animaciones más naturales mediante el movimiento curvo.
  • Animar los cambios en una o más propiedades de una vista con las animaciones de cambio en el estado de la vista.
  • Mostrar animaciones en la lista de estados de los drawables entre los cambios de estado de la vista.

Las animaciones de retroalimentación táctil pueden utilizarse dentro de varias vistas estándar, como los botones. Las nuevas APIs te permiten personalizar dichas animaciones y añadirlas dentro de tus propias vistas personalizadas.

Para más información, visita Definir Animaciones Personalizadas.

Drawables

Las nuevas utilidades de los drawables te permiten implementar en apps con material design:

  • Vectores Drawables que son re-escalables sin perder definición y son perfectos para iconos dentro de la app que solo usan un color.
  • Tintar Drawables te permite definir bitmaps como una marcara con alpha y tintar las mismas con un color al mismo tiempo.
  • Extracción de color te permite extraer automáticamente colores desde una imagen bitmap.

Para más información, visita Trabajar con Drawables.

Puedes ver más información sobre Material Design en la página oficial de Google en inglés pulsando aquí.

Los comentarios de Disqus están cargando....