Directrices de diseño para Android: qué son y por qué deben seguirlas

¿Cuáles son las directrices de diseño de material?

Google renovó por completo la interfaz de usuario para Android 5.0 Lollipop. La interfaz de usuario ahora tiene colores brillantes y las "tarjetas" que tienen sombras, así como nuevas animaciones que hacen que parezca que son deslizantes en su lugar. Google también introdujo un tercer eje que ofrece a los desarrolladores un espacio 3D para trabajar. El eje Z, así como la iluminación, se utiliza para la perspectiva para hacer que el espacio parezca más 3D. Los tres ejes se pueden modificar dentro del espacio 3D para dar profundidad también. Hay un montón de otros factores que intervienen en la interfaz de usuario incluyendo, pero no limitado a:

• Las animaciones deben tener en cuenta el peso y la masa como la vida real, así como la aceleración y desaceleración. Asegúrese de que todas las animaciones siguen el mismo camino para que no confundan al usuario. La transición entre dos objetos debe tener un claro camino obvio que va entre esos objetos.
• Limite el número de colores en su aplicación a tres de los 500 colores Google ofrece con un color de acento. Opacidad del texto también puede ser utilizado para significar la importancia de ciertos elementos. Los iconos están inspirados en las copias en papel físicas reales del material. Imágenes deben tener significado y debe ser una delicia. Coincidencia de colores app con colores de la imagen se puede añadir un bonito efecto limpio. No utilice stock photography, no tiene una visión única o creativo, también tienen un punto de enfoque claro. También puede ser una buena idea para crear una historia con una imagen, esto hace que sea más interesante para el usuario. Utilice las imágenes de mejor calidad cuando sea posible utilizando imágenes, degradados harán incluso las mejores aplicaciones se ven mal.
• El diseño de la aplicación debe comportarse como una pieza real o trozos de papel, las costuras se pueden usar y un botón flotante pueden ser colocados en la costura si ese botón es relevante para ambas caras del papel. Densidad de píxeles es una parte importante en el diseño de una aplicación, para encontrar la densidad de píxeles tomar la anchura o la altura en píxeles y se divide por la anchura o la altura en pulgadas. También hay píxeles densidad independiente que escalar los elementos de interfaz de usuario, independientemente de la densidad de píxeles. Un dp se define como dp = (anchura en píxeles * 160) / densidad de pantalla. Escalables píxeles funcionan de la misma como píxeles densidad independiente, pero para las fuentes. Todos los elementos de la aplicación se alinean a una rejilla 8 dp línea de base cuadrada para el relleno y el texto se alinea con una cuadrícula de 4 dp.

Google entra en detalles de adormecer la mente sobre cada aspecto de la interfaz de usuario Aquí. Es importante seguir las tantas directrices como sea posible, esto asegurará la mejor experiencia para el usuario y proporcionar la mejor continuidad entre las aplicaciones y el sistema operativo.

Android Biblioteca de diseño y soporte por las que debe usarlo

La Biblioteca Apoyo Diseño Android permite a los dispositivos más antiguos para darte una idea de los últimos y mejores diseños de la más reciente del sistema operativo Android. Google proporciona código que permite a los desarrolladores integrar los nuevos elementos de la interfaz de usuario aquí. Este ejemplo de código es la vista de contenido para un cajón de navegación:



xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: app = "http://schemas.android.com/apk/res-auto"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: fitsSystemWindows = "true">

android: layout_width = "wrap_content"
android: layout_height = "match_parent"
android: layout_gravity = "start"
aplicación: headerLayout = "@ diseño / drawer_header"
aplicación: Menú = "@ menú / cajón" />

Mientras el dispositivo se está ejecutando Android Android 2.1 o superior, esto puede ser implementado en la aplicación. La Biblioteca de diseño androide de la ayuda se debe utilizar siempre que sea posible para asegurar que una aplicación puede funcionar en versiones anteriores del sistema operativo, a menos que la aplicación está diseñada específicamente para los dispositivos Android corriendo 5.0 y superiores. Para utilizar la biblioteca, importar la dependencia Gradle se muestra a continuación.

compilar 'com.android.support:design:22.2.0'
Insertando esto en el archivo Gradle permitirá el uso de la Biblioteca de diseño androide de la ayuda y permitir el uso de características de materiales como en dispositivos que ejecutan una versión anterior de Android 5.0 Lollipop. Esto le dará a la aplicación de un aspecto más uniforme a través de la mayoría de las versiones de Android.

Envolver

Google ha entrado en detalle increíble cuando se trata de diseño de materiales. El material fue construido desde cero y todo lo ha hecho de nuevo. Por suerte, ejemplos de código y ayuda están disponibles para los principiantes o los débiles de corazón. Todo este nuevo estilo requiere Android 5.0 o superior Lollipop, sin embargo, Google no ofrece la Biblioteca de diseño Apoyo Android. Sin demasiado trabajo, esto permite que los dispositivos que ejecutan al menos Android 2.1 para ser capaz de tomar ventaja de la estética de materiales similares. Esto hará que la aplicación tiene continuidad a lo largo de diferentes versiones de Android.