Material Design: Paleta de colores

Material Design

A partir de la versión 5.0 de Android (API 21), Google introduce una guía para el diseño visual de las aplicaciones, conocida como Material Design, que pretende proporcionar una experiencia consistente a través de distintas plataformas y aplicaciones.

Uno de sus principios básicos es, a diferencia del Flat Design, dar peso o materialidad a los elementos de la interfaz de usuario aportando apariencia de volumen o profundidad con sombras, bordes, capas y animaciones. También propone transmitir significado a través del color, utilizando para ello determinados tonos y combinaciones.

En cuanto al color, cada aplicación debe definir, dentro de cierto abanico de colores, su propia paleta que la identifique y diferencie del resto de aplicaciones. Por ello, si decides seguir las especificaciones de Material Design, una de las primeras decisiones respecto al diseño será escoger la paleta de colores que vas a utilizar.

En la web puedes encontrar distintas herramientas online especialmente útiles para este cometido, como por ejemplo Material Palette y Color Tool. En cualquiera de las dos se deben seleccionar los colores primario y secundario para la aplicación, lo que nos permite ver una previsualización del diseño y finalmente exportar y guardar en un archivo con formato xml para utilizar en nuestra aplicación.

Material Palette

Color Tool

De esta manera hemos conseguido una manera rápida y sencilla de seleccionar los colores para nuestra aplicación siguiendo las directrices de estilo de Material Design.

Más información sobre el sistema de colores en Material Design en The color system - Material Design (en inglés).
Clasificado en:

Comentarios

Publicar un comentario

Entradas populares

Recursos gratis para aprender Kotlin

Imagen
ÚLTIMA ACTUALIZACIÓN: 6 de diciembre de 2019 Un repaso a algunas referencias de tutoriales, libros y cursos, preferiblemente en español y a coste cero, para introducirse en la programación con Kotlin. En la web Tutoriales Programación Ya puedes encontrar un par de tutoriales interesantes: Kotlin Ya y Kotlin para Android Ya y sus respectivas versiones en inglés en Learn Kotlin Programming Free Course for Beginners y Kotlin Android Studio Course . En la web Curso Kotlin para Android , como su propio nombre indica, hay un Curso de Programación Android en Kotlin con 20 capítulos a fecha de esta entrada. DevCode ofrece gratis un interesante curso en formato video sobre Fundamentos de Kotlin . En la web devexperto puedes encontrar diversos recursos de formación y un blog dedicados a Kotlin aplicado al desarrollo de apps en Android. Puedes empezar por visitar su Curso Gratuito Aprende Kotlin por tu cuenta . También puede resultar interesante el material del tutorial And
Leer más

I/O: entrada y salida de datos en consola

Imagen
Dentro de la biblioteca estándar de Kotlin, el paquete kotlin.io proporciona elementos esenciales para trabajar con los flujos de entrada y salida estándar ( Input/Output o I/O). Esta transmisión de información entre la memoria principal y los dispositivos de entrada y salida permite, entre otras cosas, leer y escribir datos. En esta entrada vamos a tratar sobre cómo se transfieren datos de entrada y salida en consola (el paquete kotlin.io también proporciona herramientas para trabajar con archivos, como veremos en futuras entradas), lo que es útil para mostrar una información en pantalla y para obtener información aportada por el usuario, habitualmente a través de un dispositivo de entrada como el teclado . Output : Escribir en consola Como ya hemos visto en multitud de ejemplos previos, para enviar un mensaje a la salida estándar (la pantalla) usamos habitualmente las funciones print() y println() , que se diferencian en que la segunda incluye un salto de línea al final
Leer más

Lectura y escritura de archivos

Imagen
Anteriormente, cuando nos referimos a la biblioteca estándar de Kotlin para trabajar con flujos de entrada y salida ( Input/Output ), nos centramos en la transferencia de datos en consola , y ahora vamos a ver cómo trabajar con archivos , y concretamente algunas maneras para leer y escribir sobre ellos. Lectura de archivos Antes de entrar en materia, lógicamente necesitamos un archivo para leer; si estamos trabajando con IntelliJ IDEA , podemos crear desde allí un nuevo directorio y crear nuestro archivo de pruebas. Para tener nuestro proyecto ordenado, es habitual llamar a este directorio resources (recursos) y crear dentro de él otros directorios para, por ejemplo, contener imágenes o archivos de texto del proyecto. Para eso, nos situamos sobre la carpeta principal del proyecto y con el botón secundario del ratón seleccionamos New --> Directory : En la siguiente ventana le asignamos un nombre, en este caso, ' resources ' (opcionalmente también podemos marcar est
Leer más