Flat Design Vs

Material Design
Que es el Flat
Design
El flat design, o diseño plano es una tendencia
que nace en el diseño de interfaces. Se
caracteriza por el uso de colores claramente
diferenciables, planos y muy vivos. Formas
geométricas que proporcionan orden en la
estructura. Tamaños tipográficos grandes y
mensajes simples y directos. Con esto se
consigue una clara comprensión y una fácil
interacción por parte del usuario.
Características del
Flat Design
• La simplicidad en las formas y los elementos

• Tipografía clara, legible, con el menor texto

• Evitar degradados, relieves y texturas

• Se le debe dar mucha atención al equilibrio

visual

• Elementos geométricos b ásicos (cuadrados,

círculos)

• Evitar formas complejas o sobrecargadas

• Colores vivos, brillantes, poco saturados

 Ventajas
Los diseños son mucho
más ágiles y sencillos, sin
gráficos innecesarios.
Al ser los sitios mucho más
Disminuye considerablemente el
simples, con poca carga en los
tiempo de carga, eso se traduce
elementos gráficos, son
en usuarios más satisfechos y
mucho más sencillos de
menos porcentaje de abandono.
hacer responsive.
Desventajas
• El mal uso puede hacer que unsitio
web sea demasiado simple o
monótono.
• La falta de relieve requiere señales
visuales para guiar al usuario.
• Al no existir bordes elevados puede
hacer difícil al usuario saber si está
delante de un botón o un objeto
seleccionable.
Material Design
Material design es un concepto, una filosofía,
un diseño donde la profundidad, las
superficies, los bordes, las sombras y los
colores juegan un papel principal. En un
inicio creado por Google, enfocándolo para
sistemas Android, pero también para web y en
cualquier plataforma. El encargado de crear
material design, y máximo responsable de
diseño en Google, es el chileno Matías Duarte.
Actualmente existe una larga lista de
aplicaciones actualizadas con material.
Características del
Material Design
• Minimalismo y colores
planos

• Iconos vectoriales
• Sombreado simultaneo
niveles

• Animaciones de elementos

• Conceptos espacial 3D
 • Al incluir una nueva dimensión se
• Las animaciones son
hace más fácil para el usuario la
un punto fuerte a usar
para extrapolar a comprensión de la jerarquía. De
otros puntos del un primer vistazo es mucho más
diseño.
fácil de entender.

• Al poseer normas para casi

• Las animaciones todos los detalles esfácilmente
vienen incorporadas y utilizable, independientemente
eliminan la necesidad de
manipular manualmente.
del dispositivo para el que
estemos diseñando.
Desventajas
• El material design es un invento de
Google, por lo que está intrínsecamente
ligado a él. Si seguimos sus directrices
puede que nuestra web o aplicación se
parezca en demasía al diseño de Google.
• Al estar tan claramente marcadas las
directrices, no podemos usar tanto
la creatividad.
• Las animaciones hacen claramente
un consumo de batería mayor.
 Conclusión
Mi opinión es que el uso de un diseño u otro depende de lo que
se quiere lograr con él, porque si lo que se tiene en cuenta la
funcionalidad y la rapidez de carga por sobre la interfaz que ve el
usuario pues lógicamente se decide ir por el flat desing, pero si se
busca más comprensión por parte del usuario del uso de cada
parte de la página o aplicación y más estética tomando en cuenta
sombras y dimensiones entonces se puede ir por el material
desing.Claro que no considero que uno sea mejor que otro, sino
que tienen un propósito para lo que se quiere lograr, como se
puede esperar, cada uno tiene sus pros, pero también sus
contras, y hasta se puede llegar a hacer una mezcla de los dos,
por lo que siempre depende el objetivo al cual se quiere lograr.