Concepto

Materialize forma parte de Material Design, lenguaje creado y diseñado por Google. Cuyo objetivo principal es unificar la experiencia de usuario en todas las plataformas, y facilitar la vida de los programadores que lo usen.

Material Design

Ésto es Material Design:

Principios

El "Material" es la metáfora que utiliza Google refiriéndose a que el propio aspecto de la interfaz de usuario, sus movimientos, aspecto y animaciones dan a entender cómo se utiliza cada uno de los elementos intuitivamente. Haciendo comprender rápidamente al usuario el funcionamiento de la interfaz, sin necesidad de ayudas adicionales.

Acelera el desarrollo

Materialize CSS hace la mayor parte del trabajo pesado aportando al programador una serie de estilos por defecto, que con unos sencillos parámetros podrá personalizar a su gusto. Además sus refinadas animaciones y transiciones proporcionan una suave experiencia en la interacción con los elementos.

Enfocado en la experiencia de usuario

El aspecto de los elementos y componentes así como las cuadrículas, tipografías y colores no sólo resultan agradables a la vista, sino que proporcionan también un sentido de orden, la jerarquía y el enfoque. Haciendo especial énfasis en determinados elementos, se crea una guía visual para ayudar a la interacción del usuario y así proporcionarle una experiencia más unificada.

El movimiento proporciona significado

El movimiento de los elementos permite establecer un paralelismo entre el mundo digital y los elementos del mundo real, retroalimentando acciones familiares ayudamos al usuario a sumergirse mas facilmente en una tecnología que desconoce.

Dichos movimientos tienen una consistencia y continuidad que brindan a los usuarios una información subconsciente de cómo se desplazan y transforman los elementos, a parte de contar con el responsive design lo que lo hace compatible con prácticamente cualquier plataforma

Documentación y Ayuda para empezar

Como no es de extrañar por parte de Google, la página oficial de Materialize CSS cuenta con ayudas y ejemplos de código especificos para ayudar a los nuevos usuarios a empezar

To be continued...


1,643 0 1