• Author / Uploaded
• Edison

Citation preview

Nombres y Apellidos: Karina Montero Leonardo Matricula: 2018-6814 Practica: Características del Diseño Plano y Material Design Materia: Diseño Centrado Usuario (DCU) Sección: Grupo 1 Maestro: Juan Martínez Fecha de entrega: 16/06/2020

Diseño Plano (Flat Design)

El Flat Design (diseño plano) es un estilo de diseño minimalista enfocado a la funcionalidad y mensaje directo al grano. Se basa en priorizar la comunicación evitando toda clase de “adornos” que puedan distraer y que sean prescindibles. En otras palabras, dejamos atrás todos los degradados, biseles, florituras, texturas, sombras... Todo lo que no aporte valor al mensaje principal dando prioridad a la iconografía, los colores, las tipografías, la fotografía e incluso la disposición de los elementos, es decir, prioriza el mensaje con un formato más claro y preciso.

Características del Flat Design • • • • • • •

Simplicidad en sus formas y elementos (evitan las formas complejas y sobrecargadas) Tipografía clara, altamente legible y con el menor texto posible. Evitan texturas, sombras, gradientes, relieves y cualquier sensación de tridimensionalidad Atención a los detalles y al equilibrio visual. Los diseños son mucho más agiles y están despojados de elementos gráficos innecesarios. De esta manera disminuye considerablemente el tiempo de carga lo que se traduce en un usuario más contento y menos porcentaje de abandono. Al ser los sitios mucho más simples, con poca carga en los elementos gráficos, son mucho más sencillos de hacer responsive.

Material Design

Material Design recibe su nombre por estar basado en objetos materiales. Piezas colocadas en un espacio (lugar) y con un tiempo (movimiento) determinado. Es un diseño donde la profundidad, las superficies, los bordes, las sombras y los colores juegan un papel principal. Precisamente este diseño basado en objetos es una manera de intentar aproximarse a la realidad, algo que en un mundo donde todo es táctil y virtual es difícil. Material Design quiere guiarse por las leyes de la física, donde las animaciones sean lógicas, los objetos se superpongan pero no puedan atravesarse el uno al otro y demás.

Características del Flat Design •

• •

•

•

• •

Material design se basa en la realidad táctil del espacio racionalizado y el movimiento constante. Su flexibilidad da lugar a nuevas posibilidades que reemplazan las del mundo físico, pero no violan sus leyes. La existencia y la interacción de los objetos en el espacio son transmitidas a través de los principios de la luz, la superficie y el movimiento. Material design es influenciado por los elementos clave de diseño de impresión, es decir, fuentes, colores, imágenes, grids, escalas y espacio. Ellos crean una estructura jerárquica y significativa que se centra en la inmersión del usuario en la experiencia. Es el usuario quien inicia el movimiento y transforma el entorno con sus acciones. Cuando se mueven y se transforman los objetos, sus transiciones permanecen coherentes, lo que asegura la continuidad de la experiencia. Se trata del espacio 3D, donde los objetos tienen tres dimensiones, en particular, la anchura, la altura y el grosor. Mientras que los primeros dos pueden variar, el último es invariable. Material design permite unas transformaciones. Los objetos en el entorno de material design tienen las relaciones padre-hijo que determinan su interacción. Cada objeto puede estar subordinado a sólo uno objeto principal o padre y puede tener cualquier número de hijos. Los objetos tienen todas las propiedades de su "padre", por ejemplo, posición, rotación y elevación.