Material design
20
Material Design Autor: Miguel Ángel López Moyano
-
Upload
miguel-angel-lopez-moyano -
Category
Education
-
view
62 -
download
0
Transcript of Material design
Material Design
Autor: Miguel Ángel López Moyano
ÍNDICE
1. Introducción2. Entorno3. Propiedades de Material Design4. Elevación y sombras5. Bibliografía
INTRODUCCIÓN
Los objetivos de Material Design son:
1) Crear un lenguaje visual que sintetice los principios clásicos del buen diseño con la innovación y posibilidades de la tecnología.
2) Desarrollar un único sistema que nos permita tener la misma experiencia independientemente de la plataforma o del tamaño del dispositivo.
INTRODUCCIÓN
Principios de Material Design
1. Material es una metáfora
Es la teoría que unifica un espacio racionalizado y un sistema de movimiento. El material se basa en la realidad táctil, inspirado en el estudio del papel y la tinta, sin embargo, tecnológicamente avanzado y abierto a la imaginación y la magia.
INTRODUCCIÓN
Principios de Material Design
1. Lo material como una metáfora
INTRODUCCIÓN
Principios de Material Design
1. Material es una metáfora
Las superficies y los bordes del material proporcionan indicaciones visuales que se basan en la realidad. La flexibilidad del material crea nuevos aspectos que sustituyen a los que hay en el mundo físico, sin romper las reglas de la física.
INTRODUCCIÓN
Principios de Material Design
1. Material es una metáfora
Los fundamentos de la luz, de la superficie, y el movimiento son clave para transmitir movimiento de los objetos, interactúan, y existen en el espacio y en relación a los otros.
INTRODUCCIÓN
Principios de Material Design
2. Intrépido, gráfico, intencional
Las opciones de color, imágenes de borde a borde, tipografía a gran escala, y el espacio en blanco crean de forma intencionada una interfaz gráfica audaz y capaz de sumergir al usuario en la experiencia.
INTRODUCCIÓN
Principios de Material Design
3. El movimiento proporciona significado
El movimiento respeta y refuerza al usuario como el motor primario. Las acciones de los usuarios son puntos de inflexión que inician el movimiento, la transformación de todo el diseño.
Toda acción tiene lugar en un único entorno. Los objetos se presentan al usuario sin romper la continuidad de la experiencia, incluso a medida que se transforman y se reorganizan.
ENTORNO
Mundo 3D
El entorno es un espacio en 3D, lo que significa que todos los objetos tienen dimensiones x, y, z. El eje z está alineado perpendicularmente al plano de la pantalla, el eje z positivo se extiende hacia el espectador. Cada hoja de material ocupa una única posición a lo largo del eje z y tiene un espesor estándar de 1DP.
ENTORNOMundo 3D
ENTORNO
Luz y sombra
Dentro del entorno de Material Design las luces clave crean sombras direccionales mientras que la luz ambiental crea sombras suaves desde todos los ángulos.
En Android, las sombras se producen cuando las fuentes de luz son bloqueadas por hojas de material en diferentes posiciones a lo largo del eje z.
PROPIEDADES DE MATERIAL DESIGN
1. Propiedades físicas
• El material tiene dimensiones x e y variables (medido en dp) y un espesor uniforme (1DP).
• El material arroja sombras. Las sombras resultan de la elevación relativa (posición z) entre los elementos materiales.
• El contenido se muestra en materiales, en cualquier forma y color. El contenido no añade grosor al material.
PROPIEDADES DE MATERIAL DESIGN1. Propiedades físicas
• El contenido puede comportarse de forma independiente del material, pero está limitado dentro de los límites del material.
• El material es sólido. Los eventos de entrada no pueden pasar a través del material.
• Múltiples elementos materiales no pueden ocupar el mismo punto en el espacio de forma simultánea.
• El material no puede pasar a través de otro material. Por ejemplo, una lámina de material no puede pasar a través de otra hoja de material al cambiar la elevación.
PROPIEDADES DE MATERIAL DESIGN2. Transformación de materiales
• El material puede cambiar de forma.
• El material crece y se reduce sólo a lo largo de su plano.
• El material nunca se dobla o pliega.
• Pueden unirse láminas de material para convertirse en una sola hoja de material.
• Cuando se divide, el material puede curarse. Por ejemplo, si se quita una porción de material de una lámina de material, la lámina de material volverá a ser una hoja entera.
PROPIEDADES DE MATERIAL DESIGN
3. Movimiento del material
• El material puede ser generado o destruido en cualquier lugar en el entorno de forma espontánea.
• El material puede moverse a lo largo de cualquier eje.
• El movimiento sobre el eje Z es normalmente un resultado de la interacción del usuario con el material.
ELEVACIÓN Y SOMBRAS
• La elevación es la profundidad relativa, o la distancia, entre dos superficies a lo largo del eje z.
• Medido desde la parte delantera de una superficie a la parte frontal de otra, la elevación de un elemento indica la distancia entre las superficies y la profundidad de su sombra.
ELEVACIÓN Y SOMBRAS
• Las sombras proporcionan importantes pistas visuales acerca de la profundidad de los objetos y movimiento direccional. Son la única señal visual que indica la separación entre las superficies. La elevación de un objeto determina la aparición de su sombra.
• En movimiento, las sombras proporcionan pistas útiles acerca de la dirección de un objeto y si la distancia entre las superficies está aumentando o disminuyendo.
¿DUDAS?
